:root{--bg:#17191d;--panel:#1f2228;--panel-2:#262a31;--line:#333843;--text:#e6e8ec;--muted:#8d94a1;--accent:#5b9cf5;--accent-2:#3f7fdc;--good:#57c58a;--bad:#ef6b6b;--outline:#6c8fd1;--fill:#e2b45a;--hold:#3a4150;--exit:#b87cd8;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}button:hover:not(:disabled){border-color:#4a5160}button:disabled{opacity:.4;cursor:default}button.primary,a.button.primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff}button.primary:hover:not(:disabled){background:var(--accent)}button.icon{color:var(--muted);background:0 0;border:none;padding:5px}button.icon:hover:not(:disabled),button.icon.on{color:var(--text);background:var(--panel-2)}button.link{color:var(--accent);background:0 0;border:none;padding:0}button.tiny{padding:0 5px;font-size:11px}button.wide{justify-content:center;width:100%;margin-top:6px}a.button{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--panel-2);align-items:center;gap:5px;padding:3px 8px;text-decoration:none;display:inline-flex}input,select,textarea{border:1px solid var(--line);background:#12141a;border-radius:4px;min-width:0;padding:4px 6px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}textarea{resize:vertical;width:100%}kbd{background:var(--panel-2);border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:11px}.muted{color:var(--muted)}.small{font-size:12px}.bad{color:var(--bad)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-msg{text-align:center;place-content:center;gap:12px;height:100%;display:grid}.login{place-items:center;height:100%;display:grid}.login form{gap:10px;width:300px;display:grid}.login h1{text-align:center;margin:0 0 8px;font-size:20px}.login input{padding:9px}.login button{justify-content:center;padding:8px}.projects{max-width:1100px;height:100%;margin:0 auto;padding:28px 20px;overflow:auto}.projects header{justify-content:space-between;align-items:center;display:flex}.projects h1{margin:0;font-size:22px}.new-project{gap:8px;margin:18px 0;display:flex}.new-project input{flex:1;padding:8px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.card:hover{border-color:var(--accent)}.card-thumb{background:#f6f4ee;place-items:center;height:130px;display:grid}.card-thumb img{max-width:90%;max-height:120px}.card-body{gap:3px;padding:10px;display:grid}.card-actions{background:#000a;border-radius:6px;gap:2px;display:flex;position:absolute;top:6px;right:6px}.editor{--left-w:250px;--right-w:290px;--bottom-h:minmax(170px, 34vh);grid-template-columns:var(--left-w) minmax(0, 1fr) var(--right-w);grid-template-rows:46px minmax(0, 1fr) var(--bottom-h);grid-template-areas:"top top top""left center right""bottom bottom bottom";height:100%;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:4px;padding:0 10px;display:flex}.topbar .sep{background:var(--line);width:1px;height:22px;margin:0 6px}.topbar .grow{flex:1}.proj-name{text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-left:4px;overflow:hidden}.save{color:var(--muted);margin-left:10px;font-size:12px}.save.saved{color:var(--good)}.save.error,.save.conflict{color:var(--bad)}.left{background:var(--panel);border-right:1px solid var(--line);grid-area:left;overflow:auto}.right{background:var(--panel);border-left:1px solid var(--line);grid-area:right;overflow:auto}.split{z-index:5;touch-action:none;position:relative}.split:hover{background:#5b9cf555}.split-left{cursor:col-resize;grid-area:2/1;justify-self:end;width:7px;margin-right:-4px}.split-right{cursor:col-resize;grid-area:2/3;justify-self:start;width:7px;margin-left:-4px}.split-bottom{cursor:row-resize;grid-area:3/1/auto/-1;align-self:start;height:7px;margin-top:-4px}body.resizing-h,body.resizing-h *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}body.resizing-v,body.resizing-v *{-webkit-user-select:none;user-select:none;cursor:row-resize!important}.center{background:#2a2d33;grid-area:center;min-height:0}.bottom{border-top:1px solid var(--line);background:var(--panel);grid-area:bottom;min-height:0}.drop-hint{border:3px dashed var(--accent);pointer-events:none;z-index:50;background:#3f7fdc33;place-items:center;font-size:20px;display:grid;position:fixed;inset:0}.stage{place-items:center;height:100%;display:grid;overflow:hidden}.stage-frame{position:relative;box-shadow:0 4px 24px #0008}.canvas-holder,.stage-canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;overflow:visible}.hit{fill:#0000;stroke:#0000;stroke-width:1px;cursor:move}.hit.live:hover{stroke:#3f7fdc99}.hit.ghost{stroke:#3f7fdc66;stroke-dasharray:5 4}.hit.sel{stroke:var(--accent);stroke-width:1.5px}.ghost-label{fill:#3f7fdcaa;pointer-events:none;font-size:11px}.handle{fill:#fff;stroke:var(--accent);stroke-width:1.5px;cursor:nwse-resize}.handle.rot{cursor:grab}.rot-stem{stroke:var(--accent)}.guide{stroke:#f05bd0;stroke-width:1px;stroke-dasharray:4 3;pointer-events:none}.thirds line{stroke:#3f7fdc55;pointer-events:none}.safe rect{fill:none;stroke:#e0903955;stroke-dasharray:6 4;pointer-events:none}.library{padding:10px}.library h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:6px;margin:16px 0 6px;font-size:11px;display:flex}.lib-actions{gap:6px;display:grid}.lib-actions button{justify-content:center;width:100%;padding:7px}.lib-add{gap:4px;margin-top:8px;display:flex}.lib-add button{flex:1;justify-content:center;padding:5px 4px}.thumbs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.thumb{aspect-ratio:1;cursor:pointer;background:#f6f4ee;border:2px solid #0000;border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.thumb:hover{border-color:var(--accent)}.thumb img{max-width:88%;max-height:78%}.thumb-name{color:#333;white-space:nowrap;text-overflow:ellipsis;background:#fffc;padding:1px 4px;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.thumb-status{color:#fff;background:#000b;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;display:flex;position:absolute;top:3px;left:3px}.thumb-status.bad{background:var(--bad)}.thumb-gear{color:#fff;opacity:0;background:#000a;border:none;padding:2px;position:absolute;top:2px;right:2px}.thumb:hover .thumb-gear{opacity:1}.lib-list{grid-template-columns:minmax(0,1fr);gap:3px;margin:0;padding:0;list-style:none;display:grid}.lib-list li{align-items:center;gap:6px;font-size:12px;display:flex}.lib-audio-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lib-list .row-actions{align-items:center;gap:3px;display:none}.lib-list li:hover .row-actions,.lib-list li:focus-within .row-actions{display:inline-flex}.lib-list li:hover .role-tag,.lib-list li:hover>.muted{display:none}.role-tag{border:1px solid var(--line);color:var(--accent);white-space:nowrap;border-radius:999px;padding:0 5px;font-size:10px}.lib-list li .link{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex:1;overflow:hidden}.errors{border:1px solid var(--bad);cursor:pointer;background:#ef6b6b22;border-radius:5px;margin-top:8px;padding:6px;font-size:12px}.inspector{padding:10px}.inspector section{border-top:1px solid var(--line);padding:8px 0}.inspector h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:2px 0 6px;font-size:11px}.insp-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.insp-head .name{flex:1;font-weight:600}.icon-row{gap:1px;display:inline-flex}.icon-row button{color:var(--muted);background:0 0;border:none;padding:4px}.icon-row button:hover{color:var(--text);background:var(--panel-2)}.row{align-items:center;gap:8px;min-height:28px;display:flex}.row-label{width:86px;color:var(--muted);-webkit-user-select:none;user-select:none;flex:none;font-size:12px}.row-label.scrub{cursor:ew-resize}.row-field{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.row-field>select,.row-field>input:not([type=checkbox]):not([type=range]):not([type=color]){flex:1;width:100%}.num{text-align:right;width:100%}.suffix{color:var(--muted);width:14px;font-size:11px}.grid2{grid-template-columns:1fr 1fr;column-gap:8px;display:grid}.grid2 .row-label{width:44px}.color{align-items:center;gap:6px;display:inline-flex}.color input[type=color]{background:0 0;border:none;width:30px;height:22px;padding:0}.checks{gap:12px;display:flex}.val{text-align:right;font-variant-numeric:tabular-nums;width:40px;color:var(--muted);font-size:12px}input[type=range]{flex:1}.timeline{--row-h:26px;-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:auto}.timeline.compact{--row-h:20px}.tl-inner{flex-direction:column;min-height:100%;display:flex;position:relative}.tl-row{height:var(--row-h);border-bottom:1px solid #2a2e36;flex:none;display:flex}.tl-head{z-index:6;background:var(--panel);position:sticky;top:0}.tl-foot{z-index:6;background:var(--panel);border-top:1px solid var(--line);margin-top:auto;position:sticky;bottom:0}.tl-foot.unpinned{position:static}.tl-row.other .tl-label{opacity:.55;font-style:italic}.tl-empty .tl-lane{align-items:center;padding-left:10px;display:flex}.tl-overview,.tl-layers-head{height:22px}.tl-layers-head{background:var(--panel-2)}.tl-tools{white-space:nowrap;align-items:center;gap:12px;height:100%;padding-left:10px;font-size:11px;display:inline-flex;position:sticky;left:170px}.tl-tools label{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.small-seg button{height:18px;padding:0 8px;font-size:11px}.fold{margin-left:-4px}.ov-cue{background:#555d6e;border-radius:2px;height:3px;position:absolute;bottom:2px}.ov-cam{cursor:pointer;background:#f2a72e;width:8px;height:8px;position:absolute;top:6px;transform:rotate(45deg)}.ov-cam.auto{background:0 0;border:1.5px solid #f2a72e}.ov-marker{cursor:pointer;border-left:2px solid #57c58a;width:4px;position:absolute;top:0;bottom:0}.ov-comment{cursor:pointer;background:#e0a43a;border-radius:50%;width:9px;height:9px;position:absolute;top:4px}.ov-comment.resolved{background:#5d6472}.bar-name{color:var(--muted);white-space:nowrap;cursor:grab;z-index:2;pointer-events:auto;font-size:10px;position:absolute;top:2px}.bar-name.sel{color:var(--text)}.compact .bar{height:15px;top:2px}.compact .seg{height:15px}.compact .seg.hold{top:7px}.compact .seg.exit{top:2px}.compact .edge{height:17px;top:1px}.tl-row.selected{background:#3f7fdc14}.tl-label{z-index:3;background:var(--panel);border-right:1px solid var(--line);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:6px;width:170px;padding:0 8px;font-size:12px;display:flex;position:sticky;left:0;overflow:hidden}.tl-label span{text-overflow:ellipsis;overflow:hidden}.tl-lane{flex:1;position:relative}.tl-ruler{z-index:4;background:var(--panel-2);height:24px;position:sticky;top:0}.tl-ruler .tl-label{background:var(--panel-2);cursor:default}.tl-ruler .tl-lane{cursor:text}.tick{color:var(--muted);border-left:1px solid #444b58;padding-left:3px;font-size:10px;position:absolute;top:0;bottom:0}.timecode{font-variant-numeric:tabular-nums;font-size:13px}.timecode small{color:var(--muted)}.tl-scenes{height:22px}.scene-block{white-space:nowrap;color:#b8c4d8;background:#2b3240;border-left:2px solid #8aa1c4;padding:0 6px;font-size:11px;position:absolute;top:2px;bottom:2px;overflow:hidden}.scene-block em{color:var(--fill);font-style:normal}.bar{cursor:grab;z-index:2;height:18px;display:flex;position:absolute;top:4px}.seg{height:18px;position:relative}.bar .seg:first-child{border-radius:4px 0 0 4px}.bar .seg:last-child{border-radius:0 4px 4px 0}.seg.outline{background:var(--outline)}.seg.fill{background:var(--fill)}.seg.fade,.seg.moveIn,.seg.instant{background:#6bc0a8}.seg.hold{background:var(--hold);border-radius:2px;height:4px;position:absolute;top:9px}.seg.hold.open{background:linear-gradient(90deg, var(--hold), transparent)}.seg.exit{background:var(--exit);cursor:ew-resize;border-radius:4px;position:absolute;top:4px}.edge{cursor:ew-resize;z-index:3;width:6px;height:20px;position:absolute;top:3px}.edge:hover{background:#fff6;border-radius:2px}.bar.sel{outline-offset:1px;border-radius:4px;outline:1.5px solid #fff}.tl-audio{height:40px}.clip{cursor:grab;background:#1e3a33;border:1px solid #2f5d50;border-radius:4px;height:36px;position:absolute;top:2px;overflow:hidden}.clip.music{background:#2e2747;border-color:#4a3f73}.clip.selected{border-color:#fff}.clip canvas{pointer-events:none;position:absolute;top:0;left:0}.clip-name{color:#d6efe6;text-shadow:0 0 3px #000;pointer-events:none;white-space:nowrap;font-size:10px;position:absolute;top:1px;left:4px}.trim{cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0}.trim.in{left:0}.trim.out{right:0}.trim:hover{background:#fff4}.tl-filler{border-bottom:none;flex:1 0 40px;height:auto}.playhead{z-index:7;pointer-events:none;background:#ff5a5a;width:1px;position:absolute;top:0;bottom:0}.drawer{background:var(--panel);border-left:1px solid var(--line);z-index:20;width:360px;padding:0 12px 12px;position:fixed;top:46px;bottom:0;right:0;overflow:auto;box-shadow:-8px 0 24px #0006}.drawer header,.modal header{justify-content:space-between;align-items:center;display:flex}.drawer h3,.modal h3{margin:10px 0;font-size:15px}.drawer section{border-top:1px solid var(--line);padding:8px 0}.analysis-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.range{align-items:center;gap:4px;display:flex}.range .num{width:70px}.job{border:1px solid var(--line);border-radius:6px;gap:5px;margin-bottom:8px;padding:8px;display:grid}.job.error{border-color:#ef6b6b66}.job.done{border-color:#57c58a55}.job-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.progress{background:#12141a;border-radius:3px;height:6px;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width .4s}.modal-back{z-index:40;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:94vw;max-height:92vh;padding:0 16px 16px;overflow:auto}.modal.analysis{width:1100px}.modal.log{width:760px}.modal pre{white-space:pre-wrap;background:#101216;border-radius:5px;max-height:70vh;padding:10px;font-size:12px;overflow:auto}.analysis-body{grid-template-columns:minmax(0,1fr) 330px;gap:16px;display:grid}.analysis-preview{background:#fff;border-radius:6px;place-items:center;min-height:300px;padding:8px;display:grid}.analysis-preview img{max-width:100%;max-height:70vh}.analysis-preview p{color:#555}.analysis-side .row-label{width:120px}.stats{grid-template-columns:auto 1fr;gap:3px 12px;margin-top:14px;font-size:12px;display:grid}.stats dt{color:var(--muted)}.stats dd{font-variant-numeric:tabular-nums;margin:0}.board-edge{fill:none;stroke:#8892a6;stroke-width:1px;stroke-dasharray:2 3;pointer-events:none}.scene-frame{fill:#5b9cf50d;stroke:#5b9cf5;stroke-width:1.2px;stroke-dasharray:6 4;cursor:move}.scene-frame.sel{stroke-width:2px;stroke-dasharray:none;fill:#5b9cf51a}.frame-label{fill:#3f7fdc;pointer-events:none;font-size:11px}.camera-live{fill:none;stroke:#ff5a5a;stroke-width:2px;pointer-events:none}.camera-key{fill:#f2c14e14;stroke:#f2a72e;stroke-width:2px;cursor:move}.tiny-icon{margin-left:auto;padding:1px!important}.scene-block{cursor:pointer}.scene-block.sel{color:#fff;background:#3a4a66}.scene-block .tr{color:#9fc3ff}.scene-edge{cursor:ew-resize;z-index:2;width:8px;position:absolute;top:0;bottom:0;left:-4px}.scene-edge:hover{background:#fff5}.tl-camera,.tl-markers{height:22px}.cam-key{cursor:ew-resize;background:#f2a72e;border:1px solid #1a1a1a;width:10px;height:10px;position:absolute;top:5px;transform:rotate(45deg)}.cam-key.auto{background:0 0;border:1.5px solid #f2a72e}.cam-key.sel{outline:2px solid #fff}.marker{cursor:ew-resize;color:#8fe0b4;white-space:nowrap;border-left:2px solid #57c58a;padding-left:3px;font-size:10px;position:absolute;top:0;bottom:0}.marker.sel{color:#fff;border-left-color:#fff}.inspector section.disabled{opacity:.5;pointer-events:none}.modal.hand{width:600px}.hand-pick{cursor:crosshair;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/20px 20px;margin:10px auto;position:relative}.hand-pick img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.anchor{pointer-events:none;border:2px solid #ff3b3b;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 2px #fff}.modal.import{width:1000px}.import-row{flex-wrap:wrap;align-items:center;gap:14px;margin:8px 0;display:flex}.import-row label{align-items:center;gap:6px;display:inline-flex}.num.short{width:60px}.import-text{font-family:ui-monospace,monospace;font-size:11px}.import-table{border:1px solid var(--line);border-radius:6px;max-height:52vh;overflow:auto}.import-table table{border-collapse:collapse;width:100%;font-size:12px}.import-table th,.import-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #2a2e36;padding:3px 8px}.import-table td:nth-child(5){white-space:normal}.import-table th{background:var(--panel-2);position:sticky;top:0}.good{color:var(--good)}.warn{color:#e0a43a}.modal.history{width:640px}.draft-banner{z-index:30;background:#3a3220;border:1px solid #e0a43a;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:fixed;top:52px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0008}.modal.strokes{width:900px}.strokes-body{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.strokes-body canvas{border-radius:6px;max-width:560px}.group-list{border:1px solid var(--line);border-radius:6px;max-height:560px;margin:0;padding:0;list-style:none;overflow:auto}.group-list li{cursor:pointer;border-bottom:1px solid #2a2e36;align-items:center;gap:6px;padding:2px 6px;font-size:12px;display:flex}.group-list li.sel{background:#3f7fdc33}.group-list .rank{width:22px;color:var(--muted);text-align:right}.group-list .gname{flex:1}.group-list button.icon{padding:2px}.modal.compare{width:1300px}.compare-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.compare-grid figure{margin:0}.compare-grid canvas{background:#fff;border-radius:4px;width:100%;height:auto}.compare-grid figcaption{color:var(--muted);text-align:center;margin-top:4px;font-size:12px}.build-step{margin-top:6px}.build-step p{margin:4px 0}.modal.subtitles{width:980px}.import-table.cues textarea{width:100%;min-width:420px;font-size:12px}.tl-captions{height:22px}.cue{color:#cfd6e2;white-space:nowrap;cursor:pointer;background:#3a3f4c;border:1px solid #555d6e;border-radius:3px;height:16px;padding:0 3px;font-size:10px;position:absolute;top:3px;overflow:hidden}.marquee{fill:#3f7fdc1a;stroke:var(--accent);stroke-dasharray:4 3;pointer-events:none}.align-row{gap:4px;margin-bottom:8px;display:flex}.align-row button{padding:5px 7px}.modal.share{width:720px}.modal.share section{border-top:1px solid var(--line);padding:10px 0}.share-url{gap:6px;margin:8px 0;display:flex}.share-url input{flex:1;font-family:ui-monospace,monospace;font-size:12px}.comment-list{gap:6px;max-height:50vh;display:grid;overflow:auto}.comment-item{border:1px solid var(--line);border-radius:6px;grid-template-columns:52px 1fr auto auto;align-items:start;gap:8px;padding:6px;display:grid}.comment-item.resolved{opacity:.55}.comment-item .when{font-variant-numeric:tabular-nums;font-weight:600}.comment-item .text{white-space:pre-wrap;margin-top:2px}.tl-comments{height:22px}.comment-pin{color:#1b1b1b;cursor:pointer;background:#e0a43a;border-radius:4px;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:3px}.comment-pin.resolved{color:#ddd;background:#5d6472}.login a{color:var(--accent);text-decoration:none}.centered{text-align:center}.header-actions{align-items:center;gap:8px;display:flex}.badge{color:var(--accent);align-items:center;gap:3px;display:inline-flex}.account{max-width:760px}.account header{margin-bottom:8px}.account-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:16px;padding:4px 16px 14px}.account-box h3{margin:12px 0;font-size:15px}.account-box h4{color:var(--muted);margin:16px 0 6px;font-size:13px}.account-form{gap:8px;max-width:360px;display:grid}.account-form label{color:var(--muted);gap:3px;font-size:12px;display:grid}.account-form input{padding:7px}.account-form button{justify-self:start}.invite-form{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.invite-form input[type=email]{flex:1;min-width:200px;padding:7px}.link-box{gap:4px;margin:8px 0;display:grid}.people{border-collapse:collapse;width:100%}.people td{border-top:1px solid var(--line);vertical-align:middle;padding:7px 6px}.people td.actions{text-align:right;white-space:nowrap}.people td.actions button{margin-left:4px}.people tr.disabled td:first-child{opacity:.5}.modal.people-dialog{width:560px}@media (max-width:600px){.people td.actions{white-space:normal}.people td.actions button{margin:2px 0 2px 4px}}.shared-library-page{max-width:1300px}.lib-browser{gap:10px;margin-top:10px;display:grid}.lib-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lib-toolbar .grow{flex:1}.lib-search{color:var(--muted);align-items:center;gap:5px;display:flex}.lib-search input{width:220px;padding:5px 7px}.upload-tags{width:240px;padding:5px 7px}.check{align-items:center;gap:4px;display:inline-flex}.segmented{display:inline-flex}.segmented button{border-radius:0;margin-left:-1px}.segmented button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.segmented button:last-child{border-radius:0 var(--radius) var(--radius) 0}.segmented button.on{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.tag-cloud{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-size:11px;display:inline-flex}.chip.on{border-color:var(--accent);color:var(--accent)}.chip button{color:inherit;background:0 0;border:none;padding:0;font-size:11px}.chip .chip-x{color:var(--muted)}.chip .chip-x:hover{color:var(--bad)}.chip.add{color:var(--muted)}.chip-input{border-radius:999px;width:110px;padding:1px 6px;font-size:11px}.lib-bulk{background:var(--panel);border:1px solid var(--accent-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.lib-bulk input{width:140px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.lib-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.lib-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lib-card.archived .lib-preview{opacity:.5}.lib-preview{cursor:pointer;background:#f6f4ee;place-items:center;height:120px;display:grid;position:relative}.lib-preview.audio{background:var(--panel-2)}.lib-preview img{max-width:90%;max-height:104px}.lib-preview input{position:absolute;top:6px;left:6px}.lib-card audio{width:100%;height:30px}.lib-card-body{flex:1;align-content:start;gap:4px;padding:8px 10px;display:grid}.lib-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;font-weight:600;display:block;overflow:hidden}.lib-name:hover{color:var(--accent)}.lib-tags{flex-wrap:wrap;gap:3px;display:flex}.lib-card-actions{flex-wrap:wrap;gap:4px;padding:0 10px 10px;display:flex}.lib-card-actions button,.lib-card-actions a.button{padding:3px 7px;font-size:12px}button.danger:hover:not(:disabled){color:var(--bad);border-color:var(--bad)}.modal.shared-library{width:1200px}.modal.shared-library .lib-browser{margin-top:0}.lib-thumb-share{color:#fff;opacity:0;background:#000a;border:none;padding:2px;position:absolute;top:2px;right:24px}.thumb:hover .lib-thumb-share{opacity:1}.note{border:1px solid var(--good);cursor:pointer;background:#57c58a1a;border-radius:5px;margin-top:8px;padding:6px;font-size:12px}.modal.voice{width:900px}.voice-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-controls label{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.voice-controls .grow{flex:1}.voice-compare{gap:6px;margin:10px 0;display:grid}.voice-compare label{color:var(--muted);gap:2px;font-size:12px;display:grid}.voice-compare audio{width:100%;height:32px}.import-table.voice-script{margin-top:10px}.import-table.voice-script td{vertical-align:top}.import-table.voice-script textarea{width:100%;min-width:560px;font-size:12px}.voiceover-page{max-width:980px}.vo-form{gap:10px;padding-top:14px;display:grid}.vo-form textarea{font-size:14px;line-height:1.5}.vo-title{padding:7px;font-weight:600}.vo-preview{width:100%;height:34px}.vo-heading{margin:22px 0 8px;font-size:15px}.vo-list{gap:8px;display:grid}.vo-row{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(220px,1.3fr) auto;align-items:center;gap:6px 12px;padding:10px 12px;display:grid}.vo-row>.good,.vo-row>.bad{grid-column:1/-1}.vo-meta{gap:2px;min-width:0;display:grid}.vo-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vo-row audio{width:100%;height:32px}.vo-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.vo-actions button,.vo-actions a.button{padding:3px 8px;font-size:12px}.vo-tags{gap:4px;display:flex}.vo-tags input{width:160px}@media (max-width:760px){.vo-row{grid-template-columns:1fr}.vo-actions{justify-content:flex-start}}.modal.package{width:760px}.pkg-links,.pkg-pick{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.pkg-pick .grow{flex:1}.pkg-pick label.button{cursor:pointer;padding:5px 10px}.pkg-report{border:1px solid var(--line);border-radius:6px;max-height:40vh;margin-top:8px;padding:8px 12px;font-size:12px;overflow:auto}.pkg-report ul{margin:6px 0 0;padding-left:18px}.pkg-report li{margin:2px 0;font-family:ui-monospace,monospace}.bad-box{border-color:var(--bad);background:#ef6b6b14}.good-box{border-color:var(--good);background:#57c58a14}