@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:oklch(24% .018 282);font-synthesis:none;--ink:oklch(24% .018 282);--muted:oklch(55% .018 282);--faint:oklch(72% .012 282);--line:oklch(90% .012 282);--canvas:oklch(97.5% .006 105);--panel:oklch(99.2% .003 105);--accent:oklch(61% .22 302);--accent-deep:oklch(52% .235 302);--accent-soft:oklch(94% .045 302);--green:oklch(66% .17 154);--sidebar-width:270px;--topbar-height:68px;--inspector-width:352px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:oklch(97.5% .006 105);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,audio:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 42%, transparent);outline-offset:2px}.app-shell{--sidebar-width:clamp(220px, var(--sidebar-preferred-width,270px), 420px);grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:var(--topbar-height) minmax(calc(100vh - var(--topbar-height)), auto);background:var(--canvas);min-height:100vh;display:grid}.app-shell.has-inspector{grid-template-columns:var(--sidebar-width) minmax(480px, 1fr) var(--inspector-width)}.sidebar{border-right:1px solid var(--line);z-index:20;background:oklch(96% .009 302);flex-direction:column;grid-row:1/-1;height:100vh;padding:24px 14px 16px;display:flex;position:sticky;top:0}.sidebar-resize-handle{z-index:2;cursor:col-resize;touch-action:none;border-radius:8px;outline:0;width:12px;position:absolute;inset:0 -6px 0 auto}.sidebar-resize-handle:after{content:"";background:var(--accent);opacity:0;border-radius:2px;width:2px;transition:opacity .14s,transform .14s;position:absolute;top:12px;bottom:12px;left:5px;transform:scaleY(.92)}.sidebar-resize-handle:hover:after,.sidebar-resize-handle:active:after,.sidebar-resize-handle:focus-visible:after{opacity:.6;transform:scaleY(1)}.sidebar-resize-handle:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 28%, transparent)}.sidebar-head{justify-content:space-between;align-items:center;padding:0 8px 32px;display:flex}.brand-mark{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:10px;font-size:17px;display:flex}.brand-mark>span{background:var(--accent);color:#fff;width:34px;height:34px;box-shadow:0 8px 22px color-mix(in oklch, var(--accent) 24%, transparent);border-radius:10px;place-items:center;display:grid}.brand-mark svg{width:18px}.brand-mark em{color:var(--accent-deep);font-style:normal}.brand-mark.large{font-size:21px}.brand-mark.large>span{border-radius:12px;width:42px;height:42px}.nav-label,.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 10px 10px;font-size:11px;font-weight:700}.storage-navigation{scrollbar-width:thin;scrollbar-color:var(--faint) transparent;flex:1;min-height:0;margin:0 -4px;padding:0 4px 14px;overflow-y:auto}.bucket-tree-list{gap:4px;display:grid}.bucket-tree{min-width:0}.bucket-tree-row,.folder-tree-row{border-radius:9px;align-items:center;min-width:0;display:flex}.bucket-tree-row:hover,.folder-tree-row:hover{background:color-mix(in oklch, var(--accent-soft) 54%, transparent)}.bucket-tree-row.active,.folder-tree-row.active{background:var(--accent-soft);color:var(--accent-deep)}.bucket-tree.selected-bucket>.bucket-tree-row:not(.active){color:var(--accent-deep)}.tree-toggle,.tree-toggle-spacer{flex:none;width:25px;height:32px}.tree-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.tree-toggle:hover{background:color-mix(in oklch, var(--accent) 10%, transparent);color:var(--accent-deep)}.tree-toggle svg{width:14px;height:14px;transition:transform .16s}.tree-toggle.expanded svg{transform:rotate(90deg)}.tree-toggle.loading svg{opacity:.38;animation:.8s ease-in-out infinite alternate tree-pulse}.bucket-toggle{height:48px}.folder-tree-branch{border-left:1px solid color-mix(in oklch, var(--line) 80%, transparent);margin:1px 0 2px 12px;padding:0 0 0 7px;list-style:none}.folder-tree-branch li{min-width:0}.folder-tree-row{min-height:32px}.folder-tree-row.in-path:not(.active){color:var(--accent-deep)}.folder-tree-link{min-width:0;height:32px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:0 7px 0 2px;display:flex}.folder-tree-link svg{width:14px;height:14px;color:color-mix(in oklch, currentColor 72%, var(--muted));flex:none}.folder-tree-link span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.tree-loading{color:var(--muted);padding:4px 8px 7px 35px;font-size:10px}@keyframes tree-pulse{to{opacity:.8}}.bucket-link,.account-button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;width:100%;display:flex}.bucket-link{border-radius:10px;padding:10px}.bucket-link:hover{background:color-mix(in oklch, var(--accent-soft) 54%, transparent)}.bucket-link.active{background:var(--accent-soft);color:var(--accent-deep)}.bucket-tree-row .bucket-link{flex:1;min-width:0;padding:8px 5px 8px 1px}.bucket-tree-row .bucket-link:hover{background:0 0}.bucket-tree-row .bucket-link>span:last-child{min-width:0}.bucket-link strong,.account-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.bucket-link small,.account-button small,.dock-track small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.bucket-icon{background:color-mix(in oklch, var(--accent) 11%, var(--panel));border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.bucket-icon svg{width:16px}.sidebar-foot{gap:8px;margin-top:auto;display:grid}.read-only-card{color:oklch(38% .065 155);background:oklch(93% .045 155);border-radius:11px;align-items:center;gap:10px;padding:12px 10px;display:flex}.read-only-card svg{width:18px}.read-only-card strong,.read-only-card small{font-size:11px;display:block}.read-only-card small{color:oklch(48% .05 155);margin-top:2px}.account-button{border-radius:10px;padding:10px 8px}.account-button:hover{background:var(--panel)}.account-button>span:nth-child(2){flex:1;min-width:0}.account-button>svg{width:15px;color:var(--muted)}.avatar{background:var(--ink);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.topbar{background:color-mix(in oklch, var(--panel) 93%, transparent);border-bottom:1px solid var(--line);z-index:10;grid-column:2;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.has-inspector .topbar{grid-column:2/-1}.global-search{background:oklch(94% .008 282);border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;width:min(480px,58vw);padding:9px 13px;transition:all .16s;display:flex}.global-search:focus-within{border-color:color-mix(in oklch, var(--accent) 35%, var(--line));background:var(--panel);box-shadow:0 0 0 3px var(--accent-soft)}.global-search svg{width:17px;color:var(--muted)}.global-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.topbar-status{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in oklch, var(--green) 15%, transparent);border-radius:50%}.top-avatar{cursor:pointer;border:0}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon-button:hover{background:oklch(93% .009 282)}.icon-button svg{width:18px}.library-main{min-width:0;padding:34px clamp(20px,3.2vw,48px) 120px;overflow:hidden}.library-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.library-heading h1{letter-spacing:-.04em;margin:8px 0 2px;font-size:clamp(25px,2.3vw,34px);line-height:1.1}.library-heading p{color:var(--muted);margin:0;font-size:12px}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:2px;min-height:22px;display:flex}.breadcrumbs span{align-items:center;gap:2px;display:flex}.breadcrumbs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px}.breadcrumbs button:hover{color:var(--accent-deep)}.breadcrumbs svg{width:12px;color:var(--faint)}.view-switch{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:3px;display:flex}.view-switch button{width:34px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.view-switch button.active{color:var(--accent-deep);background:var(--accent-soft)}.view-switch svg{width:16px}.asset-controls{justify-content:space-between;align-items:center;gap:16px;margin:-10px 0 18px;display:flex}.filter-chips{scrollbar-width:none;align-items:center;gap:7px;padding:3px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{border:1px solid var(--line);background:var(--panel);min-height:31px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;padding:0 11px;font-size:11px}.filter-chips button:hover{border-color:color-mix(in oklch, var(--accent) 35%, var(--line));color:var(--ink)}.filter-chips button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);font-weight:700}.sort-control{color:var(--muted);flex:none;align-items:center;gap:5px;display:flex}.sort-control svg{width:14px}.sort-control select{color:inherit;cursor:pointer;background:0 0;border:0;font-size:11px}.media-table{border-top:1px solid var(--line)}.table-head,.table-row{grid-template-columns:minmax(220px,1fr) 110px 90px 120px;align-items:center;column-gap:16px;display:grid}.table-head{min-height:38px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:0 12px;font-size:10px;font-weight:700}.table-row{border:0;border-top:1px solid var(--line);width:100%;min-height:58px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;padding:7px 12px;font-size:12px;transition:background .12s,transform .12s}.table-row:hover{background:var(--panel)}.table-row.selected{background:var(--accent-soft);color:var(--ink)}.name-cell{align-items:center;gap:12px;min-width:0;display:flex}.name-cell strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:13px;font-weight:500;overflow:hidden}.row-icon{color:oklch(48% .035 282);background:oklch(92% .018 282);border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.row-icon svg{width:17px}.row-icon.media-thumbnail{overflow:hidden}.row-icon.media-thumbnail img,.row-icon.media-thumbnail video{object-fit:cover;width:100%;height:100%;display:block}.row-icon.audio,.card-art.audio{color:oklch(52% .21 302);background:oklch(91% .07 302)}.row-icon.image,.card-art.image{color:oklch(49% .13 220);background:oklch(91% .055 220)}.row-icon.video,.card-art.video{color:oklch(49% .16 22);background:oklch(92% .06 22)}.row-icon.pdf,.row-icon.text,.card-art.pdf,.card-art.text{color:oklch(47% .11 76);background:oklch(93% .055 76)}.row-icon.folder,.folder-card .card-art{color:oklch(57% .14 92);background:oklch(92% .075 92)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:clamp(14px,2vw,22px);display:grid}.media-card{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.media-card .card-art{aspect-ratio:16/9;border:1px solid color-mix(in oklch, currentColor 8%, var(--line));border-radius:13px;place-items:center;width:100%;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.media-card:hover .card-art{transform:translateY(-2px);box-shadow:0 12px 28px oklch(20% .02 282/.09)}.media-card.selected .card-art{box-shadow:0 0 0 3px var(--accent), 0 12px 28px oklch(20% .02 282/.1)}.card-art>svg{width:34px;height:34px}.card-art>img,.card-art>video{z-index:1;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.card-art>img.art-backdrop{z-index:0;object-fit:cover;filter:blur(16px)saturate(1.15);opacity:.8;transform:scale(1.12)}.media-card>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:13px;font-weight:600;display:block;overflow:hidden}.media-card>span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.mini-wave{opacity:.36;align-items:center;gap:3px;height:23px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.mini-wave i{background:currentColor;border-radius:3px;flex:1;min-width:2px}.inspector{min-width:0;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));border-left:1px solid var(--line);background:var(--panel);grid-area:2/3;padding-bottom:100px;position:sticky;overflow-y:auto}.inspector-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:67px;padding:12px 16px;display:flex}.inspector-head>div{align-items:center;gap:10px;min-width:0;display:flex}.inspector-head>div>span:last-child{min-width:0}.inspector-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.inspector-head small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.preview-stage{border-bottom:1px solid var(--line);background:oklch(94% .008 282);flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:18px;display:flex}.preview-stage>img,.preview-stage>video,.preview-stage>iframe{object-fit:contain;background:oklch(19% .012 282);border:0;border-radius:8px;width:100%;max-width:100%;max-height:330px}.preview-stage>iframe{background:#fff;height:330px}.preview-stage>pre{background:var(--panel);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;width:100%;max-height:300px;margin:0;padding:14px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.expand-preview{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:8px;margin-top:12px;padding:7px 11px;font-size:11px}.expand-preview:disabled{opacity:.42;cursor:default}.audio-art{aspect-ratio:1.3;width:100%;color:var(--accent-deep);background:var(--accent-soft);border-radius:12px;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.audio-art>span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.fake-wave{align-items:center;gap:4px;height:70px;display:flex}.fake-wave i{opacity:.6;background:currentColor;border-radius:4px;flex:1;min-width:3px}.preview-placeholder,.preview-unavailable{color:var(--muted);text-align:center;place-items:center;gap:10px;font-size:12px;display:grid}.preview-unavailable>span{background:var(--panel);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.preview-unavailable p{max-width:220px;margin:0}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inspector-actions{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding:16px;display:grid}.inspector-actions button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:11px;font-weight:600;display:flex}.inspector-actions button:first-child{border-color:var(--accent);background:var(--accent);color:#fff}.inspector-actions svg{width:14px}.inspector-actions button:disabled{opacity:.48;cursor:default}.metadata-list{gap:0;margin:0;padding:10px 16px;display:grid}.metadata-list>div{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px 0;font-size:11px;display:grid}.metadata-list dt{color:var(--muted)}.metadata-list dd{overflow-wrap:anywhere;text-align:right;margin:0}.metadata-list .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.inspector-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;padding:0 16px;display:grid}.inspector-tabs button{min-height:43px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:11px;font-weight:600}.inspector-tabs button.active{border-bottom-color:var(--accent);color:var(--accent-deep)}.metadata-empty{min-height:190px;color:var(--muted);text-align:center;align-content:center;place-items:center;padding:24px;display:grid}.metadata-empty svg{width:24px;margin-bottom:10px}.metadata-empty strong{color:var(--ink);font-size:12px}.metadata-empty p{max-width:240px;margin:5px 0 0;font-size:10px;line-height:1.5}.expiry-note{color:var(--muted);text-align:center;margin:6px 16px;font-size:10px}.audio-dock{left:var(--sidebar-width);z-index:40;color:#fff;background:oklch(21% .016 282);border-top:1px solid oklch(34% .018 282);grid-template-columns:minmax(180px,300px) minmax(300px,1fr) 38px;align-items:center;gap:22px;min-height:78px;padding:10px 20px;display:grid;position:fixed;bottom:0;right:0;box-shadow:0 -12px 32px oklch(20% .02 282/.16)}.dock-track{align-items:center;gap:11px;min-width:0;display:flex}.dock-track>span:last-child{min-width:0}.dock-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.dock-track small{color:oklch(72% .014 282)}.dock-art{color:#fff;background:var(--accent);border-radius:9px;flex:none;place-items:center;width:43px;height:43px;display:grid}.dock-art svg{width:19px}.audio-dock audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:38px}.audio-dock .icon-button{color:#fff}.preview-modal{z-index:70;color:#fff;background:oklch(14% .014 282/.97);grid-template-rows:58px minmax(0,1fr);display:grid;position:fixed;inset:0}.modal-bar{border-bottom:1px solid oklch(100% 0 0/.13);justify-content:space-between;align-items:center;padding:0 22px;display:flex}.modal-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.preview-modal .icon-button{color:#fff}.preview-modal .icon-button:hover{background:oklch(100% 0 0/.1)}.preview-modal .icon-button:disabled{opacity:.35;cursor:default}.image-modal-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;display:grid}.image-modal-bar>.icon-button{justify-self:end}.zoom-controls{background:oklch(100% 0 0/.06);border:1px solid oklch(100% 0 0/.12);border-radius:11px;align-items:center;gap:4px;padding:3px;display:flex}.zoom-controls output{text-align:center;min-width:52px;font:600 12px/1 var(--font-mono);color:oklch(92% .008 282)}.modal-content{place-items:center;min-height:0;padding:24px;display:grid}.modal-content>img,.modal-content>video,.modal-content>iframe{object-fit:contain;border:0;width:auto;max-width:100%;height:auto;max-height:100%}.modal-content>iframe{background:#fff;width:min(100%,1100px);height:100%}.modal-content>pre{white-space:pre-wrap;background:oklch(20% .016 282);width:min(100%,900px);height:100%;padding:24px;overflow:auto}.image-zoom-viewport{overscroll-behavior:contain;cursor:grab;touch-action:none;min-width:0;min-height:0;position:relative;overflow:hidden}.image-zoom-viewport:active{cursor:grabbing}.image-zoom-viewport img{object-fit:contain;transform-origin:0 0;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;padding:24px;position:absolute;inset:0}.admin-panel{z-index:80;background:var(--canvas);position:fixed;inset:0;overflow-y:auto}.admin-header{border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--panel) 95%, transparent);z-index:2;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:12px clamp(22px,4vw,64px);display:flex;position:sticky;top:0}.admin-header-copy{align-items:center;gap:clamp(18px,3vw,42px);display:flex}.admin-back{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.admin-back:hover{background:var(--accent-soft);color:var(--accent-deep)}.admin-back svg{width:16px}.admin-header-copy>div:last-child{align-items:center;gap:10px;display:flex}.admin-title-icon{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.admin-title-icon svg{width:19px}.admin-header-copy strong,.admin-header-copy small{display:block}.admin-header-copy strong{font-size:14px}.admin-header-copy small{color:var(--muted);margin-top:2px;font-size:10px}.secondary-button,.primary-action,.danger-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.secondary-button{border:1px solid var(--line);background:var(--panel);color:var(--muted)}.secondary-button:hover{color:var(--ink);border-color:var(--faint)}.primary-action{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 20px color-mix(in oklch, var(--accent) 18%, transparent)}.primary-action:hover{background:var(--accent-deep)}.primary-action svg{width:15px}.primary-action.compact{min-height:34px;box-shadow:none}.primary-action:disabled,.danger-button:disabled{opacity:.48;cursor:wait}.danger-button{color:#fff;background:oklch(55% .2 25);border:1px solid oklch(58% .19 25)}.admin-content{width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(30px,5vw,66px) 0 80px}.admin-intro{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.admin-intro .eyebrow{color:var(--accent-deep);margin-left:0}.admin-intro h1{letter-spacing:-.05em;text-wrap:balance;max-width:650px;margin:8px 0 7px;font-size:clamp(28px,4vw,44px);line-height:1.04}.admin-intro p:last-child{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.admin-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 22px;display:grid}.admin-metrics>div{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:13px;min-height:82px;padding:16px;display:flex}.admin-metrics svg{width:20px;color:var(--accent-deep)}.admin-metrics strong,.admin-metrics small{display:block}.admin-metrics strong{letter-spacing:-.04em;font-size:20px}.admin-metrics small{color:var(--muted);margin-top:1px;font-size:10px}.user-management-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.user-management-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px 18px;display:flex}.user-management-head h2{margin:0;font-size:15px}.user-management-head p{color:var(--muted);margin:3px 0 0;font-size:10px}.admin-loading{min-height:180px;color:var(--muted);place-items:center;font-size:12px;display:grid}.user-table-head,.user-row{grid-template-columns:minmax(240px,1.2fr) 150px minmax(220px,1fr) 90px;align-items:center;gap:16px;display:grid}.user-table-head{min-height:38px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 18px;font-size:9px;font-weight:700}.user-row{border-top:1px solid var(--line);min-height:72px;padding:10px 18px}.managed-user{align-items:center;gap:11px;min-width:0;display:flex}.managed-avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-deep);border-radius:10px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.managed-user>span:last-child{min-width:0}.managed-user strong,.managed-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.managed-user strong{font-size:12px}.managed-user strong em{color:oklch(43% .1 155);text-transform:uppercase;background:oklch(92% .04 155);border-radius:5px;margin-left:6px;padding:2px 5px;font-size:8px;font-style:normal}.managed-user small{color:var(--muted);margin-top:3px;font-size:10px}.role-badge,.permission-chip{border-radius:6px;align-items:center;min-height:23px;padding:0 7px;font-size:9px;font-weight:700;display:inline-flex}.role-badge.admin{background:var(--accent-soft);color:var(--accent-deep)}.role-badge.user{color:oklch(42% .09 220);background:oklch(93% .025 220)}.permission-list{flex-wrap:wrap;gap:5px;display:flex}.permission-chip{border:1px solid var(--line);background:var(--canvas);color:var(--muted)}.permission-chip.all{color:oklch(43% .1 155);background:oklch(94% .035 155);border-color:oklch(87% .05 155)}.no-access{color:var(--muted);font-size:10px;font-style:italic}.user-actions{justify-content:flex-end;gap:5px;display:flex}.user-actions button{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.user-actions button:hover{border-color:var(--faint);color:var(--ink)}.user-actions button:last-child:hover{color:oklch(52% .18 25);border-color:oklch(76% .1 25)}.user-actions button:disabled{opacity:.3;cursor:not-allowed}.user-actions svg{width:14px}.admin-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(15% .018 282/.46);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal{border:1px solid color-mix(in oklch, var(--line) 80%, transparent);background:var(--panel);border-radius:16px;width:min(100%,570px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 30px 80px oklch(15% .02 282/.24)}.admin-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.admin-modal-head strong,.admin-modal-head small{display:block}.admin-modal-head strong{font-size:16px}.admin-modal-head small{color:var(--muted);margin-top:3px;font-size:10px}.admin-form-grid{grid-template-columns:1fr 1fr;gap:15px;padding:20px;display:grid}.admin-form-error{color:oklch(48% .17 25);background:oklch(94% .04 25);border-radius:8px;margin:14px 20px -4px;padding:9px 11px;font-size:10px}.admin-form-grid>label,.delete-modal>label{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.admin-form-grid input,.admin-form-grid select,.delete-modal input{border:1px solid var(--line);background:var(--canvas);width:100%;height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:0 11px;font-size:12px}.admin-form-grid input:focus,.admin-form-grid select:focus,.delete-modal input:focus{outline:3px solid var(--accent-soft);border-color:var(--accent)}.bucket-permission-field{grid-column:1/-1}.bucket-permission-field>span{color:var(--muted);margin-bottom:7px;font-size:10px;font-weight:700;display:block}.bucket-permission-field>p{background:var(--accent-soft);color:var(--accent-deep);border-radius:8px;margin:0;padding:11px;font-size:11px}.bucket-check-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bucket-check-list label{border:1px solid var(--line);background:var(--canvas);cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex}.bucket-check-list input{width:16px;height:16px;accent-color:var(--accent)}.bucket-check-list span{min-width:0}.bucket-check-list strong,.bucket-check-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bucket-check-list strong{color:var(--ink);font-size:11px}.bucket-check-list small{color:var(--muted);margin-top:2px;font-size:9px}.admin-modal-actions{justify-content:flex-end;gap:8px;padding:14px 20px 20px;display:flex}.delete-modal{text-align:center;padding:24px}.delete-modal h2{margin:13px 0 6px;font-size:19px}.delete-modal>p{color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.55}.delete-modal>label{text-align:left}.delete-icon{color:oklch(52% .18 25);background:oklch(94% .04 25);border-radius:50%;place-items:center;width:46px;height:46px;margin:0 auto;display:grid}.delete-icon svg{width:19px}.error-banner{color:oklch(44% .16 25);background:oklch(94% .045 25);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:12px 14px;font-size:12px;display:flex}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-weight:700;display:flex}.error-banner svg{width:14px}.empty-state{text-align:center;align-content:center;place-items:center;min-height:350px;display:grid}.empty-state>span{background:var(--accent-soft);width:58px;height:58px;color:var(--accent-deep);border-radius:50%;place-items:center;display:grid}.empty-state h2{margin:16px 0 5px;font-size:16px}.empty-state p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.load-more{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:9px;align-items:center;gap:5px;margin:24px auto 0;padding:9px 14px;font-size:12px;display:flex}.load-more svg{width:14px}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;display:grid}.loading-grid .skeleton{aspect-ratio:1.1;border-radius:13px}.loading-list{gap:1px;display:grid}.loading-list .skeleton{border-radius:7px;height:58px}.skeleton{background:linear-gradient(100deg,oklch(92% .008 282) 35%,oklch(96% .006 282) 50%,oklch(92% .008 282) 65%) 0 0/220% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position-x:-220%}}.login-shell{background:var(--canvas);grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:oklch(21% .022 282);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(32px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid oklch(100% 0 0/.08);border-radius:50%;width:65vw;height:65vw;position:absolute;bottom:-47vw;left:-20vw;box-shadow:0 0 0 8vw oklch(100% 0 0/.018),0 0 0 16vw oklch(100% 0 0/.014)}.login-brand .brand-mark{z-index:2;position:relative}.login-brand-copy{z-index:2;max-width:610px;margin:auto 0 9vh;position:relative}.login-brand-copy .eyebrow{color:oklch(78% .07 302);margin-left:0}.login-brand-copy h1{letter-spacing:-.06em;text-wrap:balance;max-width:600px;margin:14px 0 20px;font-size:clamp(42px,5vw,72px);line-height:.98}.login-brand-copy p:last-child{color:oklch(78% .014 282);max-width:500px;margin:0;font-size:15px;line-height:1.65}.media-orbit{border:1px solid oklch(100% 0 0/.12);border-radius:50%;width:310px;height:310px;position:absolute;top:16vh;right:4vw}.orbit-card,.orbit-disc{color:#fff;place-items:center;display:grid;position:absolute;box-shadow:0 18px 50px oklch(10% .02 282/.3)}.orbit-card{border-radius:19px;width:70px;height:70px}.orbit-card svg{width:25px}.orbit-a{background:var(--accent);top:-20px;left:84px;transform:rotate(-7deg)}.orbit-b{background:oklch(61% .15 211);top:126px;right:-22px;transform:rotate(9deg)}.orbit-c{background:oklch(61% .18 23);bottom:-14px;left:40px;transform:rotate(5deg)}.orbit-disc{background:oklch(15% .016 282);border:26px solid oklch(29% .014 282);border-radius:50%;inset:80px}.orbit-disc svg{width:25px;color:var(--accent)}.login-panel{background:var(--panel);place-items:center;padding:34px;display:grid}.login-form{gap:20px;width:min(100%,390px);display:grid}.login-form .eyebrow{color:var(--accent-deep);margin-left:0}.login-form h2{letter-spacing:-.04em;margin:5px 0 0;font-size:28px}.login-form label{color:var(--muted);gap:7px;font-size:12px;font-weight:600;display:grid}.login-form input{border:1px solid var(--line);background:var(--canvas);height:46px;color:var(--ink);border-radius:9px;padding:0 13px}.login-form input:focus{border-color:var(--accent);background:var(--panel)}.primary-button{background:var(--accent);color:#fff;cursor:pointer;height:46px;box-shadow:0 10px 24px color-mix(in oklch, var(--accent) 22%, transparent);border:0;border-radius:9px;font-weight:700}.primary-button:hover{background:var(--accent-deep)}.primary-button:disabled{opacity:.58;cursor:wait}.form-error{color:oklch(50% .2 25);margin:-6px 0;font-size:12px}.security-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.mobile-only,.sidebar-scrim{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){:root{--sidebar-width:240px;--inspector-width:320px}.app-shell{--sidebar-width:clamp(220px, var(--sidebar-preferred-width,270px), 300px)}.app-shell.has-inspector{grid-template-columns:var(--sidebar-width) minmax(400px, 1fr) var(--inspector-width)}.table-head,.table-row{grid-template-columns:minmax(210px,1fr) 90px 80px}.table-head>:last-child,.table-row>:last-child{display:none}.media-orbit{opacity:.55;right:-80px}}@media (width<=860px){:root{--sidebar-width:250px}.mobile-only{display:grid}.app-shell,.app-shell.has-inspector{--sidebar-width:250px;grid-template-columns:minmax(0,1fr)}.sidebar{width:var(--sidebar-width);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:20px 0 60px oklch(20% .02 282/.18)}.sidebar-resize-handle{display:none}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:15;background:oklch(16% .015 282/.28);border:0;display:block;position:fixed;inset:0}.topbar,.has-inspector .topbar{grid-column:1;padding:0 18px}.library-main{grid-column:1;padding-inline:22px}.inspector{inset:var(--topbar-height) 0 0 auto;z-index:30;width:min(100%,390px);height:calc(100vh - var(--topbar-height));position:fixed;box-shadow:-18px 0 55px oklch(20% .02 282/.15)}.audio-dock{left:0}.login-shell{grid-template-columns:1fr}.login-brand{min-height:340px;padding:36px}.login-brand-copy{margin:auto 0 0}.login-brand-copy h1{max-width:540px;font-size:clamp(36px,8vw,52px)}.login-brand-copy p:last-child{display:none}.media-orbit{top:5vh;right:-100px;transform:scale(.8)}.login-panel{min-height:500px}.user-table-head{display:none}.user-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 14px}.permission-list{grid-column:1/-1}.user-actions{grid-area:1/2}.admin-header-copy>div:last-child{display:none}}@media (width<=620px){.topbar-status{display:none}.global-search{width:100%}.library-heading{align-items:center}.library-heading h1{font-size:25px}.library-heading p{display:none}.asset-controls{flex-direction:column;align-items:flex-start;gap:8px}.filter-chips{width:100%}.sort-control{align-self:flex-end}.table-head{display:none}.table-row{grid-template-columns:minmax(0,1fr) auto;min-height:62px;padding-inline:6px}.table-row>:nth-child(3),.table-row>:nth-child(4){display:none}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.media-card .card-art{border-radius:11px}.audio-dock{grid-template-columns:minmax(0,1fr) 34px;gap:8px;padding:9px 12px}.audio-dock audio{grid-area:2/1/auto/-1;height:34px}.login-brand{min-height:270px;padding:28px}.login-brand-copy h1{font-size:36px}.media-orbit{display:none}.login-panel{min-height:calc(100vh - 270px);padding:28px}.admin-header{min-height:64px;padding-inline:14px}.admin-content{width:min(100% - 24px,1180px);padding-top:28px}.admin-intro{flex-direction:column;align-items:flex-start}.admin-intro .primary-action{width:100%}.admin-metrics{grid-template-columns:1fr;gap:7px}.admin-metrics>div{min-height:64px}.user-management-head p,.user-management-head .compact{display:none}.user-row{padding-inline:12px}.admin-form-grid,.bucket-check-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}