@import "https://fonts.googleapis.com/css2?family=SN+Pro:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"SN Pro", "Avenir Next", "Futura PT", Montserrat, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#f2f8fc;--color-bg-grid:#d3e6f1;--color-surface:#eaf4fb;--color-surface-muted:#edf6fb;--color-surface-raised:#fbfdff;--color-surface-strong:#d8ecf7;--color-text:#10263c;--color-text-muted:#526d86;--color-text-inverse:#f8fcff;--color-border:#bdd5e4;--color-border-strong:#8fb6ce;--color-primary:#225f9f;--color-primary-hover:#174f89;--color-primary-active:#103e6d;--color-primary-soft:#d8ecf8;--color-focus:#126daf;--color-accent:#c65300;--color-accent-hover:#963c00;--color-accent-soft:#fff0e4;--color-accent-border:#efa462;--color-disabled-bg:#e6eff5;--color-disabled-text:#6f879b;--state-success-bg:#e2f1fa;--state-success-text:#1a587f;--state-success-border:#92c0d8;--state-warning-bg:var(--color-accent-soft);--state-warning-text:var(--color-accent-hover);--state-warning-border:var(--color-accent-border);--state-error-bg:var(--color-accent-soft);--state-error-text:var(--color-accent-hover);--state-error-border:var(--color-accent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--grid-unit:48px;--grid-half:24px;--stroke:1px;--card-height:172px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:var(--radius-md);--radius-xl:var(--radius-md);--shadow-panel:6px 6px 0 #8fb6ce2e;--shadow-raised:10px 10px 0 #103a5f29, 0 22px 64px #10263c33;--focus-ring:0 0 0 3px #126daf38;--focus-ring-accent:0 0 0 3px #c653003d}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(90deg, var(--color-bg-grid) var(--stroke), transparent var(--stroke)), linear-gradient(var(--color-bg-grid) var(--stroke), transparent var(--stroke));background-size:var(--grid-unit) var(--grid-unit);opacity:.78;position:fixed;inset:0}body:after{content:"";right:var(--space-6);bottom:var(--space-6);z-index:-1;aspect-ratio:1;pointer-events:none;opacity:.55;background:radial-gradient(circle at 75% 25%,#0000 0 18%,#225f9f21 19% 28%,#0000 29%),linear-gradient(90deg,#225f9f14 0 50%,#0000 50%),linear-gradient(#0000 0 50%,#8fb6ce1f 50%);border:1px solid #8fb6ce47;width:min(208px,34vw);position:fixed}::selection{color:var(--color-text);background:#225f9f38}button,input,textarea,.button{font:inherit}input,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-text);background:#fff;padding:.68rem .78rem;box-shadow:inset 0 1px #10263c08}textarea{resize:vertical;min-height:180px}input::placeholder,textarea::placeholder{color:#7c96aa}button,.button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-primary-soft);min-height:42px;color:var(--color-primary-active);letter-spacing:.01em;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.62rem .88rem;font-weight:700;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex}:where(.topbar,.actions)>:where(button,.button),.bucket-record,.bucket-select,.settings-form>*,.create-folder form>*{width:100%;min-width:0}button:not(:disabled):hover,.button:hover{border-color:var(--color-primary);color:var(--color-primary-active);background:#c9e3f4}button:not(:disabled):active,.button:active{background:#bddbed;transform:translateY(1px)}button:disabled{border-color:var(--color-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}button.primary,.button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}button.primary:not(:disabled):hover,.button.primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-text-inverse)}button.primary:not(:disabled):active,.button.primary:active{background:var(--color-primary-active)}button.danger,.button.danger{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}button.danger:not(:disabled):hover,.button.danger:hover{border-color:var(--color-accent);color:var(--color-accent-hover);background:#ffe2ca}button.danger:not(:disabled):active,.button.danger:active{background:#ffd4b2}button:disabled,button.primary:disabled,button.danger:disabled{border-color:var(--color-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;transform:none}:where(button,input,textarea,.button):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;box-shadow:var(--focus-ring)}:where(button.danger,.button.danger,.card.issue .card-delete):focus-visible{outline-color:var(--color-accent);box-shadow:var(--focus-ring-accent)}.app-shell{gap:var(--space-4);height:100%;padding:var(--space-4);grid-template-columns:280px 1fr;display:grid}.sidebar,.workspace{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);min-height:0;box-shadow:var(--shadow-panel)}.sidebar{padding:var(--space-4);border-left:8px solid var(--color-primary);flex-direction:column;display:flex;overflow:hidden}.workspace{background:var(--color-surface);grid-template-rows:auto auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.brand-copy{min-width:0}.collapse-toggle{width:36px;min-width:36px;height:36px;min-height:36px;margin-left:auto;font-size:1.4rem}.brand strong{color:var(--color-primary-active);letter-spacing:-.055em;font-size:1.9rem;font-weight:700;line-height:.95;display:block}.brand span{max-width:170px;margin-top:var(--space-1);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.mark{--mark-stroke:5px;--mark-inset:7px;--mark-circle:22px;--mark-arc:29px;aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-primary) 0 50%, transparent 50%), linear-gradient(180deg, var(--color-surface-raised) 0 50%, var(--color-primary-soft) 50%);flex:none;width:52px;position:relative;overflow:hidden}.mark:before,.mark:after{content:"";position:absolute}.mark:before{top:var(--mark-inset);right:var(--mark-inset);width:var(--mark-circle);aspect-ratio:1;border:var(--mark-stroke) solid var(--color-primary);background:var(--color-surface-raised);border-radius:50%}.mark:after{width:var(--mark-arc);aspect-ratio:1;border-top:var(--mark-stroke) solid var(--color-border-strong);border-right:var(--mark-stroke) solid var(--color-border-strong);background:var(--color-surface-raised);border-radius:0 100% 0 0;bottom:-1px;left:-1px}.add-bucket{width:100%;margin-bottom:var(--space-4);background:var(--color-surface-muted);border-style:dashed;justify-content:flex-start}.add-bucket-icon{border:1px solid;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;line-height:1;display:inline-grid}.bucket-list{gap:var(--space-2);padding-right:var(--space-1);scrollbar-color:var(--color-border-strong) transparent;display:grid;overflow:auto}.bucket-record{gap:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;border-left-width:4px;grid-template-columns:minmax(0,1fr) 42px;display:grid;overflow:hidden}.bucket-select{border-radius:var(--radius-sm);min-height:54px;color:var(--color-text);padding-left:var(--space-2);text-align:left;background:0 0;border:0;justify-content:flex-start}.bucket-thumb{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:radial-gradient(circle at 72% 28%, transparent 0 22%, #225f9f33 23% 35%, transparent 36%), linear-gradient(90deg, var(--color-primary-soft) 0 50%, var(--color-surface-raised) 50%);width:36px;height:36px;color:var(--color-primary-active);text-transform:uppercase;flex:none;place-items:center;font-weight:700;display:inline-grid}.bucket-copy{min-width:0}.bucket-settings{width:100%;min-width:42px;height:auto;min-height:100%;color:var(--color-primary-active);background:0 0;border-color:#0000;align-self:stretch}.bucket-record:hover{border-color:var(--color-border);border-left-color:var(--color-border-strong);background:var(--color-surface-muted)}.bucket-record:hover .bucket-select,.bucket-record:hover .bucket-settings,.bucket-select:not(:disabled):hover,.bucket-settings:not(:disabled):hover{background:0 0;border-color:#0000}.bucket-record.active{border-color:var(--color-border-strong);border-left-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-active)}.bucket-record.active .bucket-select,.bucket-record.active .bucket-settings{color:var(--color-primary-active)}.bucket-record.active .bucket-thumb{border-color:var(--color-primary);background:radial-gradient(circle at 72% 28%, transparent 0 22%, #fbfdff9e 23% 35%, transparent 36%), linear-gradient(90deg, var(--color-primary) 0 50%, var(--color-primary-soft) 50%);color:var(--color-text-inverse)}.bucket-name{text-overflow:ellipsis;max-width:100%;font-weight:700;display:block;overflow:hidden}.bucket-record small{max-width:100%;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bucket-record.needs-config .bucket-thumb{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.sidebar-foot{padding-top:var(--space-4);color:var(--color-text-muted);letter-spacing:.04em;margin-top:auto;font-size:.75rem}.topbar{align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);display:flex}.toolbar-actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.toolbar-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;font-size:1.05rem;line-height:1}.toolbar-button:disabled{opacity:1}.path{align-items:center;gap:var(--space-2);scrollbar-width:thin;flex:1;min-width:0;display:flex;overflow:auto}.path:before{content:"";border:1px solid var(--color-border-strong);background:conic-gradient(from 90deg, var(--color-primary) 0 25%, transparent 0 50%, var(--color-border-strong) 0 75%, transparent 0);border-radius:50%;flex:none;width:28px;height:28px}.path button{min-height:34px;color:var(--color-primary-active);white-space:nowrap;background:0 0;border-color:#0000;padding:.38rem .58rem}.path button:not(:first-of-type){border-left-color:var(--color-border);border-radius:var(--radius-sm)}.path button:not(:disabled):hover{background:var(--color-primary-soft)}.path button.drop-available{border-color:var(--color-primary);background:var(--color-primary-soft);border-style:dashed}.path button.drop-target{border-color:var(--color-primary-active);background:var(--color-primary);color:var(--color-text-inverse);box-shadow:4px 4px #225f9f24}.icon-button{place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;font-size:1.25rem;line-height:1;display:inline-grid}.mobile{display:none}.error,.warning,.success{border:1px solid var(--state-error-border);border-radius:var(--radius-sm);background:var(--state-error-bg);color:var(--state-error-text);border-left-width:6px;padding:.68rem .85rem;font-weight:700}.error{margin:var(--space-3) var(--space-4) 0;grid-row:2}.warning{margin:0 0 var(--space-3);border-color:var(--state-warning-border);border-left-color:var(--color-accent);background:var(--state-warning-bg);color:var(--state-warning-text)}.success{border-color:var(--state-success-border);border-left-color:var(--state-success-text);background:var(--state-success-bg);color:var(--state-success-text)}.file-grid{grid-row:3;grid-template-columns:repeat(auto-fill,minmax(clamp(124px,10vw,190px),1fr));grid-auto-rows:var(--card-height);align-content:start;gap:var(--space-3);height:100%;min-height:0;padding:var(--space-4);background-image:linear-gradient(90deg, #8fb6ce38 var(--stroke), transparent var(--stroke)), linear-gradient(#8fb6ce38 var(--stroke), transparent var(--stroke));background-size:var(--grid-half) var(--grid-half);display:grid;overflow:auto}.file-grid[aria-busy=true]{cursor:progress}.file-grid.dragging{outline:3px solid var(--color-focus);outline-offset:-8px;background-color:#d8ecf8ad}.drop-hint{top:var(--space-4);z-index:3;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-primary-active);padding:var(--space-3) var(--space-5);border-left-width:8px;grid-column:1/-1;justify-self:center;font-weight:700;position:sticky;box-shadow:4px 4px #225f9f24}.placement-hint{border-color:var(--color-border-strong);border-left-color:var(--color-primary);background:var(--color-primary-soft)}.card{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-width:0;height:100%;padding:var(--space-2);cursor:default;grid-template-rows:minmax(0,1fr) 2.65rem;transition:border-color .14s,box-shadow .14s,transform .14s,background-color .14s;display:grid;position:relative;overflow:hidden}.card:before{content:"";background:var(--color-primary-soft);width:36px;height:5px;position:absolute;top:0;left:0}.card:hover,.card:focus-within,.card.selected{border-color:var(--color-primary);background:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px #225f9f24}.card.selected:before{background:var(--color-primary)}.card[draggable=true]{-webkit-user-select:none;user-select:none}.card.directory:hover{cursor:grab}.card.directory:has(.card-select:checked){cursor:grab}.card.directory:before{background:var(--color-primary)}.card.directory.drop-available{border-color:var(--color-primary);background:var(--color-primary-soft);border-style:dashed}.card.directory.drop-available .thumb{border-color:var(--color-primary);background:radial-gradient(circle at 30% 32%, var(--color-surface-raised) 0 23%, transparent 24%), linear-gradient(90deg, #c1def0 0 50%, var(--color-surface-raised) 50%)}.card.directory.drop-target{border-style:solid;border-color:var(--color-primary-active);background:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px #225f9f2e}.card.directory.drop-target .thumb{outline:3px solid var(--color-primary);outline-offset:-6px}.card.issue{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-hover)}.card.issue:before{background:var(--color-accent)}.card.issue:hover,.card.issue:focus-within{border-color:var(--color-accent);box-shadow:4px 4px #c6530029}.thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:linear-gradient(90deg, transparent calc(50% - 1px), #8fb6ce9e calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(180deg, transparent calc(50% - 1px), #8fb6ce9e calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), var(--color-primary-soft);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb span{color:var(--color-primary);font-size:clamp(2.1rem,4vw,3.75rem);font-weight:700;line-height:1}.directory .thumb{background:radial-gradient(circle at 30% 32%, var(--color-surface-raised) 0 23%, transparent 24%), linear-gradient(90deg, var(--color-primary-soft) 0 50%, var(--color-surface) 50%)}.issue .thumb{border-color:var(--color-accent-border);background:linear-gradient(90deg, #c653001f 0 50%, transparent 50%), var(--color-accent-soft)}.issue .thumb span{color:var(--color-accent)}.meta{min-width:0;min-height:0;overflow:hidden}.meta strong{color:var(--color-text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.meta small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.issue .meta strong,.issue .meta small{color:var(--color-accent-hover)}.card-select{top:var(--space-2);left:var(--space-2);z-index:2;border:1px solid var(--color-border-strong);width:20px;height:20px;min-height:20px;box-shadow:none;accent-color:var(--color-primary);opacity:0;padding:0;position:absolute}.card:hover .card-select,.card:focus-within .card-select,.card.selected .card-select{opacity:1}.card-delete{top:var(--space-2);right:var(--space-2);z-index:1;border-color:var(--color-accent-border);background:var(--color-accent-soft);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--color-accent-hover);opacity:0;pointer-events:none;padding:0;position:absolute;transform:translateY(-2px)}.card:hover .card-delete,.card:focus-within .card-delete,.card-delete:focus-visible{opacity:1;pointer-events:auto;transform:none}.card-delete:not(:disabled):hover{border-color:var(--color-accent);color:var(--color-accent-hover);background:#ffe2ca}@media (hover:none){.card-delete,.card-select{opacity:1;pointer-events:auto;transform:none}}.empty{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);max-width:390px;color:var(--color-text-muted);padding:var(--space-6);text-align:center;background:#fbfdffdb;border-left-width:8px;grid-area:span 2/1/auto/-1;place-self:center}.empty .mark{--mark-stroke:9px;--mark-inset:13px;--mark-circle:40px;--mark-arc:54px;width:96px;margin:0 auto var(--space-4)}.empty h2,.modal h2{margin:0 0 var(--space-3);color:var(--color-primary-active);letter-spacing:-.045em;font-size:clamp(1.35rem,2vw,2rem);font-weight:700;line-height:1.08}.empty p{margin:0}.status{right:var(--space-6);bottom:var(--space-5);align-items:center;gap:var(--space-2);border:1px solid var(--color-primary-active);border-radius:var(--radius-sm);background:var(--color-primary-active);color:var(--color-text-inverse);padding:.58rem .85rem;font-weight:700;display:inline-flex;position:absolute;box-shadow:4px 4px #103e6d2e}.status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.context-menu{z-index:20;gap:var(--space-1);border:1px solid var(--color-border-strong);border-left:6px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-width:220px;padding:var(--space-2);box-shadow:var(--shadow-raised);display:grid;position:fixed}.context-menu button{width:100%;color:var(--color-text);text-align:left;background:0 0;border-color:#0000;grid-template-columns:1.75rem minmax(0,1fr);justify-content:flex-start;display:grid}.context-menu button span{color:var(--color-primary);place-items:center;display:inline-grid}.context-menu button:disabled span{color:var(--color-disabled-text)}.context-menu button:not(:disabled):hover{border-color:var(--color-border);background:var(--color-primary-soft)}.context-menu .danger{color:var(--color-accent-hover)}.context-menu .danger:not(:disabled):hover{border-color:var(--color-accent-border);background:var(--color-accent-soft)}.context-menu hr{width:100%;margin:var(--space-1) 0;border:0;border-top:1px solid var(--color-border)}.modal{z-index:10;padding:var(--space-5);background:#10263c94;place-items:center;display:grid;position:fixed;inset:0}.modal article{border:1px solid var(--color-border);border-top:8px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-raised);width:min(980px,100%);max-height:90vh;padding:var(--space-6);box-shadow:var(--shadow-raised);position:relative;overflow:auto}.confirm-delete article{border-top-color:var(--color-accent)}.close{top:var(--space-3);right:var(--space-3);width:42px;min-width:42px;height:42px;min-height:42px;padding:0;font-size:1.65rem;line-height:1;position:absolute}.modal img,.modal video{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-width:100%;max-height:70vh;margin:auto;display:block}pre{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text);padding:var(--space-4);white-space:pre-wrap;margin:0;overflow:auto}.create-folder article,.rename article,.properties article,.confirm-delete article{width:min(520px,100%)}.confirm-delete p{margin:0 0 var(--space-3)}.create-folder form,.rename form{gap:var(--space-4);display:grid}.create-folder label,.rename label,.settings-form label:not(.button):not(.check){color:var(--color-primary-active);letter-spacing:.01em;gap:.38rem;font-size:.93rem;font-weight:700;display:grid}.form-hint{margin:calc(-1 * var(--space-2)) 0 0;color:var(--color-text-muted)}.properties-list{gap:var(--space-2);margin:0;display:grid}.properties-list div{gap:var(--space-3);border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;grid-template-columns:minmax(8rem,.38fr) minmax(0,1fr);display:grid}.properties-list dt{color:var(--color-text-muted);font-weight:700}.properties-list dd{overflow-wrap:anywhere;min-width:0;color:var(--color-text);margin:0}.settings article{width:min(760px,100%)}.settings-context{margin:0 0 var(--space-4);color:var(--color-text-muted)}.settings-form{align-content:start;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-form .check{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);min-height:44px;color:var(--color-primary-active);padding:.62rem .75rem;font-weight:700;display:flex}.check input{width:1rem;height:1rem;min-height:auto;box-shadow:none;accent-color:var(--color-primary);border:0;padding:0}.actions{align-items:stretch;gap:var(--space-2);margin-top:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));display:grid}@media (width>=761px){.app-shell.sidebar-collapsed{grid-template-columns:84px 1fr}.sidebar.collapsed{padding-inline:var(--space-2);align-items:center}.sidebar.collapsed .brand{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column}.sidebar.collapsed .brand-copy,.sidebar.collapsed .add-bucket-label,.sidebar.collapsed .bucket-copy,.sidebar.collapsed .bucket-settings,.sidebar.collapsed .sidebar-foot{display:none}.sidebar.collapsed .add-bucket{justify-content:center;width:48px;min-width:48px;padding-inline:0}.sidebar.collapsed .bucket-list{justify-items:center;width:100%;padding-right:0}.sidebar.collapsed .bucket-record{border-left-width:1px;grid-template-columns:1fr;width:48px}.sidebar.collapsed .bucket-select{width:100%;min-height:48px;padding:var(--space-1);justify-content:center}.sidebar.collapsed .bucket-thumb{width:34px;height:34px}.sidebar.collapsed .collapse-toggle{margin-left:0}}@media (width<=960px){.app-shell{grid-template-columns:240px 1fr}}@media (width<=760px){.app-shell{gap:var(--space-2);padding:var(--space-2);grid-template-columns:1fr}.sidebar{inset:var(--space-2) auto var(--space-2) var(--space-2);z-index:8;width:min(312px,100vw - 16px);transition:transform .18s;position:fixed;transform:translate(calc(-100% - 12px))}.sidebar.open{transform:none}.workspace{border-radius:var(--radius-md)}.topbar{gap:var(--space-2);padding:var(--space-2);flex-wrap:wrap}.mobile{display:inline-grid}.collapse-toggle{display:none}.path{flex-basis:100%;order:2}.toolbar-actions{order:3;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;display:grid}.toolbar-button{width:100%;min-width:0}.path button{text-overflow:ellipsis;max-width:128px;overflow:hidden}.file-grid{--card-height:150px;gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.modal{padding:var(--space-2);align-items:center}.modal article{border-radius:var(--radius-md);padding:var(--space-4)}.settings-form,.properties-list div{grid-template-columns:1fr}.status{right:var(--space-4);bottom:var(--space-4)}}@media (width<=480px){.brand strong{font-size:1.65rem}.toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}