:root{--bg: #101216;--panel: #191c22;--panel-2: #21252d;--border: #2c313b;--text: #e8eaee;--dim: #8a919e;--accent: #5b8cff;--danger: #ff5d5d;--ok: #3ddc84;--font-sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--large-title: 28px;--title1: 24px;--title2: 19px;--title3: 17px;--body: 15px;--callout: 13px;--subhead: 12px;--footnote: 11px;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--track-label: .06em;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--sel: #263a66;--folder: #7fa6ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--body);line-height:1.46;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#333a46;border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#434b5a}::-webkit-scrollbar-track{background:transparent}.icon{flex-shrink:0;vertical-align:-3px}.icon.gold{color:#ffd966}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button,input,textarea,select{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.2}button:hover{background:#2a2f39}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--panel-2)}button.ghost.active{background:var(--panel-2);border-color:var(--accent);color:var(--accent)}button.small{padding:3px 8px;font-size:var(--callout)}.btnlike{padding:6px 10px;border-radius:6px;text-decoration:none;color:var(--text)}.btnlike:hover{background:var(--panel-2)}input,textarea,select{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:7px 10px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}.dim{color:var(--dim)}.small{font-size:var(--subhead)}.spacer{flex:1}.error{color:var(--danger)}.page-pad{padding:16px}.center-screen{height:100%;display:flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.login-card{display:flex;flex-direction:column;gap:10px;width:340px;max-width:90vw;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px;box-shadow:0 14px 48px #00000080}.login-brand{margin-bottom:6px}.login-title{margin:0;font-size:var(--large-title);font-weight:var(--w-bold);line-height:1.1}.login-sub{margin:0 0 14px;color:var(--dim);font-size:var(--callout)}.login-card button{background:var(--accent);border:none;color:#fff;padding:10px;font-weight:var(--w-medium)}.login-card button.google-btn{background:#fff;color:#1f1f1f;border:1px solid #dadce0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px;font-size:var(--body);font-weight:var(--w-medium)}.login-card button.google-btn:hover{background:#f7f8f8}.login-hint{margin:2px 0 0;color:var(--dim);font-size:var(--footnote);text-align:center}.login-card button.link-btn{background:none;border:none;color:var(--dim);padding:4px;font-size:var(--footnote);font-weight:var(--w-regular);text-decoration:underline;align-self:center;width:auto}.login-card button.link-btn:hover{color:var(--fg)}.login-divider{display:flex;align-items:center;gap:10px;margin:6px 0 2px;color:var(--dim);font-size:var(--footnote)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.page{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}.logo{display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.logo-sub{font-weight:var(--w-semibold);font-size:var(--title3);color:var(--dim)}.title{font-weight:var(--w-semibold);font-size:var(--title3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-chip{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:var(--subhead);color:var(--dim)}.warn-chip{background:#4a3b17;color:#ffcf66;border-radius:4px;padding:2px 7px;font-size:var(--subhead);white-space:nowrap}.user-chip{border:1.5px solid;border-radius:999px;padding:3px 10px;font-size:var(--callout)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap}.crumb{cursor:pointer;color:var(--dim)}.crumb:hover{color:var(--text)}.sep{margin:0 6px;color:var(--border)}.grid-sentinel{grid-column:1 / -1;height:1px}.browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:max-content;align-content:start;gap:14px;padding:16px;overflow-y:auto;flex:1;min-height:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .12s,box-shadow .15s}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.dir-icon{color:var(--folder)}.thumb-placeholder{color:#3a414d}.dir-card{display:flex;align-items:center;gap:10px;padding:14px}.dir-icon{font-size:var(--title1)}.card-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb{position:relative;width:100%;padding-top:56.25%;background:#0a0c0f}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.5}.duration-chip{position:absolute;right:6px;bottom:6px;background:#000000bf;border-radius:4px;padding:1px 6px;font-size:var(--subhead)}.card-meta{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.card-sub{display:flex;gap:8px;align-items:center;min-height:18px}.count-chip{font-size:var(--callout);color:var(--dim)}.status-badge{border-radius:4px;padding:2px 7px;font-size:var(--subhead);font-weight:var(--w-semibold)}.st-pending{background:#2a2f38;color:#9aa3b2}.st-review{background:#1d3a63;color:#7fb0ff}.st-changes{background:#59331a;color:#ffab66}.st-approved{background:#14442b;color:#55e695}.status-select{font-weight:var(--w-semibold);border-radius:var(--r-md);border-color:transparent}.status-select.st-pending{background:#2a2f38;color:#9aa3b2}.status-select.st-in_review{background:#1d3a63;color:#7fb0ff}.status-select.st-needs_changes{background:#59331a;color:#ffab66}.status-select.st-approved{background:#14442b;color:#55e695}.status-select option{background:var(--panel);color:var(--text)}.review-page{overflow:hidden}.codec-warning{background:#4a3b17;color:#ffcf66;padding:7px 14px;font-size:var(--body);flex-shrink:0}.review-body{flex:1;display:flex;min-height:0}.player-area{flex:1;display:flex;flex-direction:column;min-width:0;background:#000}.video-surface{position:relative;flex:1;min-height:0;overflow:hidden}.video-surface video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.annotation-canvas{position:absolute;touch-action:none}.notes-overlay{position:absolute;pointer-events:none;overflow:visible}.postit{position:absolute;pointer-events:auto;background:#ffe27a;color:#33290a;border-left:4px solid #d4b73e;border-radius:3px;padding:6px 9px;max-width:220px;min-width:90px;font-size:var(--callout);line-height:1.4;box-shadow:0 3px 10px #00000073;white-space:pre-wrap;word-break:break-word}.postit-author{font-size:var(--footnote);font-weight:var(--w-bold);opacity:.6;margin-bottom:2px}.postit-edit{resize:both;min-height:54px;border:none;outline:2px solid var(--accent)}.postit-draft{outline:1.5px dashed rgba(0,0,0,.35);cursor:text}.player-main{flex:1;display:flex;min-height:0}.draw-toolbar{width:52px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--panel);border-right:1px solid var(--border);padding:12px 0}.draw-toolbar button{width:36px;height:36px;padding:0}.draw-toolbar button.active{border-color:var(--accent);background:var(--sel)}.rail-sep{width:26px;height:1px;background:var(--border);margin:3px 0}.rail-count{font-family:var(--font-mono);font-size:var(--subhead);color:var(--accent);font-weight:var(--w-bold)}.rail-tool{flex-direction:column;gap:1px!important;height:44px!important}.key-badge{font-size:var(--footnote);color:var(--dim);line-height:1;font-family:var(--font-mono)}.rail-tool.active .key-badge{color:var(--accent)}.size-picker{display:flex;flex-direction:column;align-items:center;gap:4px}.size-dot{width:32px!important;height:26px!important;display:flex;align-items:center;justify-content:center}.size-dot span{border-radius:50%;background:var(--text);display:block}.size-dot.active{border-color:var(--accent);background:var(--sel)}.size-dot.active span{background:var(--accent)}.rail-help{margin-top:auto;width:28px!important;height:28px!important;border-radius:50%!important;font-size:var(--body);color:var(--dim)}.help-modal{width:640px}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px}.help-group h4{margin:10px 0 8px;font-size:var(--subhead);font-weight:var(--w-semibold);color:var(--dim);text-transform:uppercase;letter-spacing:var(--track-label)}.help-row{display:flex;align-items:baseline;gap:10px;padding:3px 0;font-size:var(--body)}.kbd{flex:none;min-width:52px;text-align:center;font-family:var(--font-mono);font-size:var(--subhead);background:var(--panel-2);border:1px solid var(--line2, #363d49);border-bottom-width:2px;border-radius:6px;padding:2px 7px;color:var(--text)}.transport{background:var(--panel);border-top:1px solid var(--border);flex-shrink:0}.seekbar{position:relative;height:30px;cursor:pointer;padding-top:13px}.seekbar-track{position:relative;height:5px;margin:0 12px;background:var(--panel-2);border-radius:3px;overflow:hidden;transition:height .1s}.seekbar:hover .seekbar-track{height:7px}.seekbar-fill{height:100%;background:var(--accent);position:relative;z-index:1}.seekbar-buffered{position:absolute;top:0;height:100%;background:#3a4250}.seek-tip{position:absolute;bottom:24px;transform:translate(-50%);background:#0b0d12;border:1px solid var(--border);border-radius:8px;padding:4px;pointer-events:none;white-space:nowrap;z-index:5;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 6px 20px #00000080}.seek-preview{display:block;border-radius:5px;background:#000;min-height:0}.seek-tip-tc{font-family:var(--font-mono);font-size:var(--subhead);font-variant-numeric:tabular-nums;color:var(--text);padding:0 5px 2px}.seek-range{position:absolute;top:2px;height:4px;border:none;border-radius:2px;padding:0;opacity:.85;cursor:pointer;z-index:2}.seek-range.resolved{opacity:.3}.seek-range:hover{height:6px;top:1px}.vol-group{display:inline-flex;align-items:center}.vol-slider{width:0;opacity:0;transition:width .15s,opacity .15s;accent-color:var(--accent);cursor:pointer}.vol-group:hover .vol-slider,.vol-slider:focus-visible{width:74px;opacity:1;margin-right:4px}.seek-marker{position:absolute;top:6px;width:12px;height:12px;border-radius:50%;border:2px solid #0a0c10;padding:0;transform:translate(-50%);cursor:pointer;transition:transform .1s}.seek-marker:hover{transform:translate(-50%) scale(1.35)}.seek-marker.resolved{opacity:.35}.seek-marker.active{outline:2px solid #fff}.seek-marker.draft{background:#ffd23f;border-color:#0a0c10;border-radius:3px;width:10px;height:14px;top:5px;box-shadow:0 0 8px #ffd23fb3;animation:draft-pulse 1.4s ease-in-out infinite}@keyframes draft-pulse{0%,to{opacity:1}50%{opacity:.45}}.transport-row{display:flex;align-items:center;gap:8px;padding:8px 12px}.play-btn{width:44px}.timecode{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--body)}.sidebar{width:360px;flex-shrink:0;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border);min-height:0}.sidebar-head{display:flex;align-items:center;gap:8px;padding:10px 12px 4px}.sidebar-title{font-weight:var(--w-semibold);font-size:var(--title3);flex:1}.sidebar-search{margin:6px 12px}.comment-list{flex:1;overflow-y:auto;padding:4px 10px 10px}.empty-hint{text-align:center;padding:40px 10px;line-height:1.7}.comment{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:9px 11px;margin-bottom:8px}.comment.active{border-color:var(--accent)}.comment.resolved{opacity:.55}.comment-head{display:flex;align-items:center;gap:7px;cursor:pointer}.tc-chip{color:#0c0d10;font-weight:var(--w-bold);font-size:var(--subhead);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;white-space:nowrap}.comment-author{font-weight:var(--w-semibold);font-size:var(--body)}.comment-body{margin-top:6px;white-space:pre-wrap;word-break:break-word;line-height:1.45}.comment-actions{display:flex;gap:4px;margin-top:6px}.resolve-btn{width:24px;height:24px;padding:0;border-radius:50%;font-size:var(--callout);color:var(--dim)}.resolve-btn.on{background:var(--ok);border-color:var(--ok);color:#06280f}.replies{margin-top:8px;border-left:2px solid var(--border);padding-left:10px}.reply{margin-bottom:7px}.reply .comment-body{margin-top:2px;font-size:var(--body)}.reply-form{display:flex;gap:6px;margin-top:7px}.reply-form input{flex:1;padding:5px 9px;font-size:var(--body)}.composer{border-top:1px solid var(--border);padding:10px 12px;display:flex;flex-direction:column;gap:7px;flex-shrink:0}.draft-parked{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 9px;border:1px solid rgba(255,210,63,.5);background:#ffd23f1a;border-radius:7px;font-size:var(--subhead)}.draft-parked-msg{color:var(--text);flex:1;min-width:0}.draft-parked-msg b{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.composer-chips{display:flex;gap:6px;min-height:0;flex-wrap:wrap}.composer-tc{background:var(--accent);display:inline-flex;align-items:center;gap:4px}.chip-x{background:none;border:none;padding:0 2px;color:#0c0d10;font-weight:700}.draw-chip{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-size:var(--subhead)}.composer textarea{resize:none;min-height:60px;width:100%;padding:10px 12px;border-radius:var(--r-md);line-height:1.45;font-size:var(--body);transition:border-color .12s ease,box-shadow .12s ease}.composer textarea::placeholder{color:var(--dim)}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.composer-row{display:flex;align-items:center;gap:8px}.composer-row button[type=submit]{background:var(--accent);border:none;color:#fff;padding:7px 18px;border-radius:var(--r-md);font-weight:var(--w-medium)}.composer-row button[type=submit]:hover:not(:disabled){filter:brightness(1.08)}.composer-input-wrap{position:relative}.mention-pop{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;padding:4px;display:flex;flex-direction:column;min-width:140px;z-index:30}.mention-item{text-align:left;padding:6px 10px;border-radius:5px;font-size:var(--callout);color:var(--text);background:none;border:none}.mention-item:hover{background:var(--sel);color:#fff}.notif-wrap{position:relative;display:inline-flex}.notif-btn{position:relative}.notif-badge{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:var(--w-bold);display:flex;align-items:center;justify-content:center;line-height:1}.notif-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.notif-pop{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-height:60vh;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #00000073;z-index:41;display:flex;flex-direction:column;overflow:hidden}.notif-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);font-weight:var(--w-semibold)}.notif-enable{margin:8px;padding:8px;border-radius:7px;background:var(--sel);color:#cfe0ff;border:none;font-size:var(--subhead)}.notif-list{overflow-y:auto}.notif-empty{padding:28px;text-align:center;color:var(--dim);font-size:var(--subhead)}.notif-item{display:flex;gap:9px;align-items:flex-start;width:100%;text-align:left;padding:10px 14px;border:none;border-bottom:1px solid var(--border);background:none}.notif-item:hover{background:var(--panel-2)}.notif-item.unread{background:color-mix(in srgb,var(--accent) 8%,transparent)}.notif-kind{font-size:15px;flex:none;width:18px;text-align:center}.notif-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notif-title{font-size:var(--subhead);color:var(--text)}.notif-file{font-size:var(--footnote);color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-body{font-size:var(--footnote);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time{font-size:var(--footnote);color:var(--dim);flex:none}.req-pop{min-width:220px;padding:8px}.req-check{margin-right:4px}.req-msg{width:100%;margin:6px 0;padding:7px 9px;font-size:var(--subhead)}.req-send{width:100%;background:var(--accent);border:none;color:#fff;padding:8px;border-radius:7px}.req-send:disabled{opacity:.5}.player-area:fullscreen{background:#000}.finder{flex:1;display:flex;min-height:0}.finder-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.finder-main.drag-over{outline:2px dashed var(--accent);outline-offset:-8px}.view-label{padding:10px 16px 0;font-weight:var(--w-semibold);font-size:var(--title3)}.upload-bar{padding:8px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.upload-bar-info{display:flex;align-items:center;gap:6px;font-size:var(--subhead);margin-bottom:5px}.upload-bar-track{height:5px;background:var(--panel-2);border-radius:3px;overflow:hidden}.upload-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .15s}.drop-hint{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:var(--title3);font-weight:var(--w-semibold);color:var(--accent);background:color-mix(in srgb,var(--bg) 82%,transparent);border-radius:12px;pointer-events:none}.share-admin-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.share-admin-row{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);font-size:var(--subhead)}.share-admin-row.inactive{opacity:.55}.sa-name{font-weight:var(--w-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.share-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.share-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.share-title{font-size:var(--body);font-weight:var(--w-semibold);color:var(--text)}.share-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.share-msg{color:var(--dim);font-size:var(--body)}.share-gate{display:flex;flex-direction:column;gap:12px;width:340px;max-width:90vw;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}.share-gate-title{font-size:var(--body);font-weight:var(--w-semibold);text-align:center}.share-gate p{margin:0;text-align:center}.share-gate button{background:var(--accent);border:none;color:#fff;padding:9px;font-weight:var(--w-medium)}.share-preview{width:100%;border-radius:var(--r-md);aspect-ratio:16/9;object-fit:cover;background:#000;margin-bottom:4px}.share-review{position:relative;height:100vh}.share-header .share-title{font-size:var(--body);font-weight:var(--w-semibold)}.share-expiry{font-size:var(--footnote);color:var(--dim)}.share-dl{background:var(--accent);color:#fff;text-decoration:none;padding:6px 14px;border-radius:var(--r-md);font-size:var(--subhead);font-weight:var(--w-medium)}.share-dl:hover{filter:brightness(1.08)}.share-watermark{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-repeat:repeat;z-index:5}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#00000073}.upload-confirm{width:420px;max-width:90vw;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:0 14px 48px #00000080;display:flex;flex-direction:column;gap:12px}.uc-title{display:flex;align-items:center;gap:8px;font-size:var(--title3);font-weight:var(--w-semibold)}.uc-dest{font-size:var(--subhead);color:var(--dim)}.uc-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.uc-list li{display:flex;align-items:center;gap:8px;font-size:var(--footnote);padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.uc-fname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.uc-actions button{padding:8px 16px;font-weight:var(--w-medium)}.uc-actions button[type=submit],.uc-actions button:not(.ghost){background:var(--accent);border:none;color:#fff}.share-modal{width:440px;max-width:92vw;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;box-shadow:0 14px 48px #00000080;display:flex;flex-direction:column;gap:12px}.share-modal form,.share-modal .sm-result{display:flex;flex-direction:column;gap:12px}.sm-hint{margin:0;font-size:var(--footnote);color:var(--dim);line-height:1.4}.sm-field{display:flex;flex-direction:column;gap:5px;font-size:var(--subhead)}.sm-field>span{color:var(--text)}.sm-check{display:flex;align-items:center;gap:8px;font-size:var(--subhead);cursor:pointer}.sm-check input{width:auto}.sm-summary{font-size:var(--footnote);color:var(--dim);background:var(--panel-2);border-radius:var(--r-sm);padding:7px 10px}.sm-copyrow{display:flex;gap:6px}.sm-copyrow input{flex:1;font-family:ui-monospace,monospace;font-size:var(--footnote)}.sm-copyrow button{background:var(--accent);border:none;color:#fff;padding:0 14px}.finder-sidebar{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:10px 8px}.sb-section{margin-bottom:18px}.sb-title{display:flex;align-items:center;gap:4px;font-size:var(--subhead);font-weight:var(--w-semibold);color:var(--dim);text-transform:uppercase;letter-spacing:var(--track-label);padding:0 8px 6px}.sb-item{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:var(--body)}.sb-item:hover{background:var(--panel-2)}.sb-item.active{background:var(--sel)}.sb-item.missing{opacity:.4}.sb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-count{font-size:var(--subhead);color:var(--dim)}.sb-del{background:none;border:none;padding:0 2px;color:var(--dim);visibility:hidden}.sb-item:hover .sb-del{visibility:visible}.sb-empty{font-size:var(--callout);color:var(--dim);padding:0 8px}.sb-icon{width:18px;text-align:center}.tag-dot,.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.tag-add{padding:4px 8px 10px;display:flex;flex-direction:column;gap:7px}.tag-colors{display:flex;gap:5px;flex-wrap:wrap}.tag-color-btn{width:18px;height:18px;border-radius:50%;border:2px solid transparent;padding:0}.tag-color-btn.sel{border-color:#fff}.tag-add-row{display:flex;gap:6px}.tag-add-row input{flex:1;min-width:0;padding:4px 8px;font-size:var(--body)}.finder-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap}.view-switch{display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.view-switch button{border:none;border-radius:0;padding:5px 11px;background:transparent}.view-switch button.active{background:var(--accent);color:#fff}.finder-search{width:240px}.scan-status{white-space:nowrap}.browser-grid.size-s{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.browser-grid.size-m{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.browser-grid.size-l{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.fav-star{background:none;border:none;padding:2px 4px;color:var(--dim)}.fav-star.on{color:#ffd966}.thumb .fav-star.hover{position:absolute;left:6px;top:6px;visibility:hidden;text-shadow:0 1px 3px #000}.file-card:hover .fav-star.hover,.thumb .fav-star.hover.on{visibility:visible}.dir-card{position:relative}.dir-card .fav-star{position:absolute;right:6px;top:6px}.file-list{flex:1;overflow-y:auto;padding:0 0 16px}.fl-header,.fl-row{display:grid;grid-template-columns:var(--fl-cols, 30px 22px minmax(180px, 1fr) 84px 92px 52px 68px 92px 148px);gap:8px;align-items:center;padding:0 16px 0 10px}.fl-header{position:sticky;top:0;height:30px;background:var(--bg);font-size:var(--subhead);font-weight:var(--w-semibold);color:var(--dim);border-bottom:1px solid var(--border);z-index:1}.fl-header .col-name{grid-column:3}.fl-header>span{position:relative}.fl-header .sortable{cursor:pointer}.fl-header .sortable:hover{color:var(--text)}.col-grip{position:absolute;right:-10px;top:-8px;bottom:-8px;width:13px;cursor:col-resize;z-index:2}.col-grip:after{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--border)}.col-grip:hover:after,.col-grip:active:after{background:var(--accent);width:2px}.fl-row{min-height:32px;cursor:pointer;font-size:var(--body)}.fl-row:nth-child(odd){background:#ffffff06}.fl-row:hover{background:#5b8cff1a}.fl-row .col-name{grid-column:3;display:flex;align-items:center;gap:8px;overflow:hidden;min-width:0}.fl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-icon{display:inline-flex;color:var(--dim);flex:none;width:34px;justify-content:center}.fl-icon.folder-tint{color:var(--folder)}.fl-thumb{flex:none;width:34px;height:20px;object-fit:cover;border-radius:3px;background:#000;border:1px solid rgba(255,255,255,.08)}.col-tags{display:flex;gap:3px}.col-size,.col-dur,.col-date,.col-comments{color:var(--dim);font-size:var(--callout)}.col-size,.col-dur,.col-comments{text-align:right;font-variant-numeric:tabular-nums}.fl-row .fav-star{visibility:hidden}.fl-row:hover .fav-star,.fl-row .fav-star.on{visibility:visible}.columns-view{flex:1;display:flex;overflow-x:auto;min-height:0}.mcol{width:240px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;padding:0 6px;contain:strict}.mcol-virt{position:relative;width:100%}.mcol-slice{position:absolute;top:0;left:0;right:0}.mcol-item{display:flex;align-items:center;gap:7px;height:30px;padding:0 8px;border-radius:6px;cursor:pointer;font-size:var(--body)}.mcol-item:hover{background:var(--panel)}.mcol-item.selected{background:var(--sel)}.mcol-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcol-chev{color:var(--dim)}.mcol-preview{width:300px;padding:14px}.preview-thumb{aspect-ratio:16/9;background:#0a0c0f;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}.preview-thumb img{width:100%;height:100%;object-fit:cover}.preview-name{font-weight:var(--w-semibold);font-size:var(--title3);line-height:1.3;word-break:break-all;margin-bottom:8px}.preview-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.preview-table{width:100%;font-size:var(--callout);border-collapse:collapse}.preview-table td{padding:3px 0}.preview-table td:first-child{color:var(--dim);width:70px}.preview-open{width:100%;margin-top:12px;background:var(--accent);border:none;color:#fff;padding:9px}.preview-open:disabled{opacity:.85}.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.ctx-menu,.tag-popover{position:fixed;z-index:100;min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:5px;box-shadow:0 8px 28px #0000008c}.tag-popover{position:absolute;top:34px;left:0}.ctx-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;padding:7px 10px;border-radius:6px;font-size:var(--body)}.ctx-item:hover{background:var(--panel-2)}.ctx-sep{height:1px;background:var(--border);margin:5px 4px}.ctx-label{font-size:var(--subhead);color:var(--dim);padding:4px 10px}.tag-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid;border-radius:999px;padding:2px 9px;font-size:var(--callout);cursor:pointer}.tagbar{position:relative;display:inline-flex;align-items:center;gap:5px}.admin-body{flex:1;overflow-y:auto;padding:18px}.stat-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 18px;display:flex;flex-direction:column;min-width:92px}.stat-card b{font-size:var(--title1);font-weight:var(--w-bold);line-height:1.2;font-variant-numeric:tabular-nums}.stat-card span{color:var(--dim);font-size:var(--subhead)}.stat-card.warn{border-color:#a97f1f}.stat-card.warn b{color:#ffcf66}.admin-cols{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:22px;align-items:start}@media(max-width:900px){.admin-cols{grid-template-columns:1fr}}.admin-section h3{margin:0 0 10px;font-size:var(--title2);font-weight:var(--w-semibold);line-height:1.3}.admin-user-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.missing-list{margin:8px 0 12px;max-height:180px;overflow-y:auto}.missing-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 0}button.danger{background:#5b1f1f;border-color:#7c2b2b;color:#ff9d9d}.danger-text{color:var(--danger)}.activity-filters{display:flex;gap:8px;margin-bottom:10px}.activity-list{max-height:calc(100vh - 320px);overflow-y:auto}.activity-row{display:grid;grid-template-columns:118px 90px 150px 1fr;gap:10px;padding:6px 4px;border-bottom:1px solid var(--border);font-size:var(--callout);align-items:baseline}.activity-time{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--subhead)}.activity-user{font-weight:600;overflow:hidden;text-overflow:ellipsis}.activity-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.modal{width:520px;max-width:92vw;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}.modal h3{margin:0;font-size:var(--title2);font-weight:var(--w-semibold)}.modal-results{max-height:320px;overflow-y:auto}.modal-results .ctx-item{width:100%}.shape-delete{position:absolute;z-index:30;width:24px;height:24px;padding:0;border-radius:50%;background:var(--danger);border:2px solid #0a0c10;color:#fff;font-size:var(--subhead);font-weight:var(--w-bold);box-shadow:0 2px 8px #00000080}.postit{touch-action:none}.postit.draggable{cursor:grab}.postit.draggable:active{cursor:grabbing}.postit-x{position:absolute;right:-8px;top:-8px;width:18px;height:18px;padding:0;border-radius:50%;background:var(--danger);border:1.5px solid #0a0c10;color:#fff;font-size:var(--footnote);visibility:hidden}.postit:hover .postit-x{visibility:visible}.draw-ind{color:var(--dim);display:inline-flex}.search-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:9px;color:var(--dim);pointer-events:none}.search-wrap .finder-search{padding-left:28px}.mcol-ic{color:var(--dim);display:inline-flex}.sb-icon{display:inline-flex;color:var(--dim)}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,12px);z-index:300;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 18px;border-radius:var(--r-md);font-size:var(--body);box-shadow:0 8px 26px #00000080;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}