.folder-browser{margin:18px 0 26px;padding:0 4px;color:var(--text,inherit)}
.folder-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.6}
.folder-breadcrumbs a{color:inherit;text-decoration:none;padding:5px 0;overflow-wrap:anywhere}
.folder-breadcrumbs a:hover{text-decoration:underline}
.folder-breadcrumbs a:not(:first-child):not(:nth-child(2))::before{content:' / ';opacity:.5;margin-right:10px}
.folder-breadcrumbs a[aria-current]{font-weight:700}
.folder-back{margin-right:12px}
.folder-browser h1{font-size:clamp(22px,4vw,32px);font-weight:600;letter-spacing:-.025em;margin:18px 0 6px;overflow-wrap:anywhere}
.folder-browser p{font-size:14px;opacity:.7;margin:8px 0 16px}
.folder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.folder-link{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent);border-radius:12px;padding:15px 16px;min-width:0;background:color-mix(in srgb,currentColor 3%,transparent)}
.folder-link:hover,.folder-link:focus-visible{background:color-mix(in srgb,currentColor 9%,transparent)}
.folder-link span:nth-child(2){flex:1;overflow-wrap:anywhere;font-size:15px;font-weight:500}
.folder-icon{font-size:27px;line-height:1}
.folder-status:empty{display:none}
@media(max-width:560px){.folder-list{grid-template-columns:1fr}.folder-browser{margin:14px 0 22px}.folder-link{padding:13px 14px}}
.folder-move-button{margin:8px 0;padding:9px 14px;border:1px solid var(--color-rule,#ccd5ce);border-radius:10px;background:var(--color-surface,#fff);color:inherit;font:inherit;font-size:14px;cursor:pointer}
.folder-move-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:22px;border:1px solid var(--color-rule,#ccd5ce);border-radius:18px;background:var(--color-paper,#f7faf7);color:var(--color-ink,#1c251e);overflow:auto}
.folder-move-dialog::backdrop{background:rgba(0,0,0,.5)}
.folder-move-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.folder-move-dialog h2{font-size:22px;margin:0}
.folder-move-dialog p{font-size:14px;line-height:1.5}
.folder-move-dialog button{font:inherit;color:inherit;cursor:pointer}
.folder-move-close{border:0;background:transparent;font-size:26px!important;min-width:40px;min-height:40px}
.folder-move-route{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}
.folder-move-route button{border:1px solid var(--color-rule,#ccd5ce);border-radius:8px;background:transparent;padding:8px 10px;overflow-wrap:anywhere}
.folder-move-route button[aria-current]{font-weight:700;background:color-mix(in srgb,currentColor 8%,transparent)}
.folder-move-children{display:grid;gap:6px;max-height:28dvh;overflow:auto}
.folder-move-child{text-align:left;padding:12px;border:1px solid var(--color-rule,#ccd5ce);border-radius:9px;background:transparent;overflow-wrap:anywhere;min-height:44px}
.folder-move-summary{display:grid;gap:5px;padding:14px;margin:18px 0 10px;border:1px solid var(--color-rule,#ccd5ce);border-radius:10px;font-size:14px;overflow-wrap:anywhere}
.folder-move-summary span{font-size:12px;opacity:.65}
.folder-move-summary strong+span{margin-top:10px}
.folder-move-preserved{opacity:.75}
.folder-move-status{min-height:21px}
.folder-move-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.folder-move-dialog footer button{min-height:44px;border:1px solid var(--color-rule,#ccd5ce);border-radius:10px;padding:10px 15px;background:transparent;font-weight:600}
.folder-move-dialog .folder-move-confirm{background:var(--color-accent,#11643c);color:var(--color-accent-ink,#fff);border-color:transparent}
.folder-move-dialog button:disabled{opacity:.5;cursor:default}
.folder-move-success{opacity:1!important;color:var(--color-accent,#11643c)}
