.btn-icon{width:var(--hit);height:var(--hit);min-width:var(--hit);border:0;border-radius:var(--radius-control);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0;flex:none}@media(hover:hover){.btn-icon:hover{background:var(--surface-2)}}.btn-icon.disabled,.btn-icon[aria-disabled=true]{color:var(--text-disabled);cursor:default}@media(hover:hover){.btn-icon.disabled:hover{background:transparent}}.btn{min-height:var(--hit);min-width:var(--hit);padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-decoration:none;white-space:nowrap}@media(hover:hover){.btn:hover{background:var(--surface-2)}}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:800}@media(hover:hover){.btn.primary:hover{background:var(--accent-text);border-color:var(--accent-text)}}.btn.ghost{border-color:transparent;text-decoration:underline;text-underline-offset:3px}.btn.pro{color:var(--accent-text);border-color:transparent;font-weight:700}.btn.disabled,.btn[aria-disabled=true]{border-style:dashed;border-color:var(--text-disabled);background:transparent;color:var(--text-dim);cursor:default}.btn.primary.disabled,.btn.primary[aria-disabled=true]{background:transparent}.btn[aria-busy=true]{cursor:progress}.scrim{position:fixed;inset:0;z-index:30;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--kb, 0px)}.sheet{position:relative;width:100%;max-width:560px;max-height:min(88dvh,calc(100dvh - var(--kb, 0px) - 8px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet);padding:0 16px calc(16px + env(safe-area-inset-bottom));animation:sheet-in var(--motion-slow) var(--ease);outline:none}.sheet-grab{flex:none;height:24px;margin:0 -16px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.sheet-grab i{width:36px;height:4px;border-radius:2px;background:var(--border-strong)}.sheet-head{flex:none;display:flex;align-items:center;gap:4px;min-height:48px;margin:0 -8px 8px 0}.sheet-head h2{flex:1;margin:0;font-size:var(--text-20);font-weight:700}.sheet-head h2 .sheet-sub{margin-left:8px;font-size:var(--text-14);font-weight:400;color:var(--text-dim)}.sheet-head>span{flex:1}.sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.sheet-body,.drawer-scroll{background:linear-gradient(var(--surface) 30%,transparent) center top / 100% 24px no-repeat local,linear-gradient(transparent,var(--surface) 70%) center bottom / 100% 24px no-repeat local,radial-gradient(farthest-side at 50% 0,var(--scrim),transparent) center top / 100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--scrim),transparent) center bottom / 100% 10px no-repeat scroll}.scrim.left{align-items:stretch;justify-content:flex-start}.scrim.left .sheet{width:300px;max-width:85vw;max-height:none;height:100%;border-radius:0 var(--radius-sheet) var(--radius-sheet) 0;border:1px solid var(--border);border-left:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);animation-name:drawer-in}.scrim.left .sheet-head{margin:0;padding:0 4px 0 16px;min-height:56px;border-bottom:1px solid var(--border)}.scrim.left .sheet-body{flex:1}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes drawer-in{0%{transform:translate(-24px);opacity:0}to{transform:none;opacity:1}}.app[data-layout=tablet] .scrim:not(.left),.app[data-layout=desktop] .scrim:not(.left),.scrim.center{align-items:center}.app[data-layout=tablet] .sheet,.app[data-layout=desktop] .sheet{border-bottom:1px solid var(--border);border-radius:var(--radius-sheet);padding-top:8px;max-width:520px}.app[data-layout=tablet] .sheet-grab,.app[data-layout=desktop] .sheet-grab{display:none}.app[data-layout=tablet] .scrim.left .sheet,.app[data-layout=desktop] .scrim.left .sheet{border-radius:0 var(--radius-sheet) var(--radius-sheet) 0;max-width:85vw}.dialog{width:min(420px,calc(100% - 32px));max-height:min(88dvh,calc(100dvh - var(--kb, 0px) - 8px));overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);padding:20px;outline:none;animation:sheet-in var(--motion-slow) var(--ease)}.dialog h2{margin:0 0 8px;font-size:var(--text-16);font-weight:700}.dialog-body{color:var(--text-dim);margin:0 0 16px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.dialog-actions:first-child{margin-top:16px}.chip{box-sizing:border-box;flex:none;width:104px;height:28px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;border:1px solid transparent;font-size:var(--text-12);font-weight:600;white-space:nowrap;color:var(--text)}.chip.ok svg{color:var(--ok)}.chip.dim svg{color:var(--text-dim)}.chip.err{background:transparent;border-color:var(--err)}.chip.err svg{color:var(--err)}.banners{grid-area:banner;min-width:0}.banner{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:var(--text-14)}.banner>span{flex:1;min-width:0}.banner>svg{flex:none}.banner .btn{flex:none}.banner.err{background:var(--err-bg);border-bottom-color:var(--err)}.banner.err>svg{color:var(--err)}.banner.info.tone-warn{background:var(--warn-bg);border-bottom-color:var(--warn)}.banner.info.tone-warn>svg{color:var(--warn)}.banner.info.tone-neutral{background:var(--surface)}.banner.info.tone-neutral>svg{color:var(--text-dim)}.segmented{display:flex;min-width:0;border:1px solid var(--border-strong);border-radius:var(--radius-control);overflow:hidden}.segmented button{flex:1;min-width:var(--hit);min-height:var(--hit);padding:0 10px;border:0;border-radius:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;white-space:nowrap}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button[aria-checked=true]{background:var(--text);color:var(--bg);font-weight:800}.segmented button[aria-disabled=true]{color:var(--text-disabled)}.segmented .glyph{display:inline-block;background:currentColor}.toggle-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 0;border-bottom:1px solid var(--border)}.toggle-text{flex:1;min-width:0;display:flex;flex-direction:column}.toggle-text label{font-weight:700;font-size:var(--text-14)}.hint-text{color:var(--text-dim);font-size:var(--text-12)}.switch{position:relative;flex:none;width:80px;height:44px;border-radius:22px;border:2px solid var(--border-strong);background:transparent;padding:0;display:flex;align-items:center}.switch .state{position:absolute;left:12px;right:10px;font-size:var(--text-12);font-weight:800;color:var(--text);text-align:right}.switch i{position:absolute;left:4px;top:4px;width:32px;height:32px;border-radius:50%;background:var(--text-dim)}.switch.on{background:var(--text);border-color:var(--text)}.switch.on .state{color:var(--bg);text-align:left}.switch.on i{left:auto;right:4px;background:var(--bg)}.slider-row{display:grid;grid-template-columns:24px 1fr 48px;align-items:center;gap:12px;min-height:var(--hit)}.slider-row label{font-weight:700}.slider-row output{text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}.slider{-webkit-appearance:none;appearance:none;width:100%;height:12px;padding:16px 0;box-sizing:content-box;background-clip:content-box!important;border-radius:6px;background-color:var(--surface-2);margin:0}.num-input{box-sizing:border-box;min-height:var(--hit);padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text);font:inherit}.num-input[aria-invalid=true]{border-color:var(--err)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--text);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--text)}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--text);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--text)}.list-row{width:100%;min-height:48px;padding:0 16px;border:0;background:transparent;display:flex;align-items:center;gap:16px;text-align:left;text-decoration:none;color:var(--text)}@media(hover:hover){.list-row:hover{background:var(--surface-2)}}.list-row .row-label{flex:1;min-width:0}.list-row .row-trailing{color:var(--text-dim);font-size:var(--text-12)}.list-row.disabled{color:var(--text-dim)}.list-row.selected{box-shadow:inset 2px 0 0 var(--accent)}.menu-popup{position:fixed;z-index:25;min-width:280px;max-width:calc(100vw - 8px);padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-sheet)}.menu-popup .sep{margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.menu-popup button{width:100%;min-height:var(--hit);padding:0 12px 0 8px;border:0;border-radius:var(--radius-control);background:transparent;display:flex;align-items:center;gap:8px;text-align:left}.menu-popup button:focus-visible{background:var(--surface-2)}@media(hover:hover){.menu-popup button:hover{background:var(--surface-2)}}.menu-popup .check{flex:none;width:20px;display:inline-flex;justify-content:center}.menu-popup .lbl{flex:1}.menu-popup kbd{font-family:var(--font-mono);font-size:var(--text-12);color:var(--text-dim)}.menu-popup button.disabled{color:var(--text-dim)}.menu-popup button:focus-visible{outline-offset:-2px}.has-place .toasts{right:104px}.toasts{position:absolute;left:0;right:0;bottom:8px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius-control);padding:10px 16px;font-weight:600;max-width:calc(100% - 16px);box-shadow:var(--shadow-sheet);animation:toast-in var(--motion-fast) var(--ease)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.spinner{width:20px;height:20px}@media(prefers-reduced-motion:no-preference){.spinner{animation:spin .8s steps(8) infinite}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sheet,.dialog,.toast,.scrim.left .sheet{animation:none}}.app[data-layout=phone-landscape] .scrim:not(.left)>.sheet:not(.page){align-self:stretch;width:min(400px,58vw);max-width:none;max-height:none;margin-left:auto;border:1px solid var(--border);border-right:0;border-radius:var(--radius-sheet) 0 0 var(--radius-sheet);padding-top:8px;padding-right:calc(16px + env(safe-area-inset-right));animation-name:panel-in}.app[data-layout=phone-landscape] .scrim:not(.left)>.sheet:not(.page) .sheet-grab{display:none}.app[data-layout=phone-landscape] .scrim:not(.left):has(>.sheet:not(.page)){align-items:stretch}@keyframes panel-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}html,body{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}#app{position:fixed;inset:0}button,input,a{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{shape-rendering:crispEdges;flex:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}kbd{font-family:var(--font-mono)}.app{position:absolute;inset:0;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px auto minmax(0,1fr) auto auto auto;grid-template-areas:"top" "banner" "stage" "time" "ctx" "tools";padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);background:var(--bg);overflow:clip}.topbar{grid-area:top;display:flex;align-items:center;gap:2px;padding:0 2px;background:var(--surface);border-bottom:1px solid var(--border);min-width:0}.stage-wrap{grid-area:stage;position:relative;min-height:0;min-width:0;overflow:hidden;background:var(--bg)}.stage{position:absolute;inset:0;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.stage:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ctx-row{grid-area:ctx;min-width:0;min-height:48px;background:var(--surface);border-top:1px solid var(--border)}.timeline{grid-area:time;background:var(--surface);border-top:1px solid var(--border);min-width:0}.tools{grid-area:tools;display:flex;justify-content:space-around;align-items:center;gap:2px;padding:0 2px env(safe-area-inset-bottom);min-height:56px;min-width:0;background:var(--surface);border-top:1px solid var(--border)}.dock{display:none;min-width:0;min-height:0;overflow:auto;background:var(--surface);border-left:1px solid var(--border);padding:12px}.side-tabs{display:none}.app.l-phone-landscape{grid-template-columns:minmax(0,1fr) 64px;grid-template-rows:48px auto minmax(0,1fr) auto auto;grid-template-areas:"top top" "banner tools" "stage tools" "time tools" "ctx tools";padding-bottom:env(safe-area-inset-bottom)}.l-phone-landscape .tools{flex-direction:column;justify-content:flex-start;gap:0;padding:0;border-top:0;border-left:1px solid var(--border);overflow-y:auto}.app.l-tablet,.app.l-desktop{--rail: 72px;--side: 264px;grid-template-columns:var(--rail) minmax(0,1fr) var(--side);grid-template-rows:48px auto auto minmax(0,1fr) auto auto;grid-template-areas:none}.l-desktop{--side: 296px}.l-tablet.side-collapsed,.l-desktop.side-collapsed{--side: 52px}.l-tablet .topbar,.l-desktop .topbar{grid-area:auto;grid-row:1;grid-column:1 / -1;padding-left:12px}.l-tablet .banners,.l-desktop .banners{grid-area:auto;grid-row:2;grid-column:1 / -1}.l-tablet .tools,.l-desktop .tools{grid-area:auto;grid-row:3 / 6;grid-column:1;flex-direction:column;justify-content:flex-start;gap:4px;padding:8px 0 0;border-top:0;border-right:1px solid var(--border);overflow-y:auto}.l-tablet .stage-wrap,.l-desktop .stage-wrap{grid-area:auto;grid-row:3 / 5;grid-column:2}.l-tablet .ctx-row,.l-desktop .ctx-row{grid-area:auto;grid-row:5;grid-column:2}.l-tablet .timeline,.l-desktop .timeline{grid-area:auto;grid-row:6;grid-column:1 / -1}.l-tablet .side-tabs,.l-desktop .side-tabs{grid-row:3;grid-column:3;align-self:start;justify-self:stretch;z-index:2;height:48px;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0 2px 0 8px;background:var(--surface);border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.side-tabs .tab{flex:1;min-height:var(--hit);border:0;border-radius:var(--radius-control);background:transparent;font-weight:600;color:var(--text-dim)}.side-tabs .tab[aria-pressed=true]{background:var(--surface-2);color:var(--text);font-weight:800}.l-tablet .side-tabs .tab{position:relative;border-radius:0}.l-tablet .side-tabs .tab[aria-pressed=true]{background:transparent}.l-tablet .side-tabs .tab[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}.l-tablet .dock,.l-desktop .dock{display:block;grid-column:3}.l-desktop .dock-palette{grid-row:3;contain:none;overflow:visible}.l-desktop .side-tabs{height:0;padding:0;border:0;background:transparent;align-items:flex-start}.l-desktop .side-tabs .btn-icon{margin:2px 2px 0 0}.l-desktop .dock-palette>.panel-title{padding-right:44px;min-height:24px}.l-desktop.side-collapsed .side-tabs{height:48px;background:var(--surface);border-left:1px solid var(--border)}.l-desktop .dock-layers{grid-row:4 / 6;border-top:1px solid var(--border)}.l-tablet .dock{margin-top:48px}.l-tablet.side-palette .dock-palette{grid-row:3 / 6}.l-tablet.side-palette .dock-layers,.l-tablet.side-layers .dock-palette{display:none}.l-tablet.side-layers .dock-layers{grid-row:3 / 6}.side-collapsed .dock{display:none}.side-collapsed .side-tabs{justify-content:center;padding:0}.side-collapsed .side-tabs .tab{display:none}.title{flex:1;min-width:0;margin:0;font-size:var(--text-14);font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.title-btn{flex:0 1 auto;min-width:var(--hit);min-height:var(--hit);display:inline-flex;align-items:center;gap:4px;padding:0 4px 0 8px;border:0;border-radius:var(--radius-control);background:transparent;font-weight:600;font-size:inherit}@media(hover:hover){.title-btn:hover{background:var(--surface-2)}}.title .name{min-width:3ch;overflow:hidden;text-overflow:ellipsis}.title .size{flex:none;min-width:0;font-weight:400;color:var(--text-dim)}.l-desktop .title,.l-tablet .title{flex:none;max-width:34%;font-size:var(--text-16)}.spacer{flex:0}.l-tablet .spacer,.l-desktop .spacer{flex:1}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;margin-right:8px}.topbar .chip{margin:0 4px}.l-phone-portrait .topbar .chip{width:92px;margin:0 2px;gap:4px}.l-phone-portrait .title-btn{padding:0 2px 0 6px}@media(max-width:360px){.l-phone-portrait .topbar .chip{position:relative;width:28px;margin:0 2px}.l-phone-portrait .topbar .chip .chip-word{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;font-size:0}.l-phone-portrait .topbar .chip.saving svg{animation:chip-pulse 1s steps(2,jump-none) infinite}.l-phone-portrait .topbar .chip.idle svg{opacity:0}.l-phone-portrait .topbar .chip.idle:before{content:"";position:absolute;top:50%;left:50%;margin:-7px 0 0 -7px;box-sizing:border-box;width:14px;height:14px;border:2px dashed var(--text-dim);border-radius:50%}.l-phone-portrait .topbar .chip[data-testid=save-chip]{cursor:pointer}.l-phone-portrait .title .size{font-size:var(--text-12)}.l-phone-portrait .title{gap:2px}.l-phone-portrait .title-btn{padding:0 0 0 4px}.l-phone-portrait .title .name{min-width:2ch}}.topbar .chip.offline,.l-phone-portrait .topbar .chip.offline{width:auto;padding:0 10px}@media(min-width:361px){.l-phone-portrait .topbar.off .title .size{display:none}}@media(max-width:360px){.l-phone-portrait .topbar .chip.offline{padding:0 6px;margin:0}}.l-phone-portrait .topbar .chip.offline .chip-word{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;font-size:var(--text-12)}@keyframes chip-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.l-phone-portrait .topbar .chip.saving svg{animation:none}}.topbar :focus-visible{outline-offset:-2px}.menubar{display:flex;align-items:center;gap:0;margin-left:4px}.menu-trigger{min-height:var(--hit);padding:0 12px;border:0;border-radius:var(--radius-control);background:transparent;font-weight:600}.menu-trigger.open{background:var(--surface-2)}@media(hover:hover){.menu-trigger:hover{background:var(--surface-2)}}.pro-tick{display:inline-flex;color:var(--ok)}.tools.bar{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;gap:0;padding-left:0;padding-right:0}.tools.bar .tool{flex:1 1 0;width:auto;min-width:44px}.tool{width:56px;height:48px;flex:none;flex-direction:column;gap:2px;border:0;border-radius:var(--radius-control);background:transparent;display:flex;align-items:center;justify-content:center;position:relative}.tool .lbl,.tool kbd{display:none;font-size:var(--text-12);font-weight:600}.tool[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}@media(hover:hover){.tool:hover:not([aria-pressed=true]){background:var(--surface-2)}}.tool.precision[aria-pressed=true]{background:var(--text);color:var(--bg)}.tool.more[aria-pressed=true] .more-dots{position:absolute;right:8px;bottom:8px;width:8px;height:4px;background:radial-gradient(circle,currentColor 1px,transparent 1.5px) 0 0 / 3px 4px repeat-x}.l-phone-landscape .tool{height:44px;width:100%}.l-tablet .tool,.l-desktop .tool{width:64px;height:56px}.l-desktop .tool{height:50px}.l-tablet .tool .lbl,.l-desktop .tool .lbl{display:block;font-size:11px;line-height:12px}.l-desktop .tool kbd{display:none}@media(max-height:700px){.l-tablet .tool,.l-desktop .tool{height:46px}}.swatch-pair{position:relative;width:100%;height:100%}.swatch-pair i{position:absolute;left:50%;top:50%;width:20px;height:20px}.swatch-pair .sec{margin:-4px 0 0 -6px;border:2px solid var(--border-strong);background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 8px 8px}.swatch-pair .pri{margin:-14px 0 0 -14px;border:2px solid var(--text)}.swatch-pair .pri.clear{background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 8px 8px}.swatch-tool{height:48px}.swatch-tool .swatch-pair{height:28px;width:32px}.l-phone-landscape .swatch-tool .swatch-pair{height:28px}.ctx-row{min-height:0}.ctxbar{display:flex;align-items:center;gap:4px;padding:0 4px;min-height:48px;min-width:0}.ctxbar.selection{flex-direction:column;align-items:stretch;gap:0;padding:2px 2px 0}.sb-row{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.sb{flex:1 1 0;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;font-weight:800;font-size:var(--text-14)}@media(hover:hover){.sb:hover{background:var(--surface-2)}}.sb.primary{background:var(--accent);color:var(--on-accent)}@media(hover:hover){.sb.primary:hover{background:var(--accent-text)}}.sb.disabled{border:1px dashed var(--text-disabled);color:var(--text-dim);background:transparent}.sb-lbl{display:none}.sb-why{margin:0;min-height:20px;padding:0 6px 2px;font-size:var(--text-12);line-height:18px;color:var(--text-dim)}.ctxbar.anchor{gap:8px;padding:0 4px 0 12px}.ctxbar.anchor span{flex:1;min-width:0;font-size:var(--text-14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctxbar.anchor .btn{flex:none;padding:0 10px;gap:4px}.ctxbar.opt-strip{flex-wrap:nowrap;padding:0 4px 0 12px;gap:8px}.ctxbar .opt-name{flex:none;font-size:var(--text-14)}.ctxbar.opt-strip .segmented{flex:1;min-width:0}.l-tablet .ctx-row[data-kind=selection],.l-desktop .ctx-row[data-kind=selection]{grid-row:3;grid-column:2;align-self:start;justify-self:center;z-index:4;margin-top:12px;border:1px solid var(--border-strong);border-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet)}.l-tablet .sb.primary,.l-desktop .sb.primary{flex:none;padding:0 12px}.l-tablet .sb-lbl,.l-desktop .sb-lbl{display:inline}.l-tablet .sb,.l-desktop .sb{flex:none}.tl-strip{display:flex;align-items:center;gap:2px;padding:0 2px;min-height:48px}.frames{display:flex;gap:4px;margin:0;padding:2px 8px 12px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;min-height:98px}.frames.pending{visibility:hidden}.frame{box-sizing:border-box;width:70px;height:84px;padding:1px;display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:var(--radius-control);background:var(--surface-2);border:2px solid transparent;overflow:hidden;flex:none;cursor:pointer}.frame[aria-selected=true]{border-color:var(--accent)}.frames:focus-visible{outline-offset:-2px}.thumbbox{display:block;width:64px;height:64px;flex:none;background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 8px 8px}.frame .thumb{display:block;width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.frame .meta{width:100%;display:flex;justify-content:center;gap:4px;font-size:var(--text-12);line-height:14px;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.frame .meta b{color:var(--text);font-weight:400}.frame[aria-selected=true] .meta b{font-weight:800}.tl-counter{flex:1;min-width:0;padding-left:8px;white-space:nowrap;color:var(--text-dim);font-variant-numeric:tabular-nums}.tl-counter b{color:var(--text)}.tl-counter .dur{margin-left:16px}.l-tablet .tl-counter,.l-desktop .tl-counter{text-align:right;padding-right:12px}.btn.ghost.add-frame{align-items:center;text-decoration:none;font-weight:800}.btn-icon.play{background:var(--surface-2)}.pill{height:var(--hit);min-width:var(--hit);padding:0 2px;border:0;background:transparent;display:inline-flex;align-items:center;flex:none}.pill .pb{height:32px;padding:0 12px 0 8px;border-radius:16px;background:var(--text);color:var(--bg);display:inline-flex;align-items:center;gap:4px;font-weight:700}.pill[aria-pressed=false] .pb{background:var(--surface-2);color:var(--text-dim)}.legend{position:absolute;left:8px;top:8px;display:flex;gap:4px;font-size:var(--text-12);pointer-events:none}.legend span{display:flex;align-items:center;gap:4px;background:var(--surface);border-radius:4px;padding:2px 6px}.legend i{width:10px;height:10px;background:currentColor;outline:1px dashed currentColor;outline-offset:1px}.legend:before{content:"Ghosts";align-self:center;padding:2px 6px;border-radius:4px;background:var(--surface);color:var(--text-dim)}.legend .prev{color:var(--onion-prev)}.legend .next{color:var(--onion-next)}.legend .prev b,.legend .next b{color:var(--text);font-weight:400}.zoom-readout{position:absolute;right:8px;bottom:8px;display:none;font-size:var(--text-12);color:var(--text-dim);background:var(--surface);border-radius:4px;padding:2px 6px;pointer-events:none}.l-tablet .zoom-readout,.l-desktop .zoom-readout{display:block}.hint,.tip{position:absolute;left:50%;bottom:8px;transform:translate(-50%);max-width:calc(100% - 16px);display:flex;align-items:center;gap:4px;padding:4px 0 4px 14px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet)}.hint .lines,.tip .lines{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.hint .lines>span,.tip .lines>span{display:flex;align-items:center;gap:8px}.hint .finger,.tip .finger{display:inline-flex}.hint .draw,.tip .draw{color:var(--onion-prev)}.hint .move,.tip .move{color:var(--onion-next)}.has-hint .toasts{bottom:80px}.tip{pointer-events:none;width:max-content}.tip button{pointer-events:auto;flex:none}.tip .lines{min-width:0;white-space:normal}.tip .lines>span{align-items:flex-start}.tip .finger{flex:none}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,44px);justify-content:space-between;gap:8px;margin:0;padding:0;list-style:none}.swatch{position:relative;box-sizing:border-box;width:44px;height:44px;border:2px solid var(--border);border-radius:var(--radius-control);padding:0;display:block}.swatch[aria-pressed=true]{outline:2px solid var(--text);outline-offset:1px}.swatch .tick{position:absolute;right:-6px;bottom:-6px;width:18px;height:18px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center}.panel-title{margin:0 0 8px;font-size:var(--text-12);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.panel-count{margin:0 0 8px;font-size:var(--text-14);font-weight:400;color:var(--text-dim)}.coming{color:var(--text-dim)}.coming p{margin:0 0 8px}.coming b{color:var(--text)}.loading{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.menu{display:flex;flex-direction:column;gap:8px}.menu .btn{justify-content:flex-start;width:100%}.drawer-list,.list{display:flex;flex-direction:column}.drawer-list .list-row,.list .list-row{border-bottom:1px solid var(--border)}.more-body,.options,.settings{display:flex;flex-direction:column;gap:12px}.settings h3{margin:8px 0 0;font-size:var(--text-12);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.sec-label{margin:0 0 6px;font-size:var(--text-12);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.more-body{gap:10px}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{min-height:56px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:var(--radius-control);background:var(--surface-2);font-size:var(--text-12);font-weight:600;line-height:14px;text-align:center}@media(hover:hover){.tile:hover{background:var(--border)}}.tile[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.more-pair{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:end}.more-pair .segmented button{min-width:44px;padding:0 6px}.more-pair .segmented{background:var(--surface-2)}@media(max-height:560px){.l-phone-portrait .frames{min-height:74px;padding-bottom:4px}.l-phone-portrait .frame{width:60px;height:70px}.l-phone-portrait .frame .unit{display:none}.l-phone-portrait .frame .thumbbox,.l-phone-portrait .frame .thumb{width:48px;height:48px}}.skew-text{margin:0 0 12px;color:var(--text-dim)}.skew-actions{display:flex;flex-direction:column;gap:8px}.skew-actions .btn{width:100%;white-space:normal;text-align:center;padding-top:8px;padding-bottom:8px}.app[data-layout^=phone] .sheet.page{max-width:none;max-height:none;height:100dvh;border:0;border-radius:0;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);animation-name:page-in}@keyframes page-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.sheet.page .sheet-head{margin:0 0 4px -8px}.settings{gap:4px}.settings section{padding:6px 0 4px}.choices{display:grid;gap:8px}.choices.three{grid-template-columns:repeat(3,1fr)}.choices.two{grid-template-columns:1fr 1fr}.choice{min-height:56px;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);text-align:left;font-size:var(--text-14)}.choice.on{border:2px solid var(--text);padding:7px}.bgchoice{flex-direction:column;justify-content:center;gap:6px;text-align:center}.bgprev{width:28px;height:28px;border:1px solid var(--border-strong)}.bgprev.checker{background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 8px 8px}.bgprev.light{background:var(--canvas-light)}.bgprev.dark{background:var(--canvas-dark)}.stepper-row{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-weight:700}.stepper{display:flex;align-items:center;gap:8px}.step-btn{width:44px;height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-20);font-weight:800}.step-btn[aria-disabled=true]{color:var(--text-disabled);border-style:dashed}.step-val{min-width:40px;text-align:center;font-weight:800}.ghost-label{margin:4px 0 8px;font-weight:700}.choice.ghost{align-items:flex-start}.ghost-swatch{display:flex;gap:4px;padding-top:4px}.ghost-swatch i{position:relative;width:16px;height:16px;border:1px dashed currentColor;background:var(--surface)}.ghost-swatch i:before{content:"";position:absolute;inset:0;background:currentColor;opacity:.4}.ghost-swatch .prev{color:var(--onion-prev)}.ghost-swatch .next{color:var(--onion-next)}.ghost.cb .ghost-swatch .prev{color:var(--onion-prev-cb)}.ghost.cb .ghost-swatch .next{color:var(--onion-next-cb)}.ghost-text{display:flex;flex-direction:column;min-width:0}.ghost-text span{color:var(--text-dim);font-size:var(--text-12)}.kbd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin-top:8px;padding:0;border:0;border-top:1px solid var(--border);background:transparent;text-align:left}.kbd-row span{color:var(--text-dim)}.brand{flex:1;display:flex;align-items:center;gap:10px;font-size:var(--text-16)}.scrim.left .sheet-body{display:flex;flex-direction:column;overflow:hidden}.drawer{flex:1;min-height:0;display:flex;flex-direction:column}.drawer-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.drawer section{padding:8px 0 2px}.drawer section+section{border-top:1px solid var(--border)}.drawer .sec-label{padding:0 16px}.drawer .list-row{min-height:44px}.drawer-pro .row-icon,.drawer-pro svg{color:var(--accent)}.drawer-pro{flex:none;border-top:1px solid var(--border);padding:4px 0}.pro-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--accent-text);border-radius:6px;color:var(--accent-text);font-weight:800;letter-spacing:.04em}.size-dot{display:inline-block;background:currentColor}.gesture-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gesture-list li{display:flex;align-items:center;gap:14px;padding:8px;border-radius:var(--radius-control);background:var(--surface-2)}.gesture-list .art{width:64px;height:64px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);background:var(--bg)}.gesture-list b,.gesture-list .body{display:block}.gesture-list b{font-size:var(--text-16)}.gesture-list .body{color:var(--text-dim)}.link-row{text-decoration:underline;text-underline-offset:3px;min-height:var(--hit);display:flex;align-items:center;gap:4px;margin-top:12px;padding:0;border:0;background:transparent;color:var(--accent-text);font-weight:600;text-align:left}.shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 24px;max-height:60dvh;overflow-y:auto;color:var(--text)}.shortcuts h3{margin:0 0 4px;font-size:var(--text-12);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.shortcuts table{width:100%;border-collapse:collapse}.shortcuts th,.shortcuts td{padding:4px 0;text-align:left;vertical-align:top;font-weight:400;border-bottom:1px solid var(--border)}.shortcuts th{width:42%;padding-right:12px}.shortcuts kbd{font-size:var(--text-12);font-weight:700;color:var(--text)}.rename-form{display:flex;flex-direction:column;gap:6px;color:var(--text)}.rename-form label{font-weight:700}.text-field{width:100%;min-height:var(--hit);padding:0 12px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-control)}.hint-text.bad{color:var(--err);font-weight:700}.meter{height:8px;border-radius:4px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden;margin:8px 0 12px}.meter>i{display:block;height:100%;background:var(--ok)}.meter.full{border-color:var(--err)}.meter.full>i{background:repeating-linear-gradient(135deg,var(--err) 0 6px,var(--surface-2) 6px 10px)}.share-text{color:var(--text-dim);margin:0 0 12px}.share-text strong{color:var(--text)}.link-field{width:100%;min-height:var(--hit);padding:0 12px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--text-12);margin-bottom:12px}.row{display:flex;gap:8px;flex-wrap:wrap}.row .btn{flex:1}.error-text{margin:0 0 12px;color:var(--err);font-weight:700;display:flex;align-items:center;gap:6px}.ro .tools .tool,.ro .dock .swatch{opacity:.4}.ro .tools .tool[aria-pressed=true]{background:transparent;color:var(--text)}.ro .pal-add,.ro .ltoggle,.ro .lopacity{opacity:.4}.ro .dock .swatch[aria-pressed=true]{outline:none}.ro .dock .swatch .tick{display:none}.stage-wrap.has-place .stage{bottom:88px}.stage-wrap.has-place .zoom-readout{bottom:96px}.place-wrap{position:absolute;left:0;right:0;bottom:0;height:88px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 16px;pointer-events:none;z-index:3}.place-wrap>*{pointer-events:auto}.place-why{flex:1;min-width:0;color:var(--text-dim);font-size:var(--text-14);text-align:right}.place{min-width:72px;min-height:72px;padding:0 20px;border:0;border-radius:36px;background:var(--accent);color:var(--on-accent);font-weight:800;touch-action:none;user-select:none;-webkit-user-select:none}.place.off,.place[aria-disabled=true]{background:transparent;color:var(--text-dim);border:2px dashed var(--text-dim)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.boot-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:var(--bg);color:var(--text)}.boot-error h1{margin:0;font-size:var(--text-20)}.boot-error p{margin:0;color:var(--text-dim)}.tl-counter.scrubbable{touch-action:none;cursor:ew-resize;min-height:var(--hit);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tl-strip .dur{display:inline-flex;align-items:center;gap:4px;color:var(--text-dim);margin-left:auto;padding-right:8px}.tl-strip .dur-input{width:72px;min-height:var(--hit)}.tl-counter{min-width:max-content;flex:1 1 auto}.l-tablet .dur-word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app.l-phone-portrait{grid-template-rows:48px auto minmax(200px,1fr) auto auto auto}.l-phone-portrait .timeline{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.l-tablet .dock .panel-title{font-size:var(--text-14);font-weight:400;letter-spacing:0;text-transform:none}.l-tablet .dock .panel-title .pt-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.l-desktop .dock-palette .dock-fill{height:auto}.l-desktop .dock-palette .pal-grid{gap:3px;padding:4px 2px}.l-desktop{--col-fixed: calc(48px + var(--tl-h, 147px));--lay-fixed: 289px;--pal-fixed: 71px}.l-desktop:has(.banners){--col-fixed: calc(109px + var(--tl-h, 147px))}.l-desktop:not(:has(.dock-layers .llist>li+li)){--lay-fixed: 231px}.l-desktop:has(.pal-grid-wrap+.pal-foot){--pal-fixed: 119px}.l-desktop .dock-palette:has(.rgba-body){max-height:calc(100dvh - var(--col-fixed) - var(--lay-fixed));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;background:linear-gradient(var(--surface) 30%,transparent) center top / 100% 24px no-repeat local,linear-gradient(transparent,var(--surface) 70%) center bottom / 100% 24px no-repeat local,radial-gradient(farthest-side at 50% 0,var(--scrim),transparent) center top / 100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--scrim),transparent) center bottom / 100% 10px no-repeat scroll,var(--surface)}.l-desktop .dock-palette .pal-grid-wrap{flex:0 0 auto;min-height:0;max-height:clamp(98px,calc(round(down,calc(100dvh - var(--col-fixed) - var(--lay-fixed) - var(--pal-fixed) - 4px),47px) + 4px),239px);background:linear-gradient(var(--surface) 30%,transparent) center top / 100% 24px no-repeat local,linear-gradient(transparent,var(--surface) 70%) center bottom / 100% 24px no-repeat local,radial-gradient(farthest-side at 50% 0,var(--scrim),transparent) center top / 100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--scrim),transparent) center bottom / 100% 10px no-repeat scroll}@media(max-height:560px){.l-phone-portrait .frame .meta,.l-phone-landscape .frame .meta{font-size:11px;gap:4px}}.l-phone-portrait .tl-strip{gap:0;padding:0}.l-phone-portrait .tl-counter{min-width:0;padding-left:4px}.l-phone-portrait .pill .pb{padding:0 8px 0 6px}.app.l-phone-landscape{grid-template-rows:48px auto minmax(200px,1fr) auto auto}.l-phone-landscape .timeline{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.l-phone-landscape .tl-strip{min-height:44px}.l-phone-landscape .frames{min-height:68px;padding-bottom:2px}.l-phone-landscape .frame{width:56px;height:64px}.l-phone-landscape .frame .thumbbox,.l-phone-landscape .frame .thumb{width:40px;height:40px}.l-desktop .dock-layers{padding-top:6px;padding-bottom:4px}.l-desktop .dock-palette{padding-bottom:8px}.l-desktop .dock-palette .slots-row,.l-desktop .dock-layers .lreason{margin-top:4px}.l-desktop .dock-layers .dock-fill{height:auto;min-height:100%}.dock-layers .lfoot{position:sticky;bottom:0;z-index:1;background:var(--surface);box-shadow:0 4px 0 var(--surface)}.l-desktop .dock-layers .lscroll{flex:0 0 auto;max-height:300px}.l-tablet .ctxbar.opt-strip .segmented,.l-desktop .ctxbar.opt-strip .segmented{flex:0 1 360px;max-width:360px}.l-tablet .ctxbar.opt-strip,.l-desktop .ctxbar.opt-strip{justify-content:flex-start}.l-phone-landscape .tools.rail{padding-bottom:0}.tl-strip .btn.tags-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;line-height:1}.l-tablet .tools,.l-desktop .tools,.l-phone-landscape .tools{background:linear-gradient(var(--surface) 30%,transparent) center top / 100% 24px no-repeat local,linear-gradient(transparent,var(--surface) 70%) center bottom / 100% 24px no-repeat local,radial-gradient(farthest-side at 50% 0,var(--scrim),transparent) center top / 100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--scrim),transparent) center bottom / 100% 10px no-repeat scroll,var(--surface)}.l-desktop{--item: 50px}.l-desktop .tool{height:var(--item)}@media(max-height:899px){.l-desktop{--item: 44px}.l-desktop .tools{gap:2px;padding-top:4px}}.tool-group{position:relative;flex:none}.grp-mark{position:absolute;right:6px;bottom:6px;width:0;height:0;border-style:solid;border-width:0 0 6px 6px;border-color:transparent transparent currentColor transparent;opacity:.7;pointer-events:none}.tool-fly{display:none;position:fixed;left:calc(var(--rail) - 6px);margin-top:calc(-1 * var(--item));z-index:25;flex-direction:column;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-sheet)}.tool-group.open .tool-fly{display:flex}@media(hover:hover)and (pointer:fine){.tool-group:hover .tool-fly{display:flex}}@media(min-height:701px)and (max-height:1100px){.l-tablet .tool{height:48px}}.dock-layers .lrow:not(.active) .lpct{display:none}.dock-layers .lscroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.dock-layers .dock-fill>.panel-title{position:sticky;top:0;z-index:2;margin:0;padding-bottom:8px;background:var(--surface);box-shadow:0 -6px 0 var(--surface)}@media(max-height:760px){.l-desktop .dock-layers .lhead{min-height:44px}.l-desktop .dock-layers .lreason{margin-top:0}.l-desktop .dock-layers .dock-fill>.panel-title{padding-bottom:4px}}.tl-counter .tl-lim{font-size:12px;line-height:1.15;color:var(--text-dim);white-space:nowrap}@media(max-height:760px){.l-desktop{--item: 44px}.l-desktop .tools{gap:0;padding-top:0}.l-desktop .tools>.tool .lbl,.l-desktop .tools>.tool-group>.tool .lbl{display:none}}.tool-group.quiet .tool-fly{display:none}.l-desktop .pal-head{align-items:flex-start}.pal-title-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.l-desktop .pal-title-col .panel-title{margin-top:4px}.l-desktop .pal-head .slots-row{margin:0;padding:0;border:0;gap:6px}.l-desktop .pal-head .slot-chip{min-height:0}.l-desktop .pal-head .slot-chip b{display:none}.l-desktop .pal-head .slots-row .btn{min-height:44px;min-width:44px;margin:-8px 0;padding:0 8px;position:relative;z-index:3}@media(forced-colors:active){.pal-swatch,.swatch-pair i,.slot-chip i,.ce-chip,.bg-sw,.bgprev,.strip,.strip i{forced-color-adjust:none;border-color:var(--swatch-edge)}.pal-swatch.on{outline:3px solid var(--swatch-edge);outline-offset:2px}}@media(min-width:360px){.tools.bar .tool .lbl{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:12px;letter-spacing:-.2px;padding:0}.tools.bar{min-height:60px}.tools.bar .tool{height:56px}.tools.bar .swatch-tool .swatch-pair{height:26px}}@media(min-width:360px)and (max-width:379px){.tools.bar .tool .lbl{font-size:9px;letter-spacing:-.4px}}.l-phone-landscape .tools .tool.more{position:sticky;bottom:0;margin-top:auto;z-index:1;border-top:1px solid var(--border);border-radius:0;box-shadow:0 -8px 8px -6px var(--scrim)}@media(max-height:299px){.l-phone-landscape .tools .tool.more{position:relative;margin-top:0;box-shadow:none}}.l-phone-landscape .tools .tool.more:not([aria-pressed=true]){background:var(--surface)}.pill .ghost-word{font-size:var(--text-12)}@media(max-width:359px){.pill .ghost-word{display:none}}.app.precision .hint{display:none}pfl-skel{position:absolute;inset:0;display:grid;grid-template-rows:48px minmax(0,1fr) 56px;background:var(--bg)}pfl-skel-top,pfl-skel-bar{display:block;background:var(--surface);border-bottom:1px solid var(--border)}pfl-skel-bar{border-top:1px solid var(--border);border-bottom:0}pfl-skel-stage{display:grid;place-items:center;min-height:0}pfl-skel-art{display:block;width:min(80vw,60vh);height:min(80vw,60vh);background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 16px 16px}*~pfl-skel{display:none}
