:root{--bg: #1d1d22;--panel: #26262d;--panel-2: #2f2f37;--line: #3a3a44;--text: #e8e8ee;--muted: #9a9aa8;--accent: #ff5a8a;--on-accent: #fff;--key: #ffd24a;--board: #f0c040;--danger: #ff7b7b;--workspace: #2b2b31;--radius-xs: 4px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--pill: 999px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:13px/1.35 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}body{display:flex;flex-direction:column}.topbar{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 12px;padding:6px 10px 6px 60px;padding-top:max(6px,env(safe-area-inset-top));min-height:52px;overflow-x:auto;scrollbar-width:none;background:var(--panel);border-bottom:1px solid var(--line)}.group{display:flex;align-items:center;gap:4px}button,select,input[type=color]{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation}input[type=color]{width:44px;padding:2px}button:hover{border-color:#555562}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button:disabled{opacity:.4;cursor:default}.readout{min-width:0;color:var(--muted);font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:6px;color:var(--muted)}.workspace{flex:1;display:flex;min-height:0;position:relative}.stage-col{flex:1;min-width:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;touch-action:none}.strip{background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.strip-bar{padding:4px 10px 2px}.strip-row{display:flex;flex-wrap:nowrap;align-items:center;gap:4px 12px;padding:2px 0;overflow-x:auto;scrollbar-width:none}.strip-row>*{flex:0 0 auto}.strip-bar .name{color:var(--muted);margin-right:2px}.frame-readout{min-width:64px}.strip-track{position:relative;overflow-x:auto;overflow-y:hidden;height:78px;touch-action:pan-x;cursor:pointer;outline:none}.strip-inner{position:relative;height:100%;min-width:100%}.strip-ruler span{position:absolute;top:2px;width:64px;color:var(--muted);font-size:10px;text-align:center;font-variant-numeric:tabular-nums}.block{position:absolute;top:18px;height:52px;margin-left:2px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);overflow:hidden}.block.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.block .thumb{position:absolute;left:3px;top:3px;width:56px;height:32px;border-radius:var(--radius-xs)}.block .num{position:absolute;left:5px;bottom:1px;font-size:11px;font-weight:600;color:var(--text)}.block .hold-line{position:absolute;left:62px;right:8px;top:19px;height:2px;background:var(--muted);border-radius:1px}.strip-playhead{position:absolute;top:0;left:0;width:64px;height:100%;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none}button.play[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}#canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.stats{position:absolute;left:10px;bottom:10px;padding:4px 8px;border-radius:var(--radius);background:#141418b3;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}.panel{width:300px;overflow-y:auto;background:var(--panel);border-left:1px solid var(--line);padding:10px 12px 24px;-webkit-user-select:none}.panel-head{display:flex;gap:6px;margin-bottom:8px}.panel-head select{flex:1}.preview{width:100%;height:auto;border-radius:var(--radius);display:block;margin-bottom:8px}fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 10px;padding:6px 10px 8px}legend{padding:0 4px;color:var(--accent);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.row{display:grid;grid-template-columns:84px 1fr 48px;align-items:center;gap:8px;min-height:30px}.row.toggle{display:flex;gap:8px}.row.sub{grid-template-columns:52px 1fr 40px;padding-left:32px;min-height:26px}.row .name{color:var(--muted)}.row output{text-align:right;font-variant-numeric:tabular-nums}.dyn{padding:4px 0;border-top:1px solid var(--line)}.dyn:first-of-type{border-top:0}.dyn .row:first-child{grid-template-columns:84px 1fr auto}.mini{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}.hint{margin:4px 0 0;color:var(--muted);font-size:11px}input[type=range]{width:100%;accent-color:var(--accent);touch-action:pan-y}body.ui-hidden .topbar,body.ui-hidden .panel,body.ui-hidden .stats{display:none}.strip-lock{position:absolute;top:0;left:0;width:64px;height:100%;border-left:2px dashed var(--key);color:var(--key);font-size:12px;line-height:14px;padding-left:3px;pointer-events:none}.onion-opacity{width:80px;min-height:0}.group .name{color:var(--muted);margin-right:2px}.group.file #pname{width:120px;min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}#savestatus{min-width:0;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}#savestatus[data-state=dirty],#savestatus[data-state=saving]{color:var(--key)}#savestatus[data-state=error]{color:var(--danger);max-width:260px}#storage[data-risk=warn]{color:#ffb44a}.toasts{position:fixed;right:12px;bottom:12px;z-index:50;display:flex;flex-direction:column;gap:8px;max-width:min(440px,calc(100vw - 24px))}.toast{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);box-shadow:0 6px 24px #00000073}.toast span{flex:1 1 200px}.toast .x{min-width:34px;padding:0;background:transparent;border-color:transparent}dialog{width:min(560px,calc(100vw - 24px));max-height:80vh;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--text)}dialog::backdrop{background:#0000008c}dialog h2{margin:0 0 10px;font-size:16px}.vsave{display:flex;gap:8px;margin-bottom:10px}.vsave input{flex:1;min-height:34px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}.vlist{max-height:44vh;overflow-y:auto}.vrow{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.vinfo{flex:1;min-width:0;display:flex;flex-direction:column}.vfoot{display:flex;justify-content:space-between;margin-top:12px}.strip-track{height:96px;touch-action:pan-x;-webkit-user-select:none;user-select:none}.block{touch-action:none;cursor:grab;top:20px;height:58px}.block:active{cursor:grabbing}.block.selected{background:#3a2f3a;border-color:#c9739a}.block.selected.current{border-color:var(--accent)}.block .handle{position:absolute;top:0;right:0;bottom:0;width:9px;cursor:ew-resize;background:linear-gradient(to right,transparent,rgba(255,255,255,.16));touch-action:none}.block .len{position:absolute;right:12px;bottom:2px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.block .badge{position:absolute;right:12px;top:3px;min-width:16px;padding:0 4px;border-radius:var(--radius);font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#1d1d22}.role-key{background:var(--accent)}.role-breakdown{background:var(--key)}.role-inbetween{background:#4aa3ff}button.role{min-width:34px;padding:0 8px;font-weight:700}button.role[aria-pressed=true]{color:#1d1d22}button.role-key[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}button.role-breakdown[aria-pressed=true]{background:var(--key);border-color:var(--key)}button.role-inbetween[aria-pressed=true]{background:#4aa3ff;border-color:#4aa3ff}.strip-marquee{display:none;position:absolute;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);pointer-events:none;z-index:3}.exp-input{width:52px;min-height:34px;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}.exp-readout{min-width:44px;text-align:center}.panel{padding-top:0}.tabs{display:flex;gap:4px;margin:0 -12px 8px;padding:8px 12px 0;position:sticky;top:0;z-index:2;background:var(--panel);border-bottom:1px solid var(--line)}.tabs button{flex:1;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}[hidden]{display:none!important}.xsheet{display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:240px}.xs-bar{display:flex;align-items:center;gap:8px;padding:4px 0 8px;flex-wrap:wrap}.xs-head,.xs-row{display:grid;grid-template-columns:64px 54px 58px 1fr;align-items:stretch}.xs-head{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:2px 0}.xs-head span{padding:0 6px}.xs-body{flex:1;overflow-y:auto;position:relative;outline:none;touch-action:pan-y;border:1px solid transparent;border-radius:var(--radius)}.xs-body:focus-visible{border-color:var(--accent)}.xs-row{height:26px;line-height:26px;border-bottom:1px solid #30303a;cursor:pointer;font-variant-numeric:tabular-nums}.xs-row.second{border-top:2px solid #4b4b5a}.xs-row.selected{background:#3a2f3a}.xs-row.current{box-shadow:inset 3px 0 0 var(--accent);background:#3d2c36}.xs-fno{padding:0 6px;color:var(--muted);font-size:12px}.xs-cell{text-align:center;font-weight:700;border-left:1px solid #30303a;border-right:1px solid #30303a}.xs-cell.hold{position:relative}.xs-cell.hold:after{content:"";position:absolute;left:50%;top:-1px;bottom:-1px;width:2px;margin-left:-1px;background:var(--muted)}.xs-note{padding:0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}.xs-input{width:100%;height:22px;margin-top:2px;padding:0 4px;border:1px solid var(--accent);border-radius:var(--radius-xs);background:var(--bg);color:var(--text);font:inherit;text-align:center}.xs-note-input{text-align:left}.quickbar{display:none}.quickbar{position:fixed;top:12px;left:0;right:0;margin-inline:auto;width:max-content;z-index:30;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-width:calc(100vw - 24px);padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#26262df0;box-shadow:0 8px 28px #00000080;transition:opacity .12s}body.quick .quickbar{display:flex}body.quick .topbar,body.quick .panel,body.quick .strip-bar,body.quick .stats{display:none}body.quick.drawing .quickbar,body.quick.drawing .strip{opacity:0;pointer-events:none}.strip{transition:opacity .12s}.quick-size{width:110px}.quick-more{display:none;flex-basis:100%;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid var(--line)}.quick-more.open{display:flex}body.ui-hidden .quickbar,body.ui-hidden .strip{display:none}.group.mode{margin-left:auto}.xrow{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;min-height:38px}.xrow .name{color:var(--muted)}.xrow input[type=text]{min-height:34px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}.xpasses{display:flex;flex-wrap:wrap;gap:6px 16px}.xprogress{width:100%;height:10px;margin-top:10px;accent-color:var(--accent)}.xsummary{min-height:2.6em}.video-export{width:min(560px,calc(100vw - 24px))}.audio-tracks{flex:0 0 auto;max-height:32vh;overflow:auto;border-top:1px solid var(--line);background:var(--panel);font-size:12px}.audio-tracks>summary{padding:8px 12px;cursor:pointer;color:#9ce3ce}.audio-body{padding:0 10px 8px}.audio-toolbar,.audio-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.audio-toolbar{color:var(--muted);margin-bottom:6px}.audio-clip{margin-top:8px}.audio-clip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 5px}.audio-clip-head>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-settings,.audio-delete{flex-shrink:0;min-height:30px;padding:3px 8px;font-size:11px}.audio-delete,.audio-card-del,.rail-tag .rail-del,.mleft .ldel,.audio-controls button.danger{color:var(--danger)}.audio-clip-head{flex-wrap:nowrap}.audio-clip-head>span:first-child{flex:1}.audio-lane{height:36px;position:relative;overflow:hidden;background:#17191f;border-radius:var(--radius-xs);cursor:crosshair}.audio-lane:after{content:"";position:absolute;left:var(--audio-playhead);top:0;bottom:0;border-left:2px solid var(--accent);pointer-events:none}.audio-lane canvas{position:absolute;height:36px;background:#25443c}.audio-controls{margin:6px 0 12px}.audio-controls[hidden]{display:none}.audio-controls label{display:flex;flex-direction:column;gap:3px;color:var(--muted)}.audio-controls input{width:90px}body.ui-hidden .audio-tracks,body.quick .audio-tracks{display:none}.video-export video{display:block;width:100%;max-height:55vh;margin:12px 0;background:#000}.video-save{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:600}.video-export select{min-width:0;max-width:100%}#panel-toggle{display:none}@media(max-width:1100px){#panel-toggle{display:inline-flex;align-items:center}.topbar>*,.strip-row>*{flex:0 0 auto}.quickbar{left:52px}.panel{display:none;position:absolute;right:0;top:0;bottom:0;z-index:20;width:min(340px,88vw);box-shadow:-10px 0 28px #00000080}body.panel-open .panel{display:block}.xsheet{height:calc(100vh - 120px)}}@media(max-width:600px){.quickbar{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - 16px);top:8px;padding:6px 8px;gap:8px}.quickbar>*{flex:0 0 auto}.quick-more.open{position:fixed;top:64px;left:8px;right:8px;z-index:31;padding:10px;border:1px solid var(--line);border-radius:var(--radius-md);background:#26262dfa;box-shadow:0 8px 28px #00000080}}.bootfail{margin:16px;padding:14px 16px;border:1px solid var(--accent);border-radius:var(--radius-md);background:#2a1d24;color:#e8e8ee;font:15px/1.5 system-ui,sans-serif}.dock{position:fixed;top:calc(max(8px,env(safe-area-inset-top)) + 5px);left:max(8px,env(safe-area-inset-left));z-index:60;width:44px;min-height:44px;padding:0;font-size:20px;line-height:1;border-radius:var(--radius-md);background:var(--panel-2);box-shadow:0 2px 10px #0006;transition:opacity .12s}.dock[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}body.ui-full:not(.quick):not(.ui-hidden):not(.bar-collapsed):not(.painting-workspace) .dock{top:max(4px,env(safe-area-inset-top))}body.drawing .dock{opacity:.2;pointer-events:none}.menu{position:fixed;top:calc(max(8px,env(safe-area-inset-top)) + 55px);left:max(8px,env(safe-area-inset-left));z-index:59;width:min(300px,calc(100vw - 16px));max-height:calc(100vh - 70px);overflow-y:auto;padding:6px 12px 10px;border:1px solid var(--line);border-radius:var(--radius-md);background:#26262dfa;box-shadow:0 10px 32px #0000008c}.menu-logo{display:block;width:40px;height:40px;margin:4px 0 0}.menu section+section{margin-top:6px;padding-top:4px;border-top:1px solid var(--line)}.menu h3{margin:6px 0 4px;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.menu-grid.four{grid-template-columns:repeat(4,1fr)}.menu-grid button{padding:0 8px}.menu-grid .check{grid-column:1 / -1;min-height:34px}.menu-note{margin:4px 0 0;font-size:12px;color:var(--muted)}.spacer{flex:1 1 0;min-width:0}.fill-selection-actions{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.fill-selection-actions button{flex:1 1 auto;min-height:32px}.fill-transform{margin:6px 0;padding:6px;border:1px solid var(--line, #8884);border-radius:var(--radius)}.fill-transform[hidden]{display:none}.seg{gap:0}.seg button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.seg button:last-child{border-radius:0 var(--radius) var(--radius) 0;margin-left:-1px}body.bar-collapsed .topbar{display:none}body.ui-hidden .dock{opacity:.45}@media(pointer:fine){button,select,input[type=color]{min-height:30px;padding:0 10px}.menu-grid .check{min-height:30px}}fieldset>legend{cursor:pointer}fieldset>legend:before{content:"▾ ";color:var(--muted)}fieldset.collapsed>legend:before{content:"▸ "}fieldset.collapsed>:not(legend){display:none}fieldset.collapsed{padding-bottom:2px;margin-bottom:6px}@media(min-width:1101px){.menu [data-menu=panel]{display:none}}@media(max-width:900px){#savestatus:not([data-state=error]){display:none}}.gallery{position:fixed;inset:0;z-index:65;display:flex;flex-direction:column;background:var(--bg)}body.gallery-open .dock{display:none}.ghead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line)}.glogo{width:36px;height:36px;flex:none}.gcrumbs{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:600}.crumb{background:transparent;border-color:transparent;font-weight:600;font-size:16px}.crumb[aria-current=true]{color:var(--text)}.crumb:not([aria-current=true]){color:var(--muted)}.sep{color:var(--muted)}.ggrid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:14px;padding:16px;-webkit-overflow-scrolling:touch}.gcard{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);overflow:hidden;cursor:pointer;touch-action:pan-y;-webkit-touch-callout:none}.gcard:hover{border-color:#555562}.gcard.open{border-color:var(--accent)}.gcard.picked{outline:3px solid var(--accent);outline-offset:-3px}.gcard.dragging{opacity:.35}.gcard.drop-hover,.crumb.drop-hover{outline:2px dashed var(--accent);outline-offset:2px;background:color-mix(in srgb,var(--accent) 14%,transparent)}.gcard.ghost{position:fixed;z-index:90;opacity:.85;transform:scale(.55);transform-origin:40px 30px;box-shadow:0 12px 32px #0000008c;pointer-events:none}.gthumb{aspect-ratio:16 / 9;background:#fff;display:grid;place-items:center;overflow:hidden}.gthumb img{width:100%;height:100%;object-fit:contain;display:block}.gthumb.collage{background:var(--panel-2);grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:2px}.gthumb.collage span{background:#fff;border-radius:var(--radius-xs);overflow:hidden;min-height:0}.gthumb.collage .folderglyph{grid-column:1 / -1;grid-row:1 / -1;display:grid;place-items:center;background:transparent;color:var(--muted)}.folderglyph .ico{width:44px;height:44px}.leye .ico{width:16px;height:16px;vertical-align:middle}.gbody{display:flex;flex-direction:column;gap:1px;padding:8px 40px 10px 12px;min-width:0}.gbody strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gcard .more{position:absolute;right:6px;bottom:8px;width:36px;min-height:36px;padding:0;font-size:18px;background:transparent;border-color:transparent}.gcard .check{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:#00000073;color:#fff;display:grid;place-items:center;font-weight:700}.gcard.picked .check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.gempty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--muted)}.gfoot{display:flex;align-items:center;gap:10px;padding:8px 14px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);min-height:52px}.gselbar{display:flex;align-items:center;gap:8px}.gmenu{position:absolute;z-index:80;width:200px;display:flex;flex-direction:column;padding:6px;border:1px solid var(--line);border-radius:var(--radius-md);background:#26262dfc;box-shadow:0 10px 32px #0000008c}.gmenu button{justify-content:flex-start;text-align:left;min-height:40px;border-color:transparent;background:transparent}.gmenu button:hover{background:var(--panel-2)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.gmenu button.danger,.gselbar button.danger{color:var(--danger)}dialog button.danger{background:#b83a4a;border-color:#b83a4a;color:#fff}.gbtn{flex:0 0 auto;font-weight:600}dialog.small{width:min(420px,calc(100vw - 24px))}.textbox{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}.picklist{display:flex;flex-direction:column;gap:4px;max-height:46vh;overflow-y:auto}.picklist button{justify-content:flex-start;text-align:left;min-height:42px}.picklist button.with-hint{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:44px}.picklist button.with-hint .hint{display:block;margin:0;line-height:1.4}.dbody p{margin:0 0 6px}dialog.newproject{width:min(640px,calc(100vw - 24px));max-height:88vh;overflow-y:auto}.nrow{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:start;padding:7px 0;border-top:1px solid var(--line)}.nrow .name{color:var(--muted);padding-top:8px}.nchoices{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:58px;min-height:44px;padding:4px 10px;line-height:1.15}.chip small{font-size:10px;color:var(--muted);font-weight:400}.chip[aria-pressed=true] small{color:#1d1d22}.ashape{display:block;border:2px solid currentColor;border-radius:var(--radius-xs);opacity:.85}.aname{font-size:11px}.exp-input.num{width:72px}.nsummary{margin:10px 0 4px}.nnote{margin:4px 0;padding:8px 10px;border-radius:var(--radius);background:#3a3220;color:#ffd98a;font-size:12px}.nnote[data-level=too-big]{background:#3a2024;color:#ff9aa6}@media(max-width:600px){.ggrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px}.nrow{grid-template-columns:1fr;gap:2px}.nrow .name{padding-top:0}}:root{--track-h: 112px;--motion-h: 230px}.strip-track{height:min(var(--track-h),50vh)!important}.splitter{flex:0 0 auto;height:14px;margin:-7px 0;position:relative;z-index:6;cursor:row-resize;touch-action:none;display:grid;place-items:center}.splitter:before{content:"";width:54px;height:5px;border-radius:var(--radius-xs);background:var(--line)}.splitter:hover:before,.splitter.active:before,.splitter:focus-visible:before{background:var(--accent)}body.ws-time .splitter,body.quick .splitter,body.ui-hidden .splitter{display:none}.ws button{min-width:56px}.motion{display:none;flex-direction:column;min-height:0;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}body.ws-motion .motion{display:flex}body.ws-motion .strip,body.ws-motion.quick .motion,body.ui-hidden .motion{display:none}body.ws-time .panel{width:min(420px,46vw)}.menu-grid.three{grid-template-columns:repeat(3,1fr)}.menu-grid.workspaces{grid-template-columns:repeat(6,1fr)}.menu-grid.workspaces button{grid-column:span 2}.menu-grid.workspaces button:nth-child(n+4){grid-column:span 3}.mbar{padding:4px 10px 2px;border-bottom:1px solid var(--line)}.mrowbar{display:flex;align-items:center;flex-wrap:nowrap;gap:4px 12px;padding:2px 0;overflow-x:auto;scrollbar-width:none}.mrowbar>*{flex:0 0 auto}.mscroll{height:min(var(--motion-h),38vh);overflow:auto;position:relative;outline:none;touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mgrid{position:relative;min-width:100%}.mrow{display:flex;height:var(--row-h, 44px);border-bottom:1px solid #30303a}.mrow.ruler{height:28px;position:sticky;top:0;z-index:5;background:var(--panel)}.mleft{position:sticky;left:0;z-index:4;flex:0 0 196px;width:196px;display:flex;align-items:center;gap:4px;padding:0 6px;background:var(--panel);border-right:1px solid var(--line);overflow:hidden}.mrow.layer.selected .mleft,.mrow.prop.selected .mleft{background:#34293a}.mrow.ruler .mleft{z-index:6}.mright{position:relative;flex:0 0 auto;height:100%}.mrow.layer.selected .mright{background:color-mix(in srgb,var(--accent) 6%,transparent)}.mrow.off .lname{opacity:.45}.tick{position:absolute;top:6px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;padding-left:2px;border-left:1px solid #3a3a46;height:18px;pointer-events:none}.tick.sec{color:var(--text);border-left-color:#6a6a7a}.mend{position:absolute;top:0;bottom:-9999px;width:2px;background:#6a6a7a;pointer-events:none;opacity:.6}.mrow .mleft button{min-height:30px;padding:0 6px;border-color:transparent;background:transparent}.chev{width:26px;flex:0 0 26px}.ldot{flex:0 0 8px;height:8px;border-radius:50%}.lname{flex:1 1 auto;min-width:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.lparent{flex:0 1 auto;max-width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:11px}.leye[aria-pressed=false]{opacity:.5}.mrow .mleft button[aria-pressed=true]{background:transparent;color:var(--text)}.pname{flex:0 0 62px;padding-left:22px;color:var(--muted);font-size:12px}.pval{flex:1 1 auto;min-width:0;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;overflow:hidden;white-space:nowrap}.pkey{flex:0 0 30px;color:#55555f}.pkey.anim{color:var(--muted)}.pkey.on{color:var(--accent)}.mrow.prop{background:#ffffff04}.mbar-el{position:absolute;top:7px;bottom:7px;border-radius:var(--radius);opacity:.55;cursor:grab;touch-action:none;min-width:6px}.mrow.selected .mbar-el{opacity:.95}.mh{position:absolute;top:0;bottom:0;width:14px;cursor:ew-resize;touch-action:none}.mh.in{left:0;border-radius:var(--radius) 0 0 var(--radius);background:linear-gradient(to right,rgba(0,0,0,.35),transparent)}.mh.out{right:0;border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(to left,rgba(0,0,0,.35),transparent)}.mloop{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:12px;color:#000000b3}.mseg{position:absolute;top:50%;height:2px;margin-top:-1px;background:#5a5a6a;pointer-events:none}.mkey{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background:var(--muted);transform:rotate(45deg) scale(.78);border:2px solid var(--panel);cursor:grab;touch-action:none;z-index:2}.mkey:after{content:"";position:absolute;inset:-12px}.mkey.eased{border-radius:50%}.mkey.hold{background:var(--key)}.mkey.selected{background:var(--accent)}.mtick{position:absolute;top:calc(50% + 11px);width:2px;height:8px;margin-left:-1px;background:var(--accent);opacity:.9;pointer-events:none}.mease{position:absolute;top:calc(50% - 22px);transform:translate(-50%);font-size:10px;color:var(--accent);white-space:nowrap;pointer-events:none}.mplayhead{position:absolute;top:0;left:0;bottom:0;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none;z-index:3}.mempty{position:sticky;left:0;padding:24px 16px;color:var(--muted);width:min(100%,560px)}.nfield{display:grid;grid-template-columns:56px 1fr 32px;align-items:center;gap:8px;margin-bottom:6px}@media(max-width:1100px){.mleft{flex-basis:196px}}.crumbbtn{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-color:var(--accent);color:var(--accent);font-weight:600}.mcrumbs{display:flex;align-items:center;gap:2px;padding-right:6px;margin-right:4px;border-right:1px solid var(--line)}.mcrumbs .crumb{font-size:13px;padding:0 6px}.mcrumbs .crumb[aria-current=true]{color:var(--accent)}.pname.pin{flex:1 1 auto;padding-left:22px;color:var(--key);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pval.over{color:var(--key)}.pstar{flex:0 0 26px;color:#55555f}.pstar.on{color:var(--key)}.ctxmenu{position:fixed;z-index:200;min-width:210px;max-width:min(300px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow-y:auto;display:flex;flex-direction:column;padding:6px;border:1px solid var(--line);border-radius:var(--radius-md);background:#26262dfa;box-shadow:0 12px 36px #0000008c;-webkit-touch-callout:none}.ctxmenu.sheet{left:8px;right:8px;bottom:8px;max-width:none;max-height:70vh;padding-bottom:calc(6px + env(safe-area-inset-bottom));border-radius:var(--radius-lg)}.ctxmenu>button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;min-height:38px;border-color:transparent;background:transparent}.ctxmenu.sheet>button{min-height:46px}.ctxmenu>button:hover:not([disabled]),.ctxmenu>button:focus-visible{background:var(--panel-2)}.ctxmenu>button[disabled]{opacity:.4}.ctxmenu>button.danger{color:var(--danger)}.ctx-hint{color:var(--muted);font-size:11px}.ctx-title{padding:6px 10px 2px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.ctx-sep{height:1px;margin:4px 2px;background:var(--line)}.ctx-chips{display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px}.ctx-chips button{min-width:40px;min-height:34px;padding:0 8px}.ctx-chips button.on{border-color:var(--accent);color:var(--accent)}.xs-acts{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:6px}.xs-acts button{min-width:36px;min-height:32px;padding:0 8px}.xs-acts button.danger{color:var(--danger)}.xs-fno{touch-action:none}.xs-row.lifted{background:#5a3348;box-shadow:inset 0 0 0 1px var(--accent)}.xs-drop{position:absolute;left:0;right:0;height:3px;margin-top:-1px;background:var(--accent);border-radius:2px;pointer-events:none;z-index:2}.blankpage{position:absolute;top:20px;height:58px;margin-left:2px;display:flex;align-items:center;justify-content:center;border:1px dashed #5a5a68;border-radius:var(--radius);color:var(--muted);font-size:18px;cursor:pointer;touch-action:none}.blankpage.current{border-color:var(--accent);border-style:solid;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.mrow.part{background:#ffffff08}.mrow.part.off .part-name{opacity:.5}.mrow.part .mleft{padding-left:14px}.part-name{flex:1 1 auto;text-align:left;font-size:12px}.ptint{flex:0 0 26px;width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:transparent;opacity:.55;cursor:pointer}.ptint.on{opacity:1;border-color:var(--accent)}.has-ico{display:inline-flex;align-items:center;justify-content:center;gap:6px}.has-ico .ico{flex:0 0 auto;width:20px;height:20px}.dock .lbl{display:none}.dock .ico{width:22px;height:22px}.topbar .tb-left,.topbar .tb-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.topbar .icons button{width:40px;min-width:40px;min-height:38px;padding:0}.topbar .icons .lbl{display:none}.topbar .tools{gap:2px;padding:2px;border-radius:var(--radius-md);background:#0000002e}.topbar .tools button{border-color:transparent;background:transparent;border-radius:var(--radius)}.topbar .tools button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.topbar .tools .ico{width:22px;height:22px}.topbar .parts button{position:relative}.topbar .parts .lbl{display:block;position:absolute;right:4px;bottom:2px;font-size:10px;font-weight:700;line-height:1}.topbar .parts button[aria-pressed=false] .ico{opacity:.35}@media(max-width:1180px){.topbar .ws .lbl,.topbar .gbtn .lbl{display:none}.topbar .ws button,.topbar .gbtn{min-width:40px;padding:0 8px}}.colorchip{--chip: #222222;position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--chip);border:2px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px #00000080;cursor:pointer}.colorchip input{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;opacity:0;cursor:pointer}.sidebar{--sidebar-top: 8px;--sidebar-bottom: 0px;max-height:calc(100% - 16px);overflow-y:auto;position:absolute;left:max(10px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#26262de0;box-shadow:0 4px 18px #00000059;transition:opacity .15s;touch-action:none}.sidebar button{flex-shrink:0;width:44px;min-width:44px;min-height:44px;padding:0;border-color:transparent;background:transparent}.sidebar .lbl{display:none}.vslider{flex-shrink:1;min-height:64px;position:relative;width:48px;height:140px;border-radius:var(--radius-lg);background:#ffffff12;border:1px solid var(--line);overflow:hidden;cursor:ns-resize;touch-action:none;outline:none}.vslider:focus-visible{border-color:var(--accent)}.sidebar.compact{flex-direction:row;gap:4px;padding:4px}.sidebar.compact .vslider{height:56px;min-height:56px}.vlabel{position:absolute;left:0;right:0;top:5px;text-align:center;font-size:10px;pointer-events:none}.vfill{position:absolute;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--accent) 45%,transparent);pointer-events:none}.vval{position:absolute;left:0;right:0;top:22px;text-align:center;font-size:12px;color:var(--text);pointer-events:none;font-variant-numeric:tabular-nums}.vslider.active{border-color:var(--accent)}body.drawing .sidebar{opacity:.3;pointer-events:none}body.ws-motion .sidebar,body.ui-hidden .sidebar{display:none}@media(max-height:560px){.vslider{height:96px}}.has-ico.icon-only{min-width:36px;padding:0 8px}.has-ico.icon-only .lbl{display:none}@media(max-width:900px){.topbar,.topbar .tb-left,.topbar .tb-right{gap:6px}.topbar .parts,.topbar #export-seq,.topbar #savestatus{display:none}.group.file #pname{width:96px}}@media(max-width:600px){.topbar #pname,.topbar #enter-quick{display:none}}@media(max-width:600px){.topbar #ws,.topbar .tb-right>.seg,.topbar #panel-toggle,.topbar #bar-collapse{display:none}.sidebar{gap:6px;padding:6px 4px}.vslider{width:48px;height:92px}.sidebar button{width:44px;min-width:44px;min-height:44px}}.layerspop{position:fixed;z-index:150;display:flex;flex-direction:column;gap:6px;max-height:min(70vh,520px);padding:8px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#26262dfa;box-shadow:0 12px 36px #0000008c}.layerspop[hidden]{display:none}.lp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.lp-title{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-list{min-height:0;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.lp-row{display:flex;align-items:center;gap:3px;padding:2px;border:1px solid transparent;border-radius:var(--radius)}.lp-row.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.lp-row.off .lp-name{opacity:.45}.lp-row button{min-height:36px;border-color:transparent;background:transparent}.lp-row .lp-eye,.lp-row .lp-lock,.lp-row .lp-move{width:34px;min-width:34px;padding:0}.lp-row .lp-fold{width:28px;min-width:28px;padding:0}.lp-children{border-left:1px solid var(--line);margin:0 0 6px 18px;padding:4px 8px;font-size:12px}.lp-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 0}.lp-eye[aria-pressed=false] .ico,.lp-lock[aria-pressed=false] .ico{opacity:.35}.lp-row .lp-lock[aria-pressed=true]{color:var(--accent)}.lp-name{flex:1 1 auto;min-width:0;justify-content:flex-start;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-others{display:flex;align-items:center;gap:4px;padding-top:4px;border-top:1px solid var(--line)}.lp-others .name{flex:1 1 auto;color:var(--muted);font-size:12px}.lp-others button{min-height:32px;padding:0 10px}.lp-del{align-self:flex-start;color:var(--danger)}.layerchip{max-width:160px}.layerchip .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pval{cursor:ew-resize;touch-action:none}.pval.scrubbing{border-color:var(--accent);color:var(--accent)}.timing-controls{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:6px}.timing-controls .strip-row{flex-wrap:wrap}.layer-toggles .lchip{max-width:140px;min-height:32px;padding:0 10px 0 8px}.layer-toggles .lchip .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-toggles .lchip[aria-pressed=false]{opacity:.55}.layer-toggles .lchip.on{border-color:var(--accent)}body:not(.ws-time) .timing-controls{display:none}body.ws-time .topbar .tools,body.ws-time .topbar .tb-right>.seg,body.ws-time .topbar .colorchip,body.ws-time .sidebar,body.ws-motion .topbar .tools,body.ws-motion .topbar .tb-right>.seg,body.ws-motion .topbar .colorchip,body.ws-motion #layers-btn,body.ws-time #layers-btn{display:none}:root{--board-h: 300px}.board{display:none;flex-direction:column;min-height:0;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}body.ws-board .board{display:flex}body.ws-board .strip,body.ws-board .motion,body.ui-hidden .board{display:none}.board-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;overflow-x:auto;scrollbar-width:none}.board-bar.none>:not(.board-title):not(.board-info){display:none}.board-bar>*{flex:0 0 auto}.board-title{font-weight:600}.board-info{margin-right:auto}.board-cards{display:flex;gap:10px;height:max(240px,min(var(--board-h),46vh));padding:4px 10px 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain}.board-empty{margin:auto;max-width:420px;text-align:center}.board-empty button{margin:4px}.bcard{flex:0 0 210px;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-2);overflow-y:auto}.bcard.selected{border-color:#c9739a}.bcard.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.bhead{display:flex;align-items:center;gap:6px}.bnum{min-width:22px;font-weight:700}.bdur{width:64px;min-height:28px;padding:0 6px}.bthumb{width:100%;height:auto;border-radius:var(--radius);cursor:pointer;background:#fff}.bfield{width:100%;resize:none;padding:4px 6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;font-size:12px;user-select:text;-webkit-user-select:text}.bfield:focus{outline:none;border-color:var(--accent)}.subtitle{position:absolute;left:50%;bottom:18px;transform:translate(-50%);max-width:min(80%,720px);padding:6px 14px;border-radius:var(--radius);background:#000000b8;color:#fff;font-size:15px;text-align:center;pointer-events:none;z-index:4}.subtitle[hidden]{display:none}@media(max-width:1400px){.topbar .ws .lbl,.topbar .gbtn .lbl{display:none}.topbar .ws button,.topbar .gbtn{min-width:40px;padding:0 8px}}@media(max-width:900px){.group.file #pname{width:70px}.topbar,.topbar .tb-left,.topbar .tb-right{gap:4px}.topbar .icons button{width:36px;min-width:36px}}@media(max-height:560px){.topbar{min-height:42px;padding-top:max(3px,env(safe-area-inset-top));padding-bottom:3px}.strip-track{height:min(var(--track-h),40vh)!important}.board-cards{height:max(240px,min(var(--board-h),36vh))}.mscroll{height:min(var(--motion-h),30vh)}}dialog{overflow-y:auto}dialog .vfoot{position:sticky;bottom:-16px;margin-bottom:-16px;padding:10px 0 16px;background:var(--panel)}@media(max-height:560px){dialog{max-height:calc(100vh - 16px);padding:12px}dialog .vfoot{bottom:-12px;margin-bottom:-12px;padding-bottom:12px}}.editline{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--key);box-shadow:0 0 0 1px #00000073;pointer-events:none;z-index:6}.editline:after{content:attr(data-label);position:absolute;top:2px;left:6px;padding:1px 6px;border-radius:var(--radius);background:var(--key);color:#1d1d22;font-size:11px;font-weight:600;white-space:nowrap}.editline.flip:after{left:auto;right:6px}.editshift{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#ffd25a1a 0 6px,#ffd25a05 6px 12px);pointer-events:none;z-index:5}.mh.active,.block .handle.active{background:var(--key)!important;opacity:1!important}.xs-row.edit-at{box-shadow:inset 0 2px 0 var(--key)}.strip-inner{position:relative}dialog.manual{width:min(980px,calc(100vw - 24px));height:min(88vh,900px);max-height:none;padding:0;display:none;overflow:hidden}dialog.manual[open]{display:flex;flex-direction:column}.man-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.man-head h2{margin:0 auto 0 0;white-space:nowrap}.man-search{width:min(240px,40vw)}.man-main{display:flex;flex:1;min-height:0}.man-toc{flex:0 0 210px;overflow-y:auto;padding:10px 8px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.man-toc button{text-align:left;background:none;border-color:transparent}.man-toc button.on{background:var(--panel-2);border-color:var(--line);color:var(--accent)}.man-col{flex:1;min-width:0;display:flex;flex-direction:column}.man-pick{display:none;margin:8px 16px 0}.man-body{flex:1;overflow-y:auto;padding:4px 24px 40vh;line-height:1.55;max-width:72ch}.man-body section{padding-top:12px}.man-body h3{margin:14px 0 6px;font-size:18px}.man-body h4{margin:14px 0 4px;font-size:15px;color:var(--accent)}.man-body li{margin:3px 0}.man-tip{padding:8px 12px;border-left:3px solid var(--accent);background:var(--panel-2);border-radius:var(--radius)}.man-keys{border-collapse:collapse;width:100%}.man-keys th,.man-keys td{padding:5px 8px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.man-keys th{white-space:nowrap;font-weight:600;width:34%}.has-news:not(.dock){position:relative}.has-news:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--accent)}@media(max-width:700px){.man-toc{display:none}.man-pick{display:block}.man-body{padding:4px 16px 40vh}.man-head{flex-wrap:wrap}.man-search{order:5;width:100%}}@media print{body.printing-manual>*:not(dialog.manual){display:none!important}body.printing-manual dialog.manual{position:static;width:auto;height:auto;border:0;background:#fff;color:#000}body.printing-manual .man-head button,body.printing-manual .man-search,body.printing-manual .man-toc,body.printing-manual .man-pick{display:none}body.printing-manual .man-main,body.printing-manual .man-body{display:block;overflow:visible;padding:0;max-width:none}body.printing-manual .man-tip{background:#f3f3f3}}.panel-mark{position:absolute;top:0;height:14px;padding-left:4px;border-left:2px solid var(--board);color:var(--board);font-size:10px;font-weight:700;line-height:14px;pointer-events:none;overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,rgba(240,192,64,.16),transparent 70%)}.man-fig{margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.man-fig svg{display:block;margin:0 auto}.man-ico{display:inline-flex;vertical-align:-5px;margin-right:6px;color:var(--accent)}@media print{body.printing-manual .man-fig{background:#fff;break-inside:avoid}}.colorchip input{pointer-events:none}.colorpop{position:fixed;z-index:150;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow:hidden;padding:10px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#26262dfa;box-shadow:0 12px 36px #0000008c}.colorpop[hidden],.colorpop [hidden]{display:none!important}.cp-head{display:flex;align-items:center;gap:6px}.cp-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto}.cp-titlebar strong{font-size:15px}.cp-done{min-height:44px;min-width:44px;border-radius:var(--radius-md);background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cp-body{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cp-body>*{flex-shrink:0}.cp-head .seg{margin-left:auto}.cp-pair{display:flex;width:52px;height:30px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);flex:0 0 auto}.cp-was,.cp-now{flex:1;min-height:0;padding:0;border:0;border-radius:0}.cp-disc{width:100%;aspect-ratio:1;touch-action:none;cursor:crosshair}.cp-values{display:flex;flex-direction:column;gap:8px}.cp-slider{display:flex;align-items:center;gap:8px}.cp-slider span{width:14px;color:var(--muted);font-weight:600}.cp-slider input[type=range]{flex:1;height:22px;border-radius:var(--pill);-webkit-appearance:none;appearance:none}.cp-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #000}.cp-hex{flex:1;font-family:ui-monospace,monospace}.cp-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.cp-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:5px;min-height:26px}.cp-sw{aspect-ratio:1;min-height:0;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.cp-sw.on{outline:2px solid var(--accent);outline-offset:2px}.cp-add{align-self:flex-start;min-width:40px}.topbar .planes button{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:0 9px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.topbar .planes .lbl{display:inline}.topbar .planes button[data-plane=fill] .ico{color:var(--chip-fill, currentColor)}.topbar .parts button{width:auto;min-width:46px;padding:0 6px 0 4px}.topbar .parts .lbl{position:static;display:inline;margin-left:2px;font-size:10px;text-transform:uppercase}@media(max-width:900px){.topbar .planes button{padding:0 6px}.topbar .planes .ico{display:none}}.paint-target{position:absolute;left:76px;top:8px;max-width:calc(100% - 92px);min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:20;padding:5px 12px;border-radius:var(--pill);background:var(--panel);color:var(--text);font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer;box-shadow:0 2px 10px #0006}body:not(.ws-draw):not(.ws-animate) .paint-target,body.ui-hidden .paint-target{display:none}.paint-target.fill-target{background:#f0c040f2;color:#1d1d22}.lp-parts{display:flex;flex-direction:column;gap:4px;margin:-2px 0 4px 28px}.lp-part{display:flex;align-items:center;gap:4px;flex:1;padding:2px 6px 2px 2px;border:1px solid var(--line);border-radius:var(--radius)}.lp-part.paint{border-color:var(--accent)}.lp-part .icon-only{width:32px;min-width:32px;min-height:30px;padding:0}.lp-part button[aria-pressed=false] .ico{opacity:.35}.lp-part-name{min-height:30px;padding:0 8px;font-weight:700;text-transform:uppercase;font-size:11px}.lp-part .hint{font-size:10px;white-space:nowrap}@media(min-width:901px)and (max-width:1180px){.topbar .parts,.topbar #savestatus{display:none}.topbar #pname{width:96px}.topbar .planes .ico{display:none}}@media(min-width:901px)and (max-width:1000px){.topbar #export-seq,.topbar #enter-quick,.topbar #panel-toggle{display:none!important}.topbar #pname{width:72px}}.strip-track{overflow-y:auto;touch-action:pan-x pan-y}.strip-inner .block{top:calc(var(--active-top, 18px) + 25px)}.strip-inner .blankpage{top:calc(var(--active-top, 18px) + 24px);height:52px}.rail{position:absolute;left:0;border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,color-mix(in srgb,var(--label) 9%,transparent),transparent 60%)}.rail.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%)}.rail.part{background:#0000001f}.rail.off .rblock,.rail.off .rail-name{opacity:.4}.rail-tag{position:sticky;left:0;z-index:4;display:inline-flex;align-items:center;gap:2px;max-width:220px;height:22px;margin-top:3px;padding:0 6px 0 2px;border-left:3px solid var(--label);border-radius:0 var(--radius) var(--radius) 0;background:#1d1d22e0;box-shadow:0 1px 4px #00000059;font-size:11px;white-space:nowrap}.rail.active .rail-tag{border-left-color:var(--accent)}.rail.part .rail-tag{height:18px;margin-top:2px;border-left-width:2px}.rail-tag button{min-height:0;min-width:0;height:20px;padding:0 4px;border:0;background:none;font-size:11px}.rail-tag .rail-btn{width:22px}.rail-tag .rail-btn .ico{width:14px;height:14px}.rail-tag .rail-btn[aria-pressed=false] .ico{opacity:.35}.rail-fold{width:18px;color:var(--muted)}.rail-name{overflow:hidden;text-overflow:ellipsis;font-weight:600}.rail.active .rail-name{color:var(--accent)}.rail-name.part-name{font-size:10px;letter-spacing:.05em;color:var(--muted)}.rail-name.part-name.paint{color:var(--accent)}.rail-kind{margin-left:5px;padding:0 4px;border-radius:var(--radius-xs);background:var(--panel-2);color:var(--muted);font-size:10px;font-weight:500;text-transform:uppercase}.rblock{position:absolute;top:4px;bottom:3px;margin-left:2px;border:1px solid color-mix(in srgb,var(--label) 55%,var(--line));border-radius:var(--radius-xs);background:color-mix(in srgb,var(--label) 16%,var(--panel-2));overflow:hidden;cursor:pointer}.rail.part .rblock{top:3px;bottom:3px;opacity:.7}.rblock.group{background:repeating-linear-gradient(135deg,#3fbf8f38 0 6px,#3fbf8f1f 6px 12px);border-color:#3fbf8f}.rblock .rthumb{position:absolute;left:2px;top:1px;height:calc(100% - 2px);width:auto;border-radius:2px;opacity:.9}.board-views button{padding:0 10px}.btl{position:relative;flex:0 0 auto;height:min(var(--board-h),46vh);overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;border-top:1px solid var(--line);background:var(--bg);-webkit-user-select:none;user-select:none}.btl[hidden],.board-cards[hidden]{display:none!important}.board[data-view=split] .btl{height:min(150px,22vh)}.board[data-view=split] .board-cards{height:min(calc(var(--board-h) - 150px),28vh);min-height:150px}.btl-inner{position:relative;height:100%;min-width:100%;min-height:calc(100px + var(--btl-audio-height, 38px))}.btl-ruler{position:absolute;inset:0 0 auto;height:18px;border-bottom:1px solid var(--line)}.btl-ruler span{position:absolute;top:2px;padding-left:3px;border-left:1px solid var(--line);color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.btl-panel{position:absolute;top:22px;bottom:calc(var(--btl-audio-height, 38px) + 8px);margin-left:1px;border:1px solid var(--board);border-radius:var(--radius);background:color-mix(in srgb,var(--board) 14%,var(--panel-2));overflow:hidden;cursor:grab;touch-action:none}.btl-panel.on{box-shadow:0 0 0 2px var(--board) inset}.btl-panel.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.btl-panel.dragging{z-index:5;opacity:.85;cursor:grabbing}.btl-thumb{position:absolute;left:4px;top:4px;height:calc(100% - 26px);max-height:72px;width:auto;border-radius:var(--radius-xs)}.btl-num{position:absolute;left:5px;bottom:3px;font-weight:700;font-size:12px;color:var(--board)}.btl-len{position:absolute;right:12px;bottom:3px;font-size:10px;color:var(--muted)}.btl-line{position:absolute;left:22px;right:50px;bottom:3px;overflow:hidden;font-size:10px;font-style:italic;white-space:nowrap;text-overflow:ellipsis}.btl-edge{position:absolute;top:0;right:0;width:10px;height:100%;cursor:ew-resize;background:linear-gradient(90deg,transparent,rgba(240,192,64,.5))}.btl-audio{position:absolute;left:0;right:0;bottom:4px;height:var(--btl-audio-height, 38px);border-top:1px dashed var(--line)}.btl-noaudio{position:sticky;left:8px;display:inline-block;margin-top:10px;font-size:11px}.btl-sound{position:absolute;top:4px;height:30px;border:1px solid #3fbf8f;border-radius:var(--radius-xs);background:#3fbf8f24;overflow:hidden;cursor:grab;touch-action:none}.btl-sound.linked{border-style:dashed}.btl-sound.muted{opacity:.5}.btl-sound canvas{position:absolute;inset:0;width:100%;height:100%}.btl-sname{position:relative;padding:0 5px;font-size:10px;white-space:nowrap;text-shadow:0 1px 2px #000}.btl-playhead{position:absolute;top:0;left:0;height:100%;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none;z-index:6}.shape-pop{position:absolute;left:50%;top:44px;transform:translate(-50%);z-index:21;min-height:32px;padding:0 14px;border:1px solid var(--accent);border-radius:var(--pill);background:#26262df2;color:var(--text);font-weight:600;box-shadow:0 4px 16px #00000073}.shape-pop[hidden],body:not(.ws-draw):not(.ws-animate) .shape-pop{display:none}.brushlib{position:fixed;z-index:150;display:flex;flex-direction:column;gap:8px;max-height:min(calc(100vh - 16px),620px);max-height:min(calc(100dvh - 16px),620px);overflow:hidden;padding:10px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#26262dfa;box-shadow:0 14px 40px #0000008c}.brushlib[hidden]{display:none}.bl-head{display:flex;align-items:center;gap:6px;flex:0 0 auto}.bl-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bl-current{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-done{min-width:44px;min-height:44px;flex:0 0 auto;border-radius:var(--radius-md);background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.bl-favorite{min-width:44px;min-height:44px;flex:0 0 auto}.bl-favorite[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--panel-2)}.bl-favorite[aria-pressed=true] .ico{fill:currentColor}.bl-name{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}.bl-name .ico{width:14px;height:14px;flex:0 0 auto;color:var(--accent)}.bl-actions{display:flex;gap:6px;flex:0 0 auto}.bl-actions button{flex:1;min-width:0;min-height:44px}.bl-title{margin-right:auto;font-weight:700;font-size:15px}.bl-main{display:flex;gap:8px;min-height:0;flex:1}.bl-cats{display:flex;flex-direction:column;gap:4px;flex:0 0 138px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.bl-cats button{display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border-color:transparent;min-height:44px;flex-shrink:0}.bl-cats button[aria-selected=true]{background:var(--panel-2);border-color:var(--line);color:var(--accent)}.bl-cats button .lbl{flex:1;min-width:0;overflow-wrap:anywhere}.bl-cats button .ico{width:16px;height:16px}.bl-count{color:var(--muted);font-size:11px}.bl-list{flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;min-width:0;overscroll-behavior:contain}.bl-card{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:44px;flex-shrink:0;padding:4px 8px 6px;border:1px solid var(--line);border-radius:var(--radius);background:#1d1d22;text-align:left}.bl-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.bl-preview{width:100%;height:auto;max-height:54px}.bl-name{font-size:12px;font-weight:600}.bl-card.on .bl-name{color:var(--accent)}.bl-hint,.bl-empty{margin:0;font-size:11px;flex:0 0 auto}@media(max-width:600px){.bl-main{flex-direction:column}.bl-cats{flex:0 0 auto;flex-direction:row;overflow-x:auto}.bl-cats button{flex:0 0 auto;gap:6px}}.focusbar{display:flex;align-items:center;flex:0 0 auto;gap:6px;padding:5px 10px 5px 62px;border-bottom:1px solid var(--line);background:var(--panel);overflow-x:auto}.focusbar button{min-height:34px;white-space:nowrap;flex:0 0 auto}#focus-context{margin-right:auto;font-size:12px;color:var(--muted);white-space:nowrap}.focusbar button[aria-expanded=false]{opacity:.65}body.tools-folded:not(.quick) .topbar .tools,body.tools-folded:not(.quick) .topbar .planes,body.tools-folded:not(.quick) .topbar .parts,body.tools-folded:not(.quick) .topbar .colorchip,body.tools-folded:not(.quick) .sidebar .vslider{display:none}body.timeline-folded:not(.quick) #strip,body.timeline-folded:not(.quick) #board,body.timeline-folded:not(.quick) #motion,body.timeline-folded:not(.quick) #splitter,body.timeline-folded:not(.quick) .audio-tracks{display:none!important}body:not(.panel-open) #panel{display:none}#panel-toggle{display:inline-flex}body.ws-motion #focus-tools,body.ws-time #focus-tools,body.ws-motion #panel-toggle,body.quick .focusbar,body.ui-hidden .focusbar{display:none}.motion-extra summary{cursor:pointer;padding:6px 10px;min-height:32px;font-size:12px}.export-hub p{line-height:1.5}@media(max-width:600px){#focus-context{display:none}.focusbar{padding-left:8px}#panel-toggle{display:inline-flex!important}}.tracks-handle{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px 4px;border-top:1px solid var(--line);background:var(--panel);touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none}.tracks-handle[hidden]{display:none}.tracks-grip{position:absolute;left:50%;top:4px;width:44px;height:5px;margin-left:-22px;border-radius:var(--radius-xs);background:var(--line)}.tracks-handle.active .tracks-grip,.tracks-handle:hover .tracks-grip{background:var(--accent)}.tracks-handle button{min-width:44px;min-height:40px}.tracks-handle .spacer{flex:1}.tracks-time{cursor:pointer;font-variant-numeric:tabular-nums}.tracks-size:after{content:"▴";margin-left:6px;display:inline-block;transition:transform .15s}.tracks-size[data-state=full]:after{transform:rotate(180deg)}body.sheet-ws #splitter{display:none}body.sheet-peek:not(.quick) #strip,body.sheet-peek:not(.quick) .audio-tracks{display:none!important}body.sheet-full .strip-track{height:min(var(--track-h),70vh)!important}body.quick .tracks-handle,body.ui-hidden .tracks-handle{display:none}body.sheet-ws .audio-tracks{display:none!important}.rail.audio .audio-block{top:4px;bottom:4px;height:auto;background:#3a3320;border:1px solid #8a7430;border-radius:var(--radius);overflow:hidden;cursor:pointer;padding:0}.rail.audio .audio-block canvas{display:block;width:100%;height:100%}.rail.audio.off .audio-block{filter:grayscale(1);opacity:.6}.audio-block{touch-action:pan-y;cursor:grab}.audio-block.dragging{cursor:grabbing;outline:2px solid var(--key);z-index:3}.audio-block .ab-edge{position:absolute;top:0;bottom:0;width:12px;cursor:ew-resize;background:linear-gradient(90deg,#e8c45a8c,#e8c45a00)}.audio-block .ab-edge.in{left:0}.audio-block .ab-edge.out{right:0;transform:scaleX(-1)}.mrow.audio .mright{position:relative}.mrow.audio .audio-block{position:absolute;top:5px;bottom:5px;margin:0;background:#3a3320;border:1px solid #8a7430;border-radius:var(--radius);overflow:hidden;padding:0}.mrow.audio .audio-block canvas{display:block;width:100%;height:100%}.mrow.audio.off .audio-block{filter:grayscale(1);opacity:.6}body.ws-motion .audio-tracks{display:none!important}.bub-slider{display:inline-flex;align-items:center;gap:6px;padding:0 8px;height:34px;border-radius:var(--pill);background:var(--panel-2);font-size:12px;color:var(--ink, #ddd);white-space:nowrap}.bub-slider input[type=range]{width:72px;accent-color:var(--accent);touch-action:none}.xs-acts{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.xs-group{display:inline-flex;gap:4px;padding:3px;border-radius:var(--radius-md);background:var(--panel-2)}.xs-group button{min-width:40px;min-height:38px;padding:0 8px}.xs-group button.danger{color:var(--danger)}.lc-switch{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:0 10px;border-radius:var(--pill);background:transparent;border:0;color:inherit;font:inherit;text-align:left}.lc-switch:hover{background:var(--panel-2)}.lc-switch-knob{position:relative;width:38px;height:22px;border-radius:var(--pill);background:#4a4a56;transition:background .15s;flex:0 0 auto}.lc-switch-knob:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.lc-switch.on .lc-switch-knob{background:var(--accent)}.lc-switch.on .lc-switch-knob:after{transform:translate(16px)}.lc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}.lc-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 2px;border-radius:var(--radius-md);background:var(--panel-2);border:0;color:inherit;font-size:11px;line-height:1.1}.lc-tile .ico{width:20px;height:20px}.lc-tile.danger{color:var(--danger)}.lc-tile:active{transform:scale(.96)}.paint-target.mask-target{background:#b3263f;color:#fff}.quickbar .quick-exit{min-width:40px}.quickbar .quick-exit .lbl{display:none}.bub-sep{flex:0 0 auto;width:1px;height:26px;margin:0 2px;background:var(--line)}.bub-slider .bub-num{min-width:28px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.tracks-add{min-height:40px}.audio-card{position:fixed;z-index:60;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100vw - 24px));max-height:70dvh;overflow:auto;padding:0 14px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0008}.audio-card-head{position:sticky;top:0;display:flex;align-items:center;gap:8px;min-height:52px;background:var(--panel);font-weight:600;touch-action:none}.audio-card-head:before{content:"";position:absolute;left:50%;top:5px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line)}.audio-card-head>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-card-x{width:44px;height:44px;font-size:18px}.audio-card-del{height:44px;flex-shrink:0}.audio-card .audio-controls{display:flex;flex-wrap:wrap;gap:8px}.audio-card .audio-controls label{display:flex;flex-direction:column;gap:2px;font-size:12px}.audio-card .audio-controls input{width:110px;min-height:36px}.audio-card .audio-controls button{min-height:40px}.audio-card .audio-scrub{display:flex;gap:6px;align-items:center;margin-top:10px}.bub-modes,.bub-tools{position:absolute;top:8px;z-index:8;display:flex;align-items:center;gap:6px;padding:4px;border-radius:var(--pill);background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 10px #00000059}.bub-modes{left:60px}.bub-tools{right:60px}.bub-tools:empty{display:none}.bub{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:18px}.bub .lbl{display:none}.bub .ico{width:22px;height:22px}.bub[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.bub-color{background:var(--chip, #fff);border:3px solid var(--panel-2);box-shadow:0 0 0 1px var(--line)}.bub-color[aria-pressed=true]{background:var(--chip, #fff)}.bub-name{font-size:13px;color:var(--muted);padding:0 10px 0 4px;white-space:nowrap}.bub-ctx{position:absolute;top:66px;right:60px;z-index:8;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 140px);padding:6px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 10px #00000059}.bub-ctx[hidden]{display:none}.bub-chip{min-height:40px;padding:0 14px;border-radius:var(--pill);white-space:nowrap}.bub-chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.bub-hint{font-size:13px;color:var(--muted);padding:0 8px;align-self:center}.bub-level{position:absolute;z-index:60;top:calc(max(8px,env(safe-area-inset-top)) + 5px);right:max(8px,env(safe-area-inset-right));width:44px;height:44px;min-height:44px;border-radius:var(--radius-md);background:var(--panel-2);box-shadow:0 2px 10px #0006;font-size:20px}body.ui-full .bub-modes,body.ui-full .bub-tools{display:none!important}body.ui-full .bub-ctx{top:8px;right:60px;left:auto;max-width:calc(100% - 140px)}body.ui-simple:not(.quick) .topbar,body.ui-clean:not(.quick) .topbar,body.ui-simple .focusbar,body.ui-clean .focusbar{display:none!important}body.ui-clean .bub-modes{display:none!important}.bub-levelmenu{position:absolute;z-index:61;top:63px;right:8px;display:flex;flex-direction:column;gap:2px;width:240px;padding:6px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 24px #00000073}.bub-levelmenu[hidden]{display:none}.bub-levelmenu button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;border-radius:var(--radius);border:0;background:transparent;color:inherit;text-align:left;font:inherit}.bub-levelmenu button span{font-size:11px;opacity:.7}.bub-levelmenu button[aria-checked=true]{background:color-mix(in srgb,var(--accent) 22%,transparent)}.bub-levelmenu button:hover{background:var(--panel-2)}body.ui-clean:not(.quick) #strip,body.ui-clean:not(.quick) #board,body.ui-clean:not(.quick) #motion,body.ui-clean .tracks-handle,body.ui-clean .audio-tracks,body.ui-clean #splitter{display:none!important}body.quick .bub-modes,body.quick .bub-tools,body.quick .bub-ctx,body.ui-hidden .bub-modes,body.ui-hidden .bub-tools,body.ui-hidden .bub-ctx,body.ui-hidden .bub-level{display:none!important}@media(max-width:700px){.bub-name{display:none}.bub-tools{top:62px;right:8px;left:auto;max-width:calc(100% - 16px);flex-wrap:wrap}.bub-ctx{top:var(--tools-bottom, 116px);right:8px;max-width:calc(100% - 16px)}}body.ui-simple .paint-target,body.ui-clean .paint-target{top:calc(var(--top-clear, 110px) + 4px);left:70px;transform:none;max-width:calc(50% - 60px)}@media(max-width:700px){body.ui-simple .paint-target,body.ui-clean .paint-target{left:8px;max-width:calc(100% - 16px)}}body.flipmode .tracks-handle,body.flipmode #strip,body.flipmode .audio-tracks,body.flipmode #splitter,body.flipmode .paint-target,body.flipmode #stats,body.quick .flip-row{display:none!important}.audio-card{touch-action:pan-y}.bub-meter{position:relative;width:44px;height:40px;border-radius:var(--pill);border:1px solid var(--line);background:var(--panel-2);touch-action:none;cursor:ns-resize;overflow:hidden}.bub-meter-fill{position:absolute;left:6px;right:6px;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--accent);box-shadow:0 -8px 0 var(--line),0 8px 0 var(--line)}.bub-meter.active{border-color:var(--accent)}.bub-chip.icon{width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.bub-chip.icon .lbl{display:none}.bub-chip.icon .ico{width:22px;height:22px}.layercards{position:fixed;z-index:150;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#26262dfa;box-shadow:0 12px 36px #0000008c;overflow:hidden}.layercards[hidden]{display:none}.lc-head{display:flex;align-items:center;gap:6px}.lc-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;padding-left:4px}.lc-icon{width:44px;height:44px;min-height:44px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.lc-icon .lbl{display:none}.lc-icon[data-state=fade]{opacity:.6}.lc-icon[data-state=hide]{opacity:.35}.lc-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;touch-action:pan-y;padding:2px}.lc-card{display:flex;align-items:center;gap:10px;min-height:60px;padding:6px;border-radius:var(--radius-md);background:var(--panel-2);border:2px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .05s}.lc-card.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--panel-2))}.lc-card.off .lc-thumb,.lc-card.off .lc-info{opacity:.45}.lc-card.linked{box-shadow:inset 4px 0 0 var(--key)}.lc-card.lifting{position:relative;z-index:2;box-shadow:0 8px 24px #0009;opacity:.95}.lc-thumb{width:72px;height:48px;border-radius:var(--radius);flex:0 0 auto}.lc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-tags{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-eye{width:40px;height:40px;min-height:40px;padding:0;border-radius:var(--radius-md);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.lc-eye .lbl{display:none}.lc-eye[aria-pressed=false]{opacity:.4}.lc-options{display:flex;flex-wrap:wrap;gap:6px;padding:4px 2px 8px 10px}.lc-opt{min-height:40px;padding:0 12px;border-radius:var(--pill);display:inline-flex;align-items:center;gap:6px}.lc-opt.danger{color:#ff8a9a}body.ui-simple #stats,body.ui-clean #stats{display:none!important}.strip-more{display:none}body.ui-simple .strip-more{display:inline-flex}body.ui-simple .nav-row:not(.show-extra) [data-extra]{display:none!important}.tracks-handle .nav-row{flex:0 1 auto;min-width:0;padding:0;gap:4px;cursor:default;touch-action:pan-x}.strip-bar:empty{display:none}body.ui-simple .strip-bar button.has-ico .lbl,body.ui-simple .nav-row button.has-ico .lbl,body:not(.ui-full) .tracks-size .lbl{display:none}body.ui-simple .strip-bar button.has-ico,body.ui-simple .nav-row button.has-ico{min-width:40px;padding:0 8px}.tracks-handle>*{flex-shrink:0;white-space:nowrap}.tracks-handle>.nav-row{flex-shrink:1}body.ui-simple .shape-pop,body.ui-clean .shape-pop{display:none!important}.bub-ctx{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.bub-ctx::-webkit-scrollbar{display:none}body.ui-simple .board-bar,body.ui-clean .board-bar{display:none}.lc-row{display:flex;align-items:center;gap:8px;width:100%;font-size:13px}.lc-row input[type=range],.lc-row select{flex:1;min-width:0;min-height:44px}.lc-row output{min-width:40px;text-align:right}.lc-card.clipped{margin-left:22px;position:relative}.lc-card.clipped:before{content:"↳";position:absolute;left:-18px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px}.lc-opt.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.sidebar .eyedrop{width:44px;height:44px;min-height:44px;padding:0;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center}.sidebar .eyedrop .lbl{display:none}.sidebar .eyedrop[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}body.eyedropping #canvas{cursor:crosshair}.colordrop-dot{position:fixed;z-index:200;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 10px #00000080;pointer-events:none}.tip-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tip-preview{width:48px;height:48px;border-radius:var(--radius);border:1px solid var(--line)}.xs-head,.xs-row{grid-template-columns:60px 72px 52px 1fr}.xs-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail.more{background:transparent}.rail.more .rail-more{color:var(--muted);font-size:12px}body.ui-simple .motion [data-dup],body.ui-clean .motion [data-dup]{display:none!important}.mmore{min-height:32px;display:flex;align-items:center;padding-left:8px}.mmore-btn{color:var(--muted);font-size:12px;min-height:30px}body:not(.ui-full) .sidebar,body.ui-full.bar-collapsed .sidebar,body.ui-full.tools-folded .sidebar{--sidebar-top: var(--side-top, 72px);top:var(--side-top, 72px);transform:none;max-height:calc(100% - var(--side-top, 72px) - 10px)}@media(max-width:480px){.bub-tools,.bub-modes{gap:3px}.bub-tools .bub,.bub-modes .bub{width:36px;height:36px;min-height:36px}.bub-tools .bub .ico,.bub-modes .bub .ico{width:20px;height:20px}.bub-modes{left:60px}body:not(.painting-workspace) .dock,body:not(.painting-workspace) .bub-level{top:calc(max(8px,env(safe-area-inset-top)) + 1px)}}.stats{left:70px}.timing-controls button{white-space:nowrap}.lc-back{display:block;width:100%;margin:0 0 6px;padding:8px 10px;border-radius:var(--radius);border:0;background:var(--panel-2);color:inherit;text-align:left;font:inherit;font-weight:600}.lc-back-in{font-weight:400;opacity:.65}.lc-card.group{border-style:dashed}.lc-fold{flex:0 0 auto;width:14px;text-align:center;opacity:.8}.lc-more{flex:0 0 auto;min-width:32px;min-height:32px;padding:0;border-radius:50%;border:0;background:transparent;color:inherit;font-size:18px}.lc-card.child{margin-left:22px;min-height:44px;opacity:.92}.lc-card.child .lc-thumb{width:54px;height:36px}.lc-part{display:flex;align-items:center;gap:6px;padding:2px 0;width:100%;min-width:0}.lc-part-name{min-width:52px;min-height:44px;border-radius:var(--pill);border:0;background:var(--panel-2);color:inherit;font:inherit}.lc-part.paint .lc-part-name{background:var(--accent);color:var(--on-accent)}.lc-part-eye{width:44px;min-height:44px;flex:0 0 44px;padding:0;border-radius:50%;border:0;background:transparent;color:inherit}.lc-part-eye[aria-pressed=false]{opacity:.4}.lc-part input[type=range]{flex:1;min-width:0;min-height:44px;accent-color:var(--accent)}.lc-part output{min-width:36px;text-align:right;font-size:12px;opacity:.8}.lc-part-eye .lbl{display:none}.lc-part-eye,.lc-part-eye[aria-pressed=true]{background:transparent!important;color:inherit!important;border:0!important}.cp-palhead{display:flex;align-items:center;gap:6px;margin-top:8px}.cp-palhead .cp-label{margin:0;flex:0 0 auto}.cp-palsel{flex:1;min-width:0;min-height:32px;border-radius:var(--radius);background:var(--panel-2);color:inherit;border:1px solid var(--line)}.cp-palbtn{min-width:32px;min-height:32px;padding:0;border-radius:50%;border:0;background:var(--panel-2);color:inherit;font-size:18px}.share{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.share[hidden]{display:none}.share-head{display:flex;align-items:center;gap:12px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--line)}.share-back{min-width:44px;min-height:44px;border-radius:50%;padding:0}.share-back .lbl{display:none}.share-title{font-size:16px;font-weight:700}.share-sub{opacity:.65;font-size:13px}.share-body{flex:1;min-height:0;display:flex;gap:0}.share-stage{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;background:#15151a}.share-canvas{box-shadow:0 6px 30px #00000080;border-radius:var(--radius-xs)}.share-transport{display:flex;align-items:center;gap:10px;width:min(720px,100%)}.share-transport button{min-width:44px;min-height:44px;border-radius:50%;padding:0}.share-transport button .lbl{display:none}.share-play{background:var(--accent);color:var(--on-accent)}.share-scrub{flex:1;accent-color:var(--accent)}.share-time{min-width:92px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px;opacity:.8}.share-side{width:340px;flex:0 0 auto;overflow-y:auto;padding:14px 16px;border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:8px}.share-side h3{margin:8px 0 2px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.share-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}.share-row select{min-height:36px;max-width:60%}.share-row.toggle{justify-content:flex-start}.share-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.share-checks li{padding:6px 10px 6px 28px;border-radius:var(--radius);background:var(--panel-2);position:relative}.share-checks li:before{position:absolute;left:9px;top:6px}.share-checks li.ok:before{content:"✓";color:#4ade80}.share-checks li.warn:before{content:"!";color:var(--key);font-weight:700}.share-summary{margin:4px 0 0;font-size:13px;opacity:.85}.share-status{margin:0;font-size:13px;opacity:.8;min-height:1em}.share-progress{width:100%}.share-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.share-foot .primary,.share-go.primary{flex:1;min-height:48px;font-size:15px;font-weight:600;background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--radius-md);text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.share-foot button{min-height:48px;border-radius:var(--radius-md)}.share-result{width:100%;border-radius:var(--radius);background:#000}@media(max-width:760px){.share-body{flex-direction:column;overflow-y:auto}.share-stage{flex:0 0 auto;min-height:46vh}.share-side{width:auto;border-left:0;border-top:1px solid var(--line);overflow:visible}}.scroll-arrow{position:sticky;z-index:4;flex:0 0 auto;align-self:center;width:30px;min-width:30px!important;height:36px;min-height:36px;padding:0;border-radius:var(--pill);border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:22px;line-height:1;box-shadow:0 2px 10px #00000073;touch-action:none}.scroll-arrow.left{left:0;margin-right:-6px}.scroll-arrow.right{right:0;margin-left:-6px}.scroll-arrow[hidden],body.ws-time .sidebar .vslider,body.ws-time .sidebar #eyedrop,body.ws-time .paint-target{display:none!important}body.ws-time #canvas{cursor:ew-resize}.bub-hold{min-width:34px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.xs-holdcol{display:flex;align-items:center;justify-content:center;border-right:1px solid #30303a}.xs-hold{min-width:40px;height:22px;min-height:22px;padding:0 8px;border-radius:var(--pill);border:1px solid var(--line);background:var(--panel-2);color:inherit;font:inherit;font-size:12px;font-weight:700;line-height:20px;touch-action:none;cursor:ew-resize}.xs-hold.sliding{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:scale(1.12)}.xs-holdedit{display:inline-flex;align-items:center;gap:2px;position:relative;z-index:2}.xs-holdedit button{min-width:28px;height:24px;min-height:24px;padding:0;border-radius:var(--radius-md);font-weight:700}.xs-holdedit input{width:42px;height:24px;text-align:center}.fxpanel{position:fixed;z-index:66;top:120px;right:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 140px);overflow-y:auto;padding:10px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 34px #00000080;display:flex;flex-direction:column;gap:8px}.fxpanel[hidden]{display:none}.fx-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.fx-x.has-ico{flex:0 0 44px;min-width:44px;min-height:44px;border-radius:50%;padding:0}.fx-card{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--radius-md);background:var(--panel-2)}.fx-card.off{opacity:.6}.fx-top{display:flex;align-items:center;gap:6px}.fx-top .lc-switch{flex:1}.fx-seg{display:flex;gap:4px;flex-wrap:wrap}.fx-seg button{flex:1;min-height:34px;border-radius:var(--radius);font-size:12px;padding:0 6px}.fx-seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.fx-seg.small button{min-height:30px;font-size:11px}.fx-row{display:flex;align-items:center;gap:8px;font-size:12px}.fx-row>span:first-child{min-width:58px;opacity:.8}.fx-row input[type=range]{flex:1;accent-color:var(--accent)}.fx-row output{min-width:46px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.fx-reseed{align-self:flex-start;min-height:32px;border-radius:var(--radius);font-size:12px}.fx-add{display:flex;gap:6px;flex-wrap:wrap}.fx-add button{min-height:40px;border-radius:var(--radius-md)}.bub-color2{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--chip, #fff);border:2px solid var(--line);box-shadow:inset 0 0 0 2px var(--panel);cursor:pointer}.bub-color2 input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}body.ui-full .bub-ctx[hidden]{display:none!important}body.ui-full.bar-collapsed:not(.quick):not(.ui-hidden) .bub-modes,body.ui-full.bar-collapsed:not(.quick):not(.ui-hidden) .bub-tools,body.ui-full.tools-folded:not(.quick):not(.ui-hidden) .bub-modes,body.ui-full.tools-folded:not(.quick):not(.ui-hidden) .bub-tools{display:flex!important}body.ui-full.bar-collapsed .bub-tools:empty,body.ui-full.tools-folded .bub-tools:empty{display:none!important}body.ui-full.bar-collapsed .bub-ctx,body.ui-full.tools-folded .bub-ctx{top:66px}@media(max-width:700px){body.ui-full.bar-collapsed .bub-ctx,body.ui-full.tools-folded .bub-ctx{top:var(--tools-bottom, 116px)}}body.ui-full.bar-collapsed:not(.quick) .paint-target,body.ui-full.tools-folded:not(.quick) .paint-target{top:calc(var(--top-clear, 110px) + 4px);left:70px;transform:none;max-width:calc(50% - 60px)}@media(max-width:700px){body.ui-full.bar-collapsed:not(.quick) .paint-target,body.ui-full.tools-folded:not(.quick) .paint-target{left:8px;max-width:calc(100% - 16px)}}.fx-row[hidden],.fx-reseed[hidden]{display:none!important}.fx-row select{flex:1;min-width:0;min-height:34px;background:var(--panel-2);color:inherit;border:1px solid var(--line);border-radius:var(--radius);padding:0 8px}#stage.bub-stack .bub-tools{top:62px;right:8px;left:auto;max-width:calc(100% - 16px)}#stage.bub-stack .bub-ctx{top:var(--tools-bottom, 116px);right:8px;max-width:calc(100% - 16px)}@media(max-width:700px){body.ui-full:not(.bar-collapsed):not(.tools-folded) .paint-target{top:calc(var(--top-clear, 56px) + 4px);left:64px;transform:none;max-width:calc(100% - 72px)}}.bub-hold{white-space:nowrap}.flip-row{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:9;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 12px #0006}.flip-row[hidden]{display:none}.playback-range-button{white-space:nowrap;min-height:44px;flex-shrink:0;font-variant-numeric:tabular-nums}body.ui-simple .strip-bar button.playback-range-button .lbl,body.ui-simple .nav-row button.playback-range-button .lbl{display:inline}.range-gesture-enabled .flip-ruler{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.range-gesture-enabled .strip-ruler{position:absolute;inset:0 0 auto;height:18px;z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.playback-range-preview{z-index:5;background:color-mix(in srgb,var(--accent) 45%,transparent);border-style:dashed}.playback-range-gesture-hint{position:fixed;z-index:100;padding:8px 12px;border-radius:var(--radius);background:var(--panel);color:var(--text);border:1px solid var(--accent);font-size:13px;pointer-events:none;white-space:nowrap}.playback-range-button[data-active=true]{border-color:var(--accent);color:var(--accent)}.playback-range-band{position:absolute;top:0;height:18px;box-sizing:border-box;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:var(--radius-xs);pointer-events:none;z-index:3}.playback-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.playback-range-field{display:flex;flex-direction:column;gap:8px;min-width:0}.playback-range-field input{width:100%;box-sizing:border-box;min-height:44px;font-size:16px}.playback-range-dialog button{min-height:44px}.playback-range-error{color:var(--accent);min-height:1.4em;font-size:13px}.playback-range-dialog .vfoot{flex-wrap:wrap}.flip-head{display:flex;align-items:center;gap:6px}.flip-actions{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;touch-action:pan-x}.flip-btn{flex:0 0 auto;min-width:44px;min-height:44px;height:44px;padding:0 10px;border-radius:var(--pill);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.flip-btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.flip-add{border:2px solid var(--accent)}.flip-count{flex:0 0 auto;min-width:64px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.flip-scroll{position:relative;overflow:auto;max-height:min(var(--flip-tracks-height, 174px),clamp(74px,calc(100dvh - 540px),174px));scrollbar-width:thin;touch-action:pan-y;border-radius:var(--radius-md);background:var(--panel-2);overscroll-behavior:contain}.flip-grid{position:relative;min-width:100%;padding-top:20px}.flip-ruler{position:absolute;left:0;right:0;top:0;height:18px;pointer-events:none}.flip-ruler span{position:absolute;top:2px;width:44px;text-align:center;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.flip-ruler span.sec{color:var(--text);font-weight:700}.flip-track{position:relative;height:50px;display:flex}.flip-track.off .flip-cells{opacity:.4}.flip-eye{position:sticky;left:0;z-index:2;flex:0 0 46px;width:46px;height:46px;min-height:46px;margin:2px 0;padding:0;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--panel)}.flip-check{width:20px;height:20px;border-radius:var(--radius);border:2px solid var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.flip-eye[aria-pressed=true] .flip-check{background:var(--text);color:var(--panel);border-color:var(--text)}.flip-track.active .flip-eye{box-shadow:inset 0 0 0 2px var(--accent)}.flip-name{max-width:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted)}.flip-cells{position:relative;flex:1 0 auto}.flip-cel{position:absolute;top:3px;height:44px;border-radius:var(--radius);overflow:hidden;background:#fff;border:2px solid transparent;box-sizing:border-box;cursor:pointer}.flip-cel canvas{display:block;height:100%;width:auto;max-width:56px}.flip-cel.empty{background:#8a8a92}.flip-cel.here{border-color:var(--muted)}.flip-cel.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.flip-track:not(.active) .flip-cel{opacity:.85}.flip-hold{position:absolute;right:16px;bottom:2px;font-size:10px;font-weight:700;color:#333;background:#ffffffd9;border-radius:var(--radius);padding:0 4px}.flip-role{position:absolute;left:2px;top:1px;font-size:10px}.flip-trim{position:absolute;right:0;top:0;bottom:0;width:14px;background:var(--accent);cursor:ew-resize;touch-action:none}.flip-trim:after{content:"";position:absolute;left:5px;top:30%;bottom:30%;width:4px;border-left:1px solid #fff;border-right:1px solid #fff}.flip-trim:focus-visible{outline:2px solid white;outline-offset:-3px}.flip-playhead{position:absolute;top:0;bottom:0;width:44px;margin-left:0;pointer-events:none;z-index:1;background:color-mix(in srgb,var(--accent) 14%,transparent);border-left:2px solid var(--accent)}@media(max-width:700px){.flip-btn{font-size:0;gap:0}.flip-btn svg{margin:0}}.flip-icon{width:40px;padding:0;justify-content:center}.fxpanel{display:flex;flex-direction:column;gap:8px;overflow:hidden}.fx-head{flex-wrap:nowrap}.fx-head strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-mode{flex:0 0 auto}.fx-mode button{flex:0 0 auto;padding:0 10px}.fx-order{margin:0;font-size:11px}.fx-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;flex:1 1 auto;max-height:calc(100vh - 330px);overscroll-behavior:contain;padding-right:2px}.fx-card{flex:0 0 auto;gap:0;padding:4px;transition:transform .12s}.fx-card.dragging{transition:none;z-index:2;position:relative;box-shadow:0 6px 18px #00000073;outline:2px solid var(--accent)}.fx-card.off .fx-name{text-decoration:line-through;opacity:.7}.fx-card.off{opacity:.75}.fx-top{touch-action:pan-y;gap:4px}.fx-grip{flex:0 0 32px;width:32px;min-height:40px;padding:0;border-radius:var(--radius);background:transparent;cursor:grab;touch-action:none;opacity:.7;font-size:16px}.fx-title{flex:1;min-width:0;min-height:40px;display:flex;align-items:center;gap:6px;padding:0 6px;border-radius:var(--radius);background:transparent;text-align:left}.fx-chev{width:12px;opacity:.7}.fx-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.fx-badge{flex:0 0 auto;font-size:10px;padding:2px 6px;border-radius:var(--radius);background:var(--panel);color:var(--muted)}.fx-switch{flex:0 0 auto;min-height:40px;padding:0 4px;background:transparent}.fx-switch.on .lc-switch-knob{background:var(--accent)}.fx-switch.on .lc-switch-knob:after{transform:translate(16px)}.fx-more{flex:0 0 44px;width:44px;min-height:44px;padding:0;border-radius:var(--radius);background:transparent}.fx-actions{display:flex;gap:4px;padding:4px 2px 2px}.fx-actions button{flex:1;min-height:34px;border-radius:var(--radius);font-size:12px;padding:0 4px}.fx-actions button.danger{background:#b3263f;color:#fff}.fx-actions button.danger .lbl{display:none}.fx-actions button:disabled{opacity:.4}.fx-body{display:flex;flex-direction:column;gap:6px;padding:6px 4px 4px;border-top:1px solid var(--line);margin-top:2px}.fx-add{flex:0 0 auto}.fx-switch{flex:0 0 48px;width:48px;display:inline-flex;align-items:center;justify-content:center}.fx-switch .lc-switch-knob{display:inline-block}.fx-badge{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-card.picked{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-2))}.lc-batch{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;margin-bottom:6px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 16%,var(--panel-2))}.lc-batch-top{flex:1 0 100%;display:flex;align-items:center;justify-content:space-between}.lc-batch-n{font-size:12px;font-weight:700}.lc-batch .lc-opt{flex:1 1 auto;min-height:36px;font-size:12px}.lc-batch-x{min-width:32px;min-height:32px;padding:0}.lc-swipe-hint{margin:0 0 6px;font-size:11px}body.ui-clean .flip-adv{display:none!important}.flip-view{margin-left:auto}body.flipmode .sidebar{--sidebar-top: 8px;--sidebar-bottom: var(--flip-h, 240px);top:8px;transform:none;max-height:calc(100% - var(--flip-h, 240px) - 16px)}body.flipmode:not(.ui-full) .sidebar,body.flipmode.ui-full.bar-collapsed .sidebar,body.flipmode.ui-full.tools-folded .sidebar{--sidebar-top: var(--side-top, 72px);top:var(--side-top, 72px);max-height:calc(100% - var(--side-top, 72px) - var(--flip-h, 240px))}.sidebar.compact{top:auto!important;bottom:calc(var(--sidebar-bottom) + 10px);transform:none!important;max-height:calc(100% - var(--sidebar-bottom) - 16px)!important}.stage:has(.sidebar.compact) .painting-brush-handle[aria-expanded=true]{left:auto;right:0;width:80px;padding:2px 4px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.pgrad{flex:0 0 auto;min-width:26px;min-height:26px;height:26px;padding:0 4px;border-radius:var(--radius);font-size:13px;line-height:1;background:transparent;opacity:.7}.pgrad.on{opacity:1;color:var(--accent)}.lc-stack{display:flex;align-items:center;gap:6px;margin-top:4px;padding:4px 4px 4px 2px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel-2) 60%,transparent)}.lc-stack.here{box-shadow:inset 3px 0 0 var(--accent)}.lc-stack-fold{flex:1;min-width:0;min-height:40px;display:flex;align-items:center;gap:6px;padding:0 6px;background:transparent;text-align:left}.lc-stack-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-stack .lc-icon{flex:0 0 auto}.lc-card.in-stack{margin-left:16px}.bcard>*{flex:0 0 auto}.bfield.bline{min-height:30px}.bthumb{max-height:150px;object-fit:contain}.refwin{position:fixed;z-index:60;display:flex;flex-direction:column;min-width:180px;min-height:150px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 24px #00000073;overflow:hidden}.refwin[hidden]{display:none}.ref-head{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;cursor:move;touch-action:none;flex:0 0 auto}.ref-seg{display:flex;gap:2px;flex:0 0 auto}.ref-seg button{min-height:44px;padding:0 8px;border-radius:var(--radius);font-size:12px;white-space:nowrap}.ref-seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.ref-btn{flex:0 0 auto;min-width:44px;min-height:44px;padding:0 6px;border-radius:var(--radius);background:transparent}.ref-btn .lbl{display:none}.ref-btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.ref-x{margin-left:auto}.ref-count{flex:0 0 auto;min-width:34px;text-align:center;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.refwin.mode-canvas .ref-img,.refwin.mode-canvas .ref-count{display:none}.ref-body{position:relative;flex:1 1 auto;min-height:0;background:var(--panel-2);touch-action:none}.ref-body.over{outline:2px dashed var(--accent);outline-offset:-4px}.ref-view{position:absolute;inset:0;width:100%;height:100%}.refwin.dropping .ref-view{cursor:crosshair}.ref-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:12px;color:var(--muted)}.ref-empty[hidden]{display:none}.ref-grip{position:absolute;right:0;bottom:0;width:22px;height:22px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,var(--muted) 50%,var(--muted) 58%,transparent 58%,transparent 70%,var(--muted) 70%,var(--muted) 78%,transparent 78%);opacity:.7}.flip-handle{align-self:center;width:100%;height:14px;margin:-4px 0 -2px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.flip-handle-bar{width:44px;height:5px;border-radius:var(--radius-xs);background:var(--muted);opacity:.6}.flip-handle:hover .flip-handle-bar{opacity:1}.flip-row.mini{right:auto;bottom:auto;width:min(380px,calc(100% - 16px));box-shadow:0 8px 28px #00000080}.flip-row.mini .flip-track:not(.active){display:none}.flip-row.mini .flip-adv,.flip-row.mini .flip-count{display:none!important}.flip-row.mini .flip-btn{font-size:0;gap:0;padding:0 9px}.flip-row.mini .flip-btn svg{margin:0}.flip-row>.flip-head,.flip-row>.flip-scroll{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.share-stamp{border:1px solid var(--line);border-radius:var(--radius-md);padding:6px 10px 8px;margin:6px 0 0;display:flex;flex-direction:column;gap:6px}.share-stamp legend{font-size:12px;font-weight:700;padding:0 4px}.share-stamp [hidden]{display:none!important}.flip-track .flip-eye,.flip-track .flip-eye[aria-pressed]{border-left:4px solid var(--tag, transparent)!important}.flip-track.clip .flip-eye:after{content:"↳";position:absolute;left:3px;top:2px;font-size:10px;color:var(--muted)}.flip-track.masked .flip-eye:before{content:"◐";position:absolute;right:3px;top:2px;font-size:10px;color:var(--muted)}.flip-eye{position:sticky}.bl-cats button.drop{outline:2px dashed var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 20%,var(--panel-2))}.bl-new{opacity:.8;font-size:12px}.bl-ghost{position:fixed;z-index:90;width:180px;pointer-events:none;opacity:.85;box-shadow:0 8px 24px #00000080;border-radius:var(--radius-md)}.bl-card{touch-action:pan-y}.bl-list{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:2px}.bl-card,.bl-preview{flex:0 0 auto}.bl-cats{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.bl-cats button{flex:0 0 auto}@media(max-width:600px){.bl-cats{overflow-y:hidden;touch-action:pan-x}}.flip-eye{touch-action:none}.flip-track.lifting{z-index:3;opacity:.9;box-shadow:0 6px 18px #00000073;transition:none}.flip-grid.thin .flip-cel canvas,.flip-grid.thin .flip-hold,.flip-grid.thin .flip-role{display:none}.flip-grid.thin .flip-cel{border-width:1px;border-radius:var(--radius-xs)}.flip-ruler span{width:auto}.painting-header,.painting-views,.painting-handle{display:none}body.painting-workspace .painting-header{position:absolute;top:var(--ph-top, 8px);left:var(--ph-left, 60px);z-index:12;display:flex;gap:6px;padding:4px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line)}body.painting-workspace .painting-header button{min-height:44px;padding:0 10px}body.painting-workspace .painting-views{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 10px;background:var(--panel);border-top:1px solid var(--line);overflow-x:auto;white-space:nowrap;touch-action:pan-x}.painting-views button{flex:0 0 auto;min-height:44px}.painting-views button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.painting-purpose{color:var(--muted);font-size:12px;margin-right:auto}body.painting-workspace .painting-handle{display:block;min-height:44px;font-size:12px}body.painting-workspace .painting-tools-handle,body.painting-workspace .painting-options-handle,body.painting-workspace .painting-brush-handle{position:absolute;z-index:13;background:var(--panel);border:1px solid var(--line)}.painting-tools-handle{right:0;top:70px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.painting-options-handle{right:0;top:120px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.painting-brush-handle{left:0;bottom:12px;border-radius:0 var(--radius-md) var(--radius-md) 0}body.painting-workspace .topbar,body.painting-workspace .focusbar{display:none!important}body.painting-workspace:not(.quick):not(.ui-hidden) .bub-modes{display:flex!important}body.painting-workspace .bub-tools{display:flex!important;top:var(--pt-top, 68px);right:70px;left:auto;max-width:calc(100% - 78px);flex-wrap:wrap}body.painting-workspace .bub-ctx{top:var(--tools-bottom, 126px);right:70px;max-width:calc(100% - 90px)}body.painting-tools-folded .bub-tools,body.painting-options-folded .bub-ctx,body.painting-brush-folded .sidebar,body.painting-still .tracks-handle,body.painting-still #strip,body.painting-still #splitter,body.painting-still .audio-tracks,body.painting-editor-folded .tracks-handle,body.painting-editor-folded #strip,body.painting-editor-folded #splitter,body.painting-editor-folded .flip-row,body.painting-editor-folded .audio-tracks,body.painting-workspace .paint-target,body.painting-workspace #stats,body.quick .painting-header,body.quick .painting-views,body.quick .painting-handle,body.ui-hidden .painting-header,body.ui-hidden .painting-views,body.ui-hidden .painting-handle,.painting-header[hidden],.painting-views[hidden],.painting-handle[hidden],.painting-views button[hidden]{display:none!important}@media(max-width:700px){.painting-purpose{display:none}}body.painting-workspace.flipmode .painting-brush-handle{bottom:calc(var(--flip-h, 180px) + 8px)}@media(min-width:420px)and (max-height:500px){body.painting-workspace.flipmode .stage:has(.sidebar.compact) .painting-brush-handle[aria-expanded=true]{right:70px}}.painting-brush-handle{left:64px}.ink-paint-colour{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;font-size:12px;white-space:nowrap}.ink-paint-colour input{width:44px;height:44px;padding:2px;cursor:pointer}.quick-menu-trigger{position:absolute;z-index:14;min-width:44px;height:44px;border-radius:var(--radius-md);padding:0 8px;background:var(--panel);border:1px solid var(--line);gap:4px;font-size:12px}.quick-menu-trigger[data-edge=left]{left:max(8px,env(safe-area-inset-left));right:auto}.quick-menu-trigger[data-edge=right]{right:max(8px,env(safe-area-inset-right));left:auto}.quick-menu-trigger[hidden],body.ui-hidden .quick-menu-trigger,body.gallery-open .quick-menu-trigger,body.share-open .quick-menu-trigger,body.drawing .quick-menu-trigger{display:none}.quick-menu-backdrop{position:fixed;inset:0;z-index:70;touch-action:none}.quick-menu-popup{position:fixed;width:min(312px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:0 12px 36px #0009}.quick-menu-head{display:flex;align-items:center;padding:4px 8px 0 16px;gap:8px}.quick-menu-head strong{flex:1;font-size:13px}.quick-menu-popup button{min-height:44px;border-radius:var(--radius-md)}.quick-menu-head .icon-only{width:44px;padding:0;justify-content:center}.quick-menu-head .icon-only .lbl{display:none}.quick-menu-ring{position:relative;height:248px}.quick-menu-ring button{position:absolute;transform:translate(-50%,-50%);width:88px;height:56px;padding:4px;flex-direction:column;gap:2px;font-size:11px;line-height:1.1;background:var(--panel-2)}.quick-menu-ring .ico{width:20px;height:20px;flex-shrink:0}.quick-menu-ring .lbl{white-space:normal}.quick-menu-ring [data-slot="0"]{left:50%;top:13%}.quick-menu-ring [data-slot="1"]{left:83%;top:31%}.quick-menu-ring [data-slot="2"]{left:83%;top:69%}.quick-menu-ring [data-slot="3"]{left:50%;top:87%}.quick-menu-ring [data-slot="4"]{left:17%;top:69%}.quick-menu-ring [data-slot="5"]{left:17%;top:31%}.quick-menu-ring .quick-menu-customize{left:50%;top:50%;width:78px;height:60px;background:transparent;color:var(--muted)}.quick-menu-ring [aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.app-settings{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border-radius:var(--radius-lg);overflow:hidden}.app-settings[open]{display:flex;flex-direction:column}.app-settings-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);flex:0 0 auto}.app-settings-head h2{flex:1;font-size:16px;margin:0}.app-settings button,.app-settings select{min-height:44px}.app-settings-head .icon-only{width:44px;padding:0;justify-content:center}.app-settings-head .icon-only .lbl{display:none}.app-settings-body{overflow-y:auto;padding:4px 16px 16px;min-height:0;overscroll-behavior:contain}.app-settings-body h3{margin:12px 0;font-size:15px}.app-settings .menu-note{line-height:1.5}.app-settings-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px}.app-settings-check input{width:22px;height:22px}.app-settings-field{display:flex;align-items:center;gap:12px;min-height:52px;font-size:13px}.app-settings-field span{flex:1}.app-settings-field select{flex:0 1 65%;min-width:0;max-width:70%}.app-settings-slots{border-top:1px solid var(--line);margin:12px 0;padding-top:4px}.student-control-hidden{display:none!important}.student-profiles{padding-bottom:12px;border-bottom:1px solid var(--line)}.student-profiles>select,.student-profiles>input{display:block;width:100%;min-height:44px;box-sizing:border-box;margin:8px 0;font-size:16px}.student-profile-actions{display:flex;gap:6px;flex-wrap:wrap}.student-profile-actions button{flex:1 1 auto}.student-profile-message{font-size:13px;color:var(--accent);margin:0;flex-basis:100%}.student-profile-message:empty{display:none}.student-settings-section{padding:8px 0;border-bottom:1px solid var(--line)}.student-settings-section summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:600}.student-settings-section summary:before{content:"▸"}.student-settings-section[open] summary:before{content:"▾"}.student-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.student-tools-grid .app-settings-check{min-width:0}.app-settings-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex:0 0 auto;border-top:1px solid var(--line);padding:10px 16px;background:var(--panel)}@media(max-height:360px){.quick-menu-ring{height:204px}.quick-menu-ring button{height:52px}}.artwork-shelf{position:fixed;inset:68px 12px auto auto;margin:0;width:min(410px,calc(100vw - 24px));max-height:calc(100dvh - 84px);padding:0;border-radius:var(--radius-lg);background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 12px 36px #0008;overflow:hidden}.artwork-shelf[open]{display:flex;flex-direction:column}.artwork-shelf::backdrop{background:#0004}.artwork-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.artwork-head h2{flex:1;margin:0;font-size:16px}.artwork-shelf button{min-height:44px;border-radius:var(--radius-md)}.artwork-shelf .icon-only{width:44px;padding:0;flex-shrink:0;justify-content:center}.artwork-shelf .icon-only .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.artwork-body{overflow-y:auto;padding:0 12px 12px;overscroll-behavior:contain}.artwork-note{font-size:12px;color:var(--muted);margin:12px 0}.artwork-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.artwork-card{min-width:0;padding:6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-2)}.artwork-card .artwork-preview{display:block;width:100%;height:90px;padding:0;overflow:hidden;border:0;background-color:#ddd;background-image:conic-gradient(#bbb 25%,transparent 0 50%,#bbb 0 75%,transparent 0);background-size:16px 16px}.artwork-preview canvas{width:100%;height:100%;object-fit:contain}.artwork-info{padding:8px 4px;display:flex;flex-direction:column;gap:3px}.artwork-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artwork-info small{color:var(--muted);font-size:11px}.artwork-info .artwork-linked{color:var(--accent)}.artwork-actions{display:flex;gap:4px}.artwork-library-nav{display:flex;flex:0 0 auto;gap:6px;padding:0 12px 8px;border-bottom:1px solid var(--line)}.artwork-library-nav[hidden]{display:none}.artwork-library-nav button{flex:1;min-width:44px}.artwork-project-actions,.artwork-library-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-library-actions .artwork-download{grid-column:1 / -1}.artwork-library .artwork-body{min-height:0}.artwork-library-search{display:flex;flex:0 0 auto;gap:6px;padding:8px 12px}.artwork-library-search input{min-width:0;flex:1;min-height:44px}.artwork-library-search button[hidden],.artwork-library-undo[hidden],.artwork-card[hidden],.artwork-empty[hidden]{display:none}.artwork-library-undo{display:flex;flex:0 0 auto;align-items:center;gap:8px;padding:0 12px 8px;font-size:12px}.artwork-library-undo span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artwork-library-manage{margin-top:4px}.artwork-library-manage summary{min-height:44px;padding:12px 4px;cursor:pointer;color:var(--muted);font-size:12px}.artwork-actions button{min-width:44px}.artwork-library-preview{display:flex;align-items:center;justify-content:center;padding:0}.artwork-library-preview img{width:100%;height:90px;object-fit:contain}.artwork-size-note{color:var(--muted)}.artwork-actions button{flex:1;min-width:0;padding:0 6px;background:var(--panel);font-size:12px;gap:4px}.artwork-actions .ico{width:16px;height:16px}.artwork-placements{margin-top:12px;border-top:1px solid var(--line)}.artwork-placements summary{cursor:pointer;padding:14px 4px;color:var(--muted);min-height:44px}.artwork-placement{display:flex;gap:6px;align-items:center;padding:6px 0}.artwork-placement>span{flex:1;min-width:0;overflow-wrap:anywhere}.artwork-footnote{margin-bottom:0}.artwork-empty{grid-column:1 / -1;text-align:center;padding:24px 12px;color:var(--muted)}.artwork-empty>span{display:block;margin-bottom:12px;color:var(--accent)}.artwork-empty>strong{color:var(--text);font-size:15px}.artwork-empty>p{line-height:1.6}.asset-context{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--line)}.asset-editing-info{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;flex:1}.asset-editing-name,.asset-editing-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-editing-name{font-size:12px;line-height:16px;color:var(--text)}.asset-editing-status{font-size:10px;line-height:13px;color:var(--muted)}.asset-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;background:var(--panel);border-radius:var(--radius);font-size:11px;color:var(--muted)}body.painting-workspace .painting-header{max-width:calc(100% - var(--ph-left, 60px) - 60px);align-items:center;white-space:nowrap;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0002}body.painting-workspace .painting-header button{border-radius:var(--radius-md)}body.painting-workspace .painting-header .asset-done{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.painting-header>*{flex-shrink:0}body.painting-workspace .painting-header.editing-asset{width:min(620px,calc(100% - var(--ph-left, 60px) - 60px))}.painting-header.editing-asset .asset-context{flex:1;min-width:0}.asset-context .asset-done{flex:0 0 auto}.painting-header [hidden]{display:none!important}@media(max-width:700px){body.painting-workspace .painting-header{gap:4px}.painting-header.editing-asset .asset-create,.painting-header.editing-asset .asset-source-prefix{display:none}.painting-header .asset-create>.lbl,.painting-header button[aria-haspopup=dialog]>.lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.asset-context{padding-left:0;border:0}.painting-header.editing-asset .asset-context{gap:6px}body.painting-workspace .painting-header .asset-done{padding:0 8px}.asset-done .ico{display:none}}@media(max-width:360px){.artwork-grid{grid-template-columns:minmax(0,1fr)}.artwork-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:0 8px}.artwork-card .artwork-preview{grid-row:span 2;height:100%;min-height:100px}}.workspace-tool-row{display:flex;align-items:center;gap:4px;padding:3px 0;border-bottom:1px solid var(--line)}.workspace-tool-row>label{flex:1;min-width:0;margin:0}.workspace-tool-row>button{width:44px;padding:0;flex:0 0 auto}.workspace-tool-row[draggable=true]{cursor:grab}.workspace-tool-list{margin-bottom:12px}.board-writing-field{display:block;margin-top:8px}.board-writing-field>span{display:block;font-size:12px;font-weight:600;padding:2px 1px;color:var(--muted)}.board-writing-field .bfield{width:100%;margin-top:2px;box-sizing:border-box}.bub-tool-drawer{position:absolute;z-index:65;top:var(--tools-bottom, 120px);right:8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:min(370px,calc(100% - 16px));max-height:max(80px,calc(100% - var(--tools-bottom, 120px) - 8px));padding:12px;box-sizing:border-box;overflow-y:auto;touch-action:pan-y;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:0 8px 24px #0006}.bub-tool-drawer[hidden],body.ui-hidden .bub-tool-drawer,body.quick .bub-tool-drawer{display:none!important}.bub-tool-drawer>strong{flex-basis:100%;font-size:14px}.bub-tool-drawer .bub-chip{min-height:44px}.bub-tool-drawer .bub-chip.icon{width:auto;padding:0 12px}.bub-tool-drawer .bub-chip.icon .lbl{display:inline}.workspace-tool-labels .bub-tools .bub:not(.bub-color){width:auto;padding:0 10px;gap:6px;border-radius:var(--radius-md);font-size:12px}.workspace-tool-labels .bub-tools .lbl{display:inline}.workspace-tool-labels .bub-ctx .bub-chip.icon{width:auto;padding:0 10px;gap:6px}.workspace-tool-labels .bub-ctx .bub-chip.icon .lbl{display:inline}body.painting-workspace .bub-modes{max-width:calc(100% - 120px);flex-wrap:wrap;border-radius:var(--radius-lg)}body.painting-workspace .bub-tools{left:8px;right:8px;max-width:calc(100% - 16px);width:fit-content;margin-left:auto;border-radius:var(--radius-lg);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;touch-action:pan-x}body.painting-workspace .stage[data-tool-dock=top] .bub-tools [data-tool-key=more]{position:sticky;right:0;z-index:2;background:var(--panel);box-shadow:-4px 0 8px var(--panel)}body.painting-workspace .bub-tools .bub{width:44px;height:44px;min-height:44px}body.painting-workspace .bub-ctx{top:var(--chrome-bottom, 126px);right:var(--context-right, 8px);max-width:calc(100% - var(--context-left, 8px) - var(--context-right, 8px));z-index:15;max-height:max(54px,calc(100% - var(--chrome-bottom, 126px) - var(--flip-h, 0px) - 12px));overflow-y:auto}body.painting-workspace .bub-ctx[data-essential=true]{flex-wrap:wrap;touch-action:pan-y}body.painting-workspace .adjustment-scope{flex-basis:100%}body.painting-workspace .bub-ctx .bub-slider{flex:1 1 180px;min-width:0}body.painting-workspace .bub-ctx .bub-slider input{min-width:0}body.painting-options-folded:not(.quick):not(.ui-hidden) .bub-ctx[data-essential=true],body.painting-options-folded.workspace-advanced-targets:not(.quick):not(.ui-hidden) .bub-ctx[data-row=paint]{display:flex!important}body.painting-workspace:is(.quick,.ui-hidden) .bub-tools{display:none!important}body.painting-options-folded.workspace-advanced-targets .bub-ctx[data-row=paint][data-essential=false]>:not([aria-label="Ink target"]):not([aria-label="Colour target"]){display:none}body.painting-workspace .painting-tools-handle{top:var(--chrome-bottom, 126px)}body.painting-workspace .painting-options-handle{top:calc(var(--chrome-bottom, 126px) + 48px)}body.painting-workspace .painting-views{flex-wrap:wrap;overflow:visible;white-space:normal}body.painting-workspace .painting-views button{min-width:44px}body.painting-workspace .painting-views .painting-handle{position:static;inset:auto;border-radius:var(--radius-md);width:auto}body.painting-still .painting-editor-handle{display:none}body.painting-workspace .painting-header{max-width:calc(100% - var(--ph-left, 60px) - 60px)}body.painting-workspace .painting-purpose{display:block;max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.painting-workspace .sidebar{top:var(--side-top, 126px);transform:none;max-height:calc(100% - var(--side-top, 126px) - var(--flip-h, 0px) - 8px)}body.painting-workspace.workspace-brush-right .sidebar{left:auto;right:8px}body.painting-workspace.workspace-brush-right .painting-brush-handle{left:auto;right:72px;border-radius:var(--radius-md)}.stage[data-tool-dock=left] .bub-tools,.stage[data-tool-dock=right] .bub-tools{top:var(--dock-top, 70px);bottom:calc(var(--flip-h, 0px) + 8px);width:54px;max-width:min(160px,38%);max-height:none;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;justify-content:flex-start;margin:0;touch-action:pan-y}.stage[data-tool-dock=left] .bub-tools{left:8px;right:auto}.stage[data-tool-dock=right] .bub-tools{left:auto;right:8px}.stage.workspace-tool-labels:is([data-tool-dock=left],[data-tool-dock=right]) .bub-tools{width:154px}.stage:is([data-tool-dock=left],[data-tool-dock=right]) .bub-tools .bub{flex-shrink:0}.stage.workspace-tool-labels:is([data-tool-dock=left],[data-tool-dock=right]) .bub-tools .bub:not(.bub-color){width:100%;justify-content:flex-start}body.painting-workspace:not(.workspace-brush-right) .stage[data-tool-dock=left] .sidebar{left:calc(var(--edge-tool-width, 54px) + 16px)}body.painting-workspace.workspace-brush-right .stage[data-tool-dock=right] .sidebar{right:calc(var(--edge-tool-width, 54px) + 16px)}@media(min-width:1000px){body.painting-workspace .bub-modes .bub{width:auto;padding:0 8px;gap:5px;border-radius:var(--radius-md);font-size:12px}body.painting-workspace .bub-modes .lbl{display:inline}body.painting-workspace .bub-name{display:none}}@media(max-width:700px){body.painting-workspace .bub-modes{max-width:calc(100% - 16px);left:8px;top:var(--mode-top, 66px)}body.painting-workspace .bub-modes .bub{width:44px;min-height:44px;height:44px}body.painting-workspace .bub-tools{gap:4px}body.painting-workspace .painting-purpose{order:2;max-width:none;width:100%;font-size:12px}body.painting-workspace .painting-views{gap:4px;padding:4px}body.painting-workspace .painting-views button{padding:0 8px}body.painting-workspace .painting-views button[aria-label="Edit workspace"] .lbl,body.painting-workspace .painting-views .painting-brush-handle .lbl{display:none}.stage.workspace-tool-labels:is([data-tool-dock=left],[data-tool-dock=right]) .bub-tools{width:54px}.stage.workspace-tool-labels:is([data-tool-dock=left],[data-tool-dock=right]) .bub-tools .bub .lbl{display:none}.stage.workspace-tool-labels:is([data-tool-dock=left],[data-tool-dock=right]) .bub-tools .bub{justify-content:center;padding:0}}@media(max-width:1000px){body.painting-workspace .painting-views .painting-brush-handle .lbl,body.painting-workspace .painting-views button[aria-label="Edit workspace"] .lbl{display:none}}@media(max-height:500px){body.painting-workspace .painting-purpose{display:none}body.painting-workspace .painting-views{padding:1px 4px}body.painting-workspace :is(.bub-modes,.bub-tools,.painting-header){padding:2px}body.painting-workspace .flip-row:not(.mini){padding:2px;gap:2px}}.asset-placement-tools{position:absolute;z-index:14;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;max-width:calc(100% - 24px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0005}.asset-placement-tools[hidden],body.quick .asset-placement-tools,body.ui-hidden .asset-placement-tools{display:none}body.flipmode .asset-placement-tools{bottom:calc(var(--flip-h, 180px) + 12px)}body.flipmode.painting-editor-folded .asset-placement-tools{bottom:12px}.asset-placement-tools button,.asset-placement-tools select{min-height:44px;border-radius:var(--radius-md);flex-shrink:0}.asset-placement-tools select{width:220px;min-width:0;text-overflow:ellipsis}.asset-placement-choice{display:flex;align-items:center;gap:4px;min-width:0}.asset-placement-tools .placement-history{width:44px;padding:0;flex:0 0 44px;justify-content:center}.placement-history .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.arranging-assets .sidebar,body.arranging-assets .painting-brush-handle{display:none!important}.asset-placement-tools .asset-done{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.asset-placement-tools{width:min(460px,calc(100% - 24px));flex-direction:column;flex-wrap:nowrap;align-items:stretch;max-height:calc(100% - 72px)}.asset-placement-details{min-height:0;max-height:280px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding-top:4px}.asset-placement-details[hidden]{display:none}.asset-placement-details .asset-timing,.asset-placement-choice{flex:0 0 auto}.asset-placement-choice select{width:0;flex:1}.asset-placement-choice>button{flex:0 0 auto}.asset-placement-choice>button[aria-label="Asset options"]{width:44px;padding:0;justify-content:center}.asset-placement-choice>button[aria-label="Asset options"] .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.asset-placement-secondary{display:flex;gap:6px;align-items:center}.asset-placement-secondary .asset-timing-toggle{margin-right:auto}.asset-placement-actions{display:flex;gap:6px;min-width:0}.asset-placement-actions button{flex:1;min-width:0;padding:0 6px}.asset-placement-choice{position:sticky;top:0;z-index:1;background:var(--panel)}.asset-timing{flex:1 0 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 2px 2px;border-top:1px solid var(--line)}.asset-timing[hidden],.asset-timing-toggle[hidden]{display:none!important}.asset-timing>label{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--muted);font-size:12px}.asset-timing input[type=number]{min-width:0;width:100%;min-height:44px;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:0 8px}.asset-timing .asset-follow{grid-column:1 / -1;flex-direction:row;align-items:center;min-height:30px}.asset-timing-jumps{grid-column:1 / -1;display:flex;gap:6px}.asset-timing-jumps button{flex:1}.asset-timing-note{grid-column:1 / -1;color:var(--muted);font-size:11px}.asset-timing-toggle[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.rail .rblock.asset{min-height:44px;height:44px;top:32px;overflow:visible;padding:0;color:var(--text)}.rail .rblock.asset.selected{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--panel-2))}.asset-row .rail-tag{height:30px}.asset-clip-body{width:100%;height:100%;min-height:40px;padding:0 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;color:inherit;border:0;border-radius:var(--radius-xs);text-align:left;cursor:grab;touch-action:pan-y}.asset-clip-edge{position:absolute;z-index:2;top:-2px;width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--accent);cursor:ew-resize;touch-action:none;display:grid;place-items:center}.asset-clip-edge span{background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);width:18px;height:34px;line-height:30px;text-align:center}.asset-clip-edge.in{left:-22px}.asset-clip-edge.out{right:-22px}.asset-clip-body:focus-visible,.asset-clip-edge:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.asset-clip-body{position:relative}.asset-clip-art{position:absolute;inset:0;border-radius:inherit;background-repeat:repeat-x;background-size:72px 40px;background-position:left center;pointer-events:none;opacity:.85}.asset-clip-art[data-preview=ready]{background-color:#f2f2f2}.asset-clip-caption{position:relative;display:inline-block;max-width:100%;padding:3px 6px;border-radius:var(--radius-xs);background:#202026df;color:#fff;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;pointer-events:none}.asset-source-info{flex:0 0 auto;padding:0 4px 2px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}@media(max-width:600px){.asset-placement-tools{width:min(370px,calc(100% - 24px));justify-content:center}.asset-placement-choice{width:100%}.asset-placement-tools select{flex:1;width:100%}.asset-placement-tools button{flex:1;padding:0 8px;gap:4px;font-size:12px}.asset-placement-tools button .ico{width:16px}.asset-placement-choice>button{flex:0 0 auto}.asset-placement-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.asset-placement-choice>.asset-edit-source{flex:0 0 44px;width:44px;padding:2px;flex-direction:column;justify-content:center;gap:0;font-size:11px;line-height:1.15}.asset-edit-source .asset-source-word{display:none}.asset-placement-actions button{min-width:0;min-height:52px;padding:4px 2px;flex-direction:column;justify-content:center;gap:2px;font-size:11px;line-height:1.15}.asset-placement-actions .lbl{white-space:normal}.asset-placement-choice .asset-timing-toggle{flex:0 0 44px;width:44px;padding:0;justify-content:center}.asset-timing-toggle .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.pen-pad-wrap{display:flex;gap:8px;margin:8px 0}.pen-pad{flex:1;min-width:0;height:140px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg, transparent);color:var(--text);touch-action:none;cursor:crosshair}.pen-curve{width:96px;height:96px;align-self:center;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);flex:0 0 auto}.pen-live{font:12px/1.4 ui-monospace,monospace;margin:4px 0;min-height:1.4em;overflow-wrap:anywhere}.pen-summary{font-weight:600;font-size:13px;margin:8px 0 4px}.pen-tips{margin:0 0 8px;padding-left:18px;font-size:13px;line-height:1.5}.pen-tips:empty{display:none}.pen-slider input{flex:0 1 45%;min-width:0}.pen-slider output{width:44px;text-align:right;font-size:12px}@media(max-width:420px){.pen-curve{width:72px;height:72px}}.vector-restyle{width:min(680px,calc(100vw - 32px));max-height:90dvh;overflow:auto}.vector-restyle canvas{display:block;width:100%;max-height:50dvh;object-fit:contain;background:#fff;border:1px solid #8885;margin:12px 0}.vector-restyle label{display:flex;align-items:center;gap:8px}.vector-restyle button{min-height:44px}.panel-body [hidden]{display:none!important}.canvas-view-btn.on{box-shadow:inset 0 0 0 2px var(--accent)}.canvas-view-pop{position:absolute;z-index:66;bottom:8px;left:8px;display:flex;flex-direction:column;gap:4px;width:min(300px,calc(100% - 16px));padding:12px;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:0 8px 24px #0006}.canvas-view-pop>strong{font-size:14px;margin-bottom:2px}.canvas-view-pop button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;text-align:left}.canvas-view-pop button[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.canvas-view-state{font-size:12px;opacity:.85}.canvas-view-note{margin:4px 0 0;font-size:12px;color:var(--muted)}.canvas-overview{position:absolute;z-index:14;left:50%;bottom:calc(var(--flip-h, 0px) + 8px);transform:translate(-50%);display:flex;gap:4px;max-width:calc(100% - 16px);padding:4px;overflow-x:auto;border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 4px 14px #0005;touch-action:pan-x}.canvas-overview button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:3px;border-radius:8px;font-size:11px;line-height:1}.canvas-overview canvas{display:block;width:64px;height:36px;border-radius:4px}.canvas-overview button[aria-current=true]{box-shadow:inset 0 0 0 2px var(--accent)}.canvas-view-pop[hidden],.canvas-overview[hidden],body.ui-hidden .canvas-overview,body.quick .canvas-overview,body.ui-hidden .canvas-view-pop,body.quick .canvas-view-pop{display:none!important}.bub-tools-sep{align-self:center}.stage[data-tool-dock=left] .bub-tools-sep,.stage[data-tool-dock=right] .bub-tools-sep{width:26px;height:1px;margin:2px 0}.bub-ctx .bub-row-title{font-weight:600;color:var(--text);padding-right:2px}.bub-tool-drawer .bub-drawer-hint{flex-basis:100%;margin:-2px 0 4px;font-size:12px;color:var(--muted)}body.painting-workspace .painting-views .painting-handle.folded{opacity:.75;border-style:dashed}body .bcard{flex-basis:230px}.bunit{margin-left:-3px;font-size:12px;color:var(--muted)}.bwhen{margin-left:auto;font-size:11px;white-space:nowrap}.bdialogue .blines{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.bline-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"who time del" "say say say";gap:3px 4px;align-items:center;padding:3px;border-radius:var(--radius);background:color-mix(in srgb,var(--board) 7%,transparent)}.bline-row .bspeaker{grid-area:who;font-weight:700;min-height:28px;text-transform:none}.bline-row .bsay{grid-area:say;min-height:30px}.bline-row .btime{grid-area:time;justify-self:end;font-size:11px}.bline-row .bline-del{grid-area:del;min-width:28px;min-height:28px;padding:0;line-height:1}.bline-add{align-self:flex-start;margin-top:4px;min-height:28px;padding:0 10px;font-size:12px}.subtitle-who{font-weight:700;color:#ffd84a}.share-subtitles{margin:4px 0}.share-save-subs{align-self:center}