*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:clip}html{scrollbar-color:color-mix(in srgb, var(--ink) 20%, transparent) transparent}body{background:var(--panel);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body);font-feature-settings:"cv05", "cv08", "ss01", "ss03";letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}button{font:inherit;color:inherit;border-radius:var(--radius-control);cursor:pointer;background:0 0;border:1px solid #0000;padding:5px 10px}:where(button:hover:not(:disabled)){background:var(--hover)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,.thumb:focus-visible,summary:focus-visible{outline:2px solid var(--select);outline-offset:2px}button.primary,a.primary{background:var(--action);color:var(--on-ink);font-weight:var(--weight-strong);padding:var(--space-6) 14px;border-radius:var(--radius-control);font-size:var(--text-ui);font-variant-numeric:tabular-nums;border-color:#0000;text-decoration:none}button.primary:hover:not(:disabled),a.primary:hover{background:var(--action-hover)}button.ghost{border-color:var(--line);background:0 0}button.ghost:hover:not(:disabled){border-color:var(--line-strong);background:var(--hover)}button.ghost.danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 30%, transparent)}.primary.wide{width:100%}.rule{background:var(--line-strong);width:1px;height:20px;margin:0 var(--space-4);flex:none;align-self:center}.icon-btn{all:unset;box-sizing:border-box;border-radius:var(--radius-control);width:27px;height:27px;color:var(--muted);cursor:pointer;flex:none;place-items:center;display:grid}.icon-btn svg{width:17px;height:17px}.icon-btn:hover{background:var(--hover);color:var(--ink)}.icon-btn:focus-visible{outline:2px solid var(--select);outline-offset:2px}.icon-btn[disabled]{opacity:.4;pointer-events:none}.icon-btn[aria-pressed=true]{color:var(--ink)}.icon-btn.solid{background:var(--action);color:var(--on-ink)}.icon-btn.solid:hover{background:var(--action-hover);color:var(--on-ink)}.icon-btn.danger:hover{color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent)}button.ghost.danger{justify-content:center;align-items:center;gap:var(--space-6);display:inline-flex}textarea,input{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:10px var(--space-12);resize:none;outline:none;width:100%}:where(:root[data-keys]) :is(textarea,input):focus{border-color:var(--ink)}select{font:inherit;font-size:var(--text-body);color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:var(--space-6) 10px}code,kbd,samp{font-family:inherit}code{background:var(--field);color:var(--ink);border-radius:var(--radius-mark);padding:1px 5px;font-size:.92em}pre{font-family:var(--font-mono);font-size:var(--text-ui);white-space:pre-wrap;background:0 0;margin:0;padding:0;line-height:1.5;overflow:auto}pre code{font-family:inherit;font-size:inherit;background:0 0;padding:0}:root{--chat-w:360px;--insp-w:272px;--top-h:42px}.shell{background:var(--panel);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;position:relative;overflow:clip}.work,.home{grid-area:1/1}.studio-pill{z-index:30;align-items:center;gap:var(--space-2);max-width:min(520px,100vw - 28px);height:40px;padding:var(--space-4);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-lg);box-sizing:border-box;border:1px solid #0000;display:flex;position:absolute;top:14px;left:14px}.studio-home{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-8);height:30px;padding:0 10px 0 var(--space-8);border-radius:var(--radius-item);font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);cursor:pointer;white-space:nowrap;flex:none;display:inline-flex}.studio-home svg{flex:none;display:block}.studio-home:hover,.studio-home[aria-expanded=true]{background:var(--pressed)}.studio-home:focus-visible{outline:2px solid var(--select);outline-offset:1px}.studio-project{field-sizing:content;box-sizing:border-box;min-width:48px;max-width:280px;height:30px;padding:0 var(--space-8);border-radius:var(--radius-item);color:var(--muted);font:inherit;font-size:var(--text-body);font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;cursor:text;background:0 0;border:1px solid #0000;flex:0 auto;overflow:hidden}.studio-project:hover{background:var(--hover);color:var(--ink)}.studio-project:focus{background:var(--panel);border-color:var(--ink);color:var(--ink);outline:none}.studio-panel{z-index:31;gap:var(--space-6);width:380px;max-height:calc(100% - 76px);padding:var(--space-6);box-sizing:border-box;border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-lg);transform-origin:24px 0;animation:studio-panel-in .16s var(--ease) both;border:1px solid #0000;flex-direction:column;display:flex;position:absolute;top:62px;left:14px}.shell:has(>.project-work[data-active=on][data-rulers=on]) .studio-panel{max-height:calc(100% - 92px);top:78px;left:30px}@keyframes studio-panel-in{0%{opacity:0;scale:.98}}.studio-tabs{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-box);background:var(--field);flex:none;display:flex}.studio-tabs button{justify-content:center;align-items:center;gap:var(--space-6);height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);color:var(--muted);font-size:var(--text-ui);font-weight:var(--weight-strong);white-space:nowrap;background:0 0;border:0;flex:1 1 0;display:inline-flex}.studio-tabs button:hover:not(.on){color:var(--ink)}.studio-tabs button.on{background:var(--panel);color:var(--select-ink);box-shadow:var(--shadow-sm)}.studio-panel-body{scrollbar-width:thin;min-height:0;margin-right:calc(-1 * var(--space-6));padding-right:var(--space-6);flex:auto;overflow:hidden auto}.studio-panel .rail-box:has(>.project-row){gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-panel .rail-box:has(>.project-row)>.rail-box-head{grid-column:1/-1}.studio-panel .project-open{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.studio-panel .project-cover{aspect-ratio:16/10;width:100%;height:auto}.studio-panel .project-del{top:12px;right:12px;translate:none}.studio-panel nav{flex-direction:column;gap:1px;display:flex}.studio-panel nav a{color:var(--ink);height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);white-space:nowrap;text-overflow:ellipsis;line-height:28px;font-size:var(--text-ui);text-decoration:none;display:block;overflow:hidden}.studio-panel nav a:hover{background:var(--panel)}.studio-panel nav a.active{background:var(--panel);color:var(--select-ink);font-weight:var(--weight-strong);box-shadow:var(--shadow-sm)}.studio-scrim{z-index:39;background:color-mix(in srgb, var(--ink) 28%, transparent);border:0;border-radius:0;padding:0;animation:.16s both fade;position:fixed;inset:0}.studio-scrim:hover{background:color-mix(in srgb, var(--ink) 28%, transparent)}.brand{font-weight:var(--weight-strong);letter-spacing:0;font-size:var(--text-body);align-items:center;gap:var(--space-8);padding:0 var(--space-4);flex:1;display:flex}.rail-section{gap:var(--space-8);flex-direction:column;display:flex}.rail-head{justify-content:space-between;align-items:center;gap:var(--space-8);height:40px;padding-left:var(--space-8);flex:none;display:flex}.rail-head h2{font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.rail-act{align-items:center;gap:var(--space-6);height:var(--control-sm);padding:0 10px 0 var(--space-8);border-radius:var(--radius-control);background:var(--field);color:var(--ink);font-size:var(--text-ui);font-weight:var(--weight-strong);white-space:nowrap;border:0;flex:none;display:inline-flex}.rail-act:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 7%, var(--field))}.rail-act svg{flex:none;width:16px;height:16px}.rail-act:disabled{opacity:.5;cursor:default}.rail-box{padding:var(--space-4);border-radius:var(--radius-box);background:var(--field);flex-direction:column;gap:1px;display:flex}.rail-box-head{justify-content:space-between;align-items:center;gap:var(--space-8);height:var(--control-sm);padding:0 var(--space-8);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--muted);display:flex}.rail-box-head>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.rail-count{font-weight:var(--weight-regular);color:var(--faint);font-variant-numeric:tabular-nums;flex:none}.rail-empty{padding:var(--space-6) var(--space-8);font-size:var(--text-ui);color:var(--muted);margin:0;line-height:1.45}.rail-note{font-size:var(--text-meta);color:var(--bad);padding:var(--space-2) var(--space-8) var(--space-4)}.project-row{min-width:0;position:relative}.project-open{padding:var(--space-6);border-radius:var(--radius-item);color:inherit;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;text-decoration:none;display:grid}.project-open:hover{background:var(--panel)}.project-open:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.project-cover{border-radius:var(--radius-mark);background:var(--canvas);width:64px;height:40px;box-shadow:inset 0 0 0 1px var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.project-cover img{width:auto;max-width:86%;height:auto;max-height:86%;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 12%, transparent);margin:auto;position:absolute;inset:0}.project-cover[data-hue]{box-shadow:none}.project-cover[data-hue=tomato]{background:var(--pop-tomato-soft);--hue-ink:var(--pop-tomato-ink)}.project-cover[data-hue=sun]{background:var(--pop-sun-soft);--hue-ink:var(--pop-sun-ink)}.project-cover[data-hue=mint]{background:var(--pop-mint-soft);--hue-ink:var(--pop-mint-ink)}.project-cover[data-hue=sky]{background:var(--pop-sky-soft);--hue-ink:var(--pop-sky-ink)}.project-cover[data-hue=sea]{background:var(--pop-sea-soft);--hue-ink:var(--pop-sea-ink)}.project-cover[data-hue=peach]{background:var(--pop-peach-soft);--hue-ink:var(--pop-peach-ink)}.project-initial{font-size:var(--text-title);font-weight:var(--weight-strong);color:var(--hue-ink,var(--faint))}.project-text{flex-direction:column;gap:1px;min-width:0;display:flex}.project-name{font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-row.on .project-name{color:var(--select-ink)}.project-meta{font-size:var(--text-meta);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-row.pending .project-text{opacity:.6}.project-del{border-radius:var(--radius-item);opacity:0;background:var(--panel);width:26px;height:26px;box-shadow:var(--shadow-sm);position:absolute;top:50%;right:6px;translate:0 -50%}.project-del svg{width:14px;height:14px}.project-row:hover>.project-del,.project-del:focus-visible{opacity:1}.project-del[disabled]{opacity:0}@media (hover:none){.project-del{opacity:1}}.asset-grid{gap:var(--space-4);padding:0 var(--space-4) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.asset{min-width:0;position:relative}.asset-tile{all:unset;box-sizing:border-box;aspect-ratio:1;border-radius:var(--radius-item);background:var(--canvas);width:100%;color:var(--faint);cursor:pointer;place-items:center;display:grid;position:relative;overflow:hidden}.asset-tile img,.asset-tile video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.asset-tile img[data-fit=contain]{object-fit:contain;box-sizing:border-box;padding:10%}.asset-tile:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;transition:box-shadow .14s;position:absolute;inset:0}.asset-tile:hover:after,.asset-tile:focus-visible:after{box-shadow:inset 0 0 0 2px var(--select)}.asset-tile:focus-visible{outline:none}.asset-badge{background:var(--panel);width:18px;height:18px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;left:4px}.asset-name{padding:var(--space-2) 5px;font-size:var(--text-meta);color:var(--ink);background:var(--panel);white-space:nowrap;text-overflow:ellipsis;opacity:0;line-height:1.45;transition:opacity .14s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.asset:hover .asset-name,.asset-tile:focus-visible .asset-name{opacity:1}.asset .asset-place{border-radius:var(--radius-item);background:var(--panel);width:22px;height:22px;color:var(--ink);box-shadow:var(--shadow-sm);opacity:0;position:absolute;top:4px;right:4px}.asset-place svg{width:14px;height:14px}.asset-place:hover{background:var(--panel);color:var(--select-ink)}.asset:hover .asset-place,.asset-place:focus-visible{opacity:1}@media (hover:none){.asset .asset-place{opacity:1}}.asset-dur{border-radius:var(--radius-mark);background:var(--panel);color:var(--ink);font-size:var(--text-meta);line-height:var(--leading-code);font-variant-numeric:tabular-nums;padding:0 5px;position:absolute;top:4px;right:4px}.asset[data-kind=video] .asset-dur{top:auto;bottom:4px}.asset-filter{gap:var(--space-6);padding:0 var(--space-2);flex-direction:column;display:flex}.asset-search{box-sizing:border-box;border-radius:var(--radius-control);background:var(--field);width:100%;height:30px;color:var(--ink);font:inherit;font-size:var(--text-ui);border:1px solid #0000;padding:0 10px}.asset-search:hover{background:color-mix(in srgb, var(--ink) 4%, var(--field))}.asset-search:focus{outline:none}:where(:root[data-keys]) .asset-search:focus{background:var(--panel);border-color:var(--ink)}.asset-facets{gap:var(--space-4);flex-wrap:wrap;display:flex}.asset-facets button{height:var(--control-xs);border-radius:var(--radius-mark);background:var(--field);color:var(--ink);font-size:var(--text-ui);white-space:nowrap;cursor:pointer;border:0;padding:0 9px}.asset-facets button small{color:var(--faint);font-size:var(--text-meta);font-variant-numeric:tabular-nums}.asset-facets button:hover{background:color-mix(in srgb, var(--ink) 7%, var(--field))}.asset-facets button.on{background:var(--select-soft);color:var(--select-ink);font-weight:var(--weight-strong)}.asset-facets button.on small{color:var(--select-ink)}.asset-head{justify-content:flex-start;padding-left:0}.asset-head .icon-btn{width:28px;height:var(--control-sm);flex:none}.asset-preview{place-items:center;gap:var(--space-8);min-height:72px;margin:0 0 var(--space-6);border-radius:var(--radius-item);color:var(--faint);background:var(--canvas) repeating-conic-gradient(color-mix(in srgb, var(--ink) 5%, transparent) 0 25%, transparent 0 50%) 0 0 / 14px 14px;display:grid;overflow:hidden}.asset-preview[data-kind=audio],.asset-preview[data-kind=font]{padding:14px var(--space-8);background:var(--canvas)}.asset-preview img,.asset-preview video{object-fit:contain;max-width:100%;max-height:260px;display:block}.asset-preview audio{width:100%}.asset-big{all:unset;cursor:zoom-in;display:block}.asset-big:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.asset-path{padding:0 var(--space-6) var(--space-6);font-size:var(--text-meta);color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;line-height:1.5;display:block}.asset-actions{gap:var(--space-4);padding:0 var(--space-2) var(--space-2);flex-wrap:wrap;display:flex}.asset-actions .rail-act{background:var(--panel);height:26px;text-decoration:none}.asset-actions .rail-act:hover{background:var(--panel);color:var(--select-ink)}.asset-prompt{padding:var(--space-2) var(--space-8) var(--space-6);font-size:var(--text-ui);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;max-height:220px;margin:0;line-height:1.5;overflow-y:auto}.asset-fields{padding:0 var(--space-8) var(--space-4);gap:var(--space-4);font-size:var(--text-ui);flex-direction:column;margin:0;display:flex}.asset-fields div{gap:var(--space-8);grid-template-columns:76px minmax(0,1fr);display:grid}.asset-fields dt{color:var(--faint)}.asset-fields dd{color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0}.asset-used{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.asset-used button{all:unset;box-sizing:border-box;width:100%;height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);line-height:28px;font-size:var(--text-ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;display:block;overflow:hidden}.asset-used button:hover{background:var(--panel);color:var(--select-ink)}.asset-used button:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.asset-log{padding:var(--space-2) var(--space-8) var(--space-6);font-size:var(--text-ui);flex-direction:column;gap:10px;margin:0;list-style:none;display:flex}.asset-log>li{flex-direction:column;gap:1px;display:flex}.asset-log b{font-weight:var(--weight-strong);color:var(--ink);overflow-wrap:anywhere}.asset-log small{color:var(--faint);font-size:var(--text-meta)}.asset-net{margin-top:var(--space-4)}.asset-net summary{cursor:pointer;color:var(--muted);font-size:var(--text-meta)}.asset-net summary:hover{color:var(--ink)}.asset-net ul{margin:var(--space-6) 0 0;padding:0 0 0 var(--space-8);border-left:2px solid var(--line);gap:var(--space-6);flex-direction:column;list-style:none;display:flex}.asset-net li{font-size:var(--text-meta);flex-direction:column;gap:1px;display:flex}.asset-net b{font-weight:var(--weight-strong)}.asset-net .net-status{font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}.asset-net li[data-ok=yes] .net-status{color:var(--ok)}.asset-net li[data-ok=no] .net-status{color:var(--bad)}.asset-net code{color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.home{background:var(--panel);grid-area:1/1;min-width:0;min-height:0}.agent-title{text-wrap:balance}.work[hidden],.home[hidden]{display:none!important}.brief{max-width:660px;padding:6vh var(--space-20) 36px;width:100%;margin:0 auto;overflow:auto}.brief h1{font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-strong);margin:0 0 var(--space-16)}.brief .sub{color:var(--muted);font-size:var(--text-body);margin:0 0 18px}.brief.at-foot{padding:var(--space-16) var(--space-20) 14px;margin-top:auto;overflow:visible}.brief.at-foot .brief-box textarea{min-height:52px}.brief-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-6) var(--space-6) var(--space-8);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.brief-box textarea{font-size:var(--text-field);background:0 0;border:none;min-height:68px;max-height:40vh;padding:11px 11px 5px}.brief-tools{align-items:flex-end;gap:var(--space-4);padding:3px 5px 1px;display:flex}.tool-row{flex-wrap:wrap;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.tool-row.grouped{column-gap:var(--space-12)}.pill-group{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;display:flex}.ideas{align-items:center;gap:var(--space-6);flex-wrap:wrap;min-width:0;margin-top:14px;display:flex}.home-page .ideas{justify-content:center}.idea{align-items:center;gap:var(--space-6);max-width:100%;height:26px;padding:0 var(--space-12);border-radius:var(--radius-mark);background:var(--idea-soft,var(--field));color:var(--idea-ink,var(--ink));font-size:var(--text-ui);white-space:nowrap;border:1px solid #0000;animation:.21s ease-out both arrive;display:inline-flex;overflow:hidden}.idea svg{stroke-width:1.8px;flex:none}.idea-label{text-overflow:ellipsis;min-width:0;font-weight:var(--weight-strong);overflow:hidden}.idea:hover,.idea:focus-visible{border-color:color-mix(in srgb, var(--idea-ink,var(--ink)) 35%, transparent);background:var(--idea-soft,var(--field));color:var(--idea-ink,var(--ink))}.idea[data-hue=sky]{--idea-soft:var(--pop-sky-soft);--idea-ink:var(--pop-sky-ink)}.idea[data-hue=tomato]{--idea-soft:var(--pop-tomato-soft);--idea-ink:var(--pop-tomato-ink)}.idea[data-hue=mint]{--idea-soft:var(--pop-mint-soft);--idea-ink:var(--pop-mint-ink)}.idea[data-hue=sun]{--idea-soft:var(--pop-sun-soft);--idea-ink:var(--pop-sun-ink)}.idea[data-hue=peach]{--idea-soft:var(--pop-peach-soft);--idea-ink:var(--pop-peach-ink)}.idea[data-hue=sea]{--idea-soft:var(--pop-sea-soft);--idea-ink:var(--pop-sea-ink)}.ideas-more{width:28px;height:var(--control-sm);color:var(--faint);flex:none}.ideas-more:hover{color:var(--ink)}.ideas-more:active svg{transition:transform .16s var(--ease);transform:rotate(90deg)}.files{gap:var(--space-6);padding:var(--space-2) var(--space-8) 0;flex-wrap:wrap;align-items:center;display:flex}.file{font-size:var(--text-meta);background:var(--field);border-radius:var(--radius-item);padding:var(--space-2) 3px var(--space-2) var(--space-8);gap:var(--space-2);color:var(--muted);align-items:center;display:inline-flex}.file button{padding:0 var(--space-4);color:var(--faint);border-radius:var(--radius-mark);background:0 0;border:none}.file button:hover:not(:disabled){background:var(--pressed)}.composer-hint{font-size:var(--text-meta);color:var(--faint);text-align:center;padding-top:var(--space-6)}.resizer{z-index:6;cursor:col-resize;touch-action:none;width:11px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.resizer[data-side=right]{transform:translate(50%)}.resizer:after{content:"";background:var(--line-strong);opacity:0;transition:opacity .14s var(--ease);position:absolute;inset:0 5px}.resizer:hover:after,[data-resizing]>.resizer:after{opacity:1}.resizer:focus-visible:after{opacity:1;background:var(--select)}.resizer:focus-visible{outline:none}[data-resizing]{-webkit-user-select:none;user-select:none}[data-resizing] *{cursor:col-resize!important}.shell[data-resizing],.project-work[data-resizing]{transition:none}.work{min-width:0;height:100dvh;min-height:0}.messages,.insp-panel{position:relative}.project-work{--ruler:0px;grid-template-columns:var(--chat-w) minmax(0, 1fr);display:grid;position:relative}.project-work[data-rulers=on]{--ruler:16px}.legacy-work,.welcome{flex-direction:column;display:flex}.welcome{place-items:center;display:grid}.welcome h1{font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-strong);margin:0 0 var(--space-4)}.welcome p{color:var(--muted);margin:0 0 18px}.welcome .empty{text-align:center;max-width:420px}.empty{color:var(--faint)}.chat-col{flex-direction:column;grid-column:1;min-width:0;min-height:0;display:flex}.canvas-col{grid-column:2}.chat-head{padding:5px var(--space-8);align-items:center;gap:var(--space-2);min-height:38px;display:flex}.chat-head .spacer{flex:1}.chat-title{font-weight:var(--weight-strong);font-size:var(--text-body);padding:var(--space-4) 7px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.convo{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.messages{overflow-x:hidden}.messages :is(.messages-list,.messages-inner,.msg,.row,.reply,.question){min-width:0;max-width:100%}.md,.user-text,.messages .file,.msg-note,.asked,.q-answer,.row-note,.design-chip{overflow-wrap:anywhere}.messages{overflow-anchor:auto;scrollbar-width:thin;scrollbar-gutter:stable;padding:var(--space-6) var(--space-16) var(--space-20);font-size:var(--text-chat);flex-direction:column;flex:1;display:flex;overflow-y:auto}.messages-list{gap:var(--space-20);flex-direction:column;flex:none;display:flex;container-type:inline-size}.messages-inner{gap:var(--space-20);flex-direction:column;width:100%;max-width:660px;margin:0 auto;display:flex}.msg.user{flex-direction:column;align-self:flex-end;align-items:flex-end;max-width:86%;display:flex}.user-text{background:var(--chat-own);border-radius:var(--radius-panel) var(--radius-panel) var(--radius-mark) var(--radius-panel);padding:var(--space-8) 13px;white-space:pre-wrap;border:1px solid #0000;margin:0;line-height:1.55}.msg.assistant{flex-direction:column;gap:10px;display:flex}.md{line-height:1.6}.md p{margin:10px 0}.md ul,.md ol{padding-left:var(--space-20);margin:10px 0}.md li{margin:var(--space-4) 0}.md h4{margin:18px 0 var(--space-6);font-size:1em}.md a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.md a.file-link{align-items:center;gap:var(--space-4);vertical-align:bottom;display:inline-flex}.md a.file-link svg{flex:none}.md pre{padding:var(--space-8) 10px;border-radius:var(--radius-item);background:var(--field);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;overflow:hidden}.reply{padding:0}.reply .md>:first-child{margin-top:0}.reply .md>:last-child{margin-bottom:0}.arrive{animation:.21s ease-out both arrive}.reply .w{animation:.3s ease-out both arrive}@keyframes arrive{0%{opacity:0}}.reply .md{max-width:36em}@keyframes fade{0%{opacity:0}}.earlier{color:var(--faint);font-size:var(--text-ui);padding:var(--space-6) 10px;border-radius:var(--radius-control);background:0 0;border:none;align-self:center}.earlier:hover{color:var(--ink);background:var(--hover)}.to-latest{padding:var(--space-4) 7px var(--space-4) 11px;border-radius:var(--radius-control);font-size:var(--text-meta);color:var(--muted);white-space:nowrap;background:var(--panel);box-shadow:var(--shadow-md);border:1px solid #0000;align-items:center;gap:3px;animation:.2s both fade;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.to-latest:hover{color:var(--ink);background:var(--panel)}.to-latest .chevron{color:currentColor}.composer{padding:var(--space-4) var(--space-16) 10px}.composer-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-sm);max-width:660px;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);margin:0 auto;padding:3px 5px 5px}:where(:root[data-keys]) :is(.brief-box,.composer-box):focus-within{border-color:color-mix(in srgb, var(--ink) 45%, transparent)}input[type=range]:focus-visible{outline:2px solid var(--select);outline-offset:2px}.composer-box textarea{font-size:var(--text-chat);background:0 0;border:none;min-height:38px;max-height:40vh;padding:9px 10px 3px}.composer-tools{align-items:flex-end;gap:var(--space-4);padding:0 1px;display:flex}.composer-ctx{max-width:calc(100% - 12px);margin:var(--space-6) 0 0 7px;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-6);border-radius:var(--radius-item);background:var(--field);color:var(--muted);font-size:var(--text-ui);cursor:default;align-items:center;gap:5px;line-height:1.5;display:inline-flex}.composer-ctx-x{all:unset;box-sizing:border-box;width:16px;height:16px;margin:0 calc(-1 * var(--space-4)) 0 1px;border-radius:var(--radius-mark);color:var(--faint);cursor:pointer;flex:none;place-items:center;display:grid}.composer-ctx-x:hover{color:var(--ink);background:var(--pressed)}.composer-ctx-x:focus-visible{outline:2px solid var(--select);outline-offset:1px}.composer-ctx-x svg{stroke-width:2.4px}.composer-ctx svg{color:var(--faint);flex:none}.composer-ctx span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.send-pair{flex:none;gap:3px;display:flex}.chat-status{animation:.2s both fade}.row-chevron-room{flex:none;width:14px;height:14px}.msg.user.failed .user-text,.msg.user.failed .file{opacity:.55}.msg-note{font-size:var(--text-meta);color:var(--bad);padding:3px var(--space-4) 0}.brief>.error{font-size:var(--text-body);text-align:center;padding-top:var(--space-8)}.status-line{padding:var(--space-6) var(--space-4) 0;font-size:var(--text-meta);color:var(--faint);text-align:center;justify-content:center;align-items:center;min-height:16px;display:flex}@keyframes pulse{50%{opacity:.2}}.work.loading{place-items:center;display:grid}.veil{z-index:26;grid-template-columns:var(--chat-w) minmax(0, 1fr);background:var(--panel);opacity:1;transition:opacity .18s var(--ease);display:grid;position:absolute;inset:0}.veil[data-canvas=off],.veil[data-chat=off]{grid-template-columns:minmax(0,1fr)}.veil.out{opacity:0;pointer-events:none}.veil.wait:not(.out){animation:veil-in .18s var(--ease) .16s both}@keyframes veil-in{0%{opacity:0}}.veil.plain{padding:var(--space-24);place-items:center;display:grid}.sk{border-radius:var(--radius-item);background:var(--field);position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(110deg, transparent 32%, color-mix(in srgb, var(--ink) 3.5%, transparent) 46%, color-mix(in srgb, var(--ink) 7.5%, transparent) 50%, color-mix(in srgb, var(--ink) 3.5%, transparent) 54%, transparent 68%);background-size:250% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.veil[data-offline] .sk:after{content:none}.veil-chat{flex-direction:column;min-width:0;min-height:0;display:flex}.veil-head{padding:5px var(--space-8);align-items:center;min-height:38px;display:flex}.veil-log{min-height:0;padding:14px var(--space-16);flex-direction:column;flex:1;gap:18px;display:flex;overflow:hidden}.veil-msg{flex-direction:column;gap:7px;display:flex}.veil-msg.you{align-items:flex-end}.veil-composer{padding:var(--space-4) var(--space-16) 10px}.veil-composer .sk{border-radius:var(--radius-panel);max-width:660px;height:86px;margin:0 auto}.veil-canvas{flex-direction:column;min-width:0;min-height:0;display:flex}.veil-bar{align-items:center;gap:var(--space-8);height:calc(var(--top-h) + 1px);border-bottom:1px solid var(--line);padding:0 10px;display:flex}.veil-area{grid-template-columns:minmax(0, 1fr) var(--insp-w,272px);flex:1;min-height:0;display:grid}.veil-field{isolation:isolate;background:var(--canvas);justify-content:center;align-items:center;gap:var(--space-20);min-width:0;display:flex;position:relative;overflow:hidden}.canvas:before,.veil-field:before{content:"";z-index:-1;pointer-events:none;background:var(--canvas-dots) 0 0 / var(--canvas-grid) var(--canvas-grid) repeat;-webkit-mask-image:var(--canvas-fade);-webkit-mask-image:var(--canvas-fade);mask-image:var(--canvas-fade);position:absolute;inset:0}.veil-insp{border-left:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.veil-insp-head{padding:0 var(--space-12) 0 15px;height:calc(var(--top-h) + 1px);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:14px;display:flex}.veil-insp-head .sk:last-child{border-radius:var(--radius-control);margin-left:auto}.veil[data-float=on] .veil-tabs,.veil[data-float=on] .veil-bar,.veil:not([data-float=on]) .veil-insp-head{display:none}.veil[data-float=on] .veil-area{grid-template-columns:minmax(0,1fr);position:relative}.veil[data-float=on] .veil-insp{top:calc(var(--ruler,0px) + 14px);width:var(--insp-w,272px);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-lg);border:1px solid #0000;position:absolute;bottom:14px;right:14px;overflow:hidden}.veil[data-float=on][data-panel=min] .veil-insp{bottom:auto}.veil[data-float=on][data-panel=min] .veil-insp-body{display:none}.veil[data-float=on][data-panel=min] .veil-insp-head{border-bottom:0}.veil-tabs{align-items:center;gap:var(--space-20);border-bottom:1px solid var(--line);flex:none;height:38px;padding:0 17px;display:flex}.veil-insp-body{padding:var(--space-12) 10px;gap:var(--space-8);flex-direction:column;align-items:flex-start;display:flex}.veil-ab{background:color-mix(in srgb, var(--ink) 5%, transparent);box-shadow:var(--shadow-sm);border-radius:2px;flex:none}@media (prefers-reduced-motion:reduce){.sk:after{animation:none}.veil{transition:none}}.project-work[data-float=on]{--tools-room:62px;--card-top:118px;grid-template-columns:minmax(0,1fr)}.project-work[data-float=on] .canvas-col{grid-area:1/1}.chat-card{z-index:16;left:calc(var(--ruler) + 14px);bottom:calc(14px + var(--card-dock,0px));box-sizing:border-box;width:var(--chat-w);max-width:calc(100% - var(--ruler) - 28px);max-height:calc(100% - var(--ruler) - var(--card-top) - 14px - var(--card-dock,0px));background:var(--panel);border-radius:var(--radius-panel);min-height:0;box-shadow:var(--shadow-lg);border:1px solid #0000;flex-direction:column;display:flex;position:absolute;overflow:hidden}.project-work[data-card-at=moved] .chat-card{max-height:calc(100% - var(--card-y,0px) - var(--ruler) - 14px)}.chat-card[hidden]{display:none}.chat-card[data-dragging]{-webkit-user-select:none;user-select:none}.chat-card[data-dragging] *{cursor:grabbing!important}.project-work[data-morph=closing] .chat-card{pointer-events:none}.chat-card>.chat-host{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.chat-card .chat-host>:is(.chat-col,.chat-index){flex:auto;min-height:0}.chat-card .chat{justify-content:flex-end}.chat-card .chat-head{height:44px;min-height:0;padding:0 var(--space-6) 0 var(--space-6);gap:var(--space-4);cursor:grab;flex:none}.chat-card .chat-head :is(button,a,input){cursor:pointer}.chat-card .messages{padding:var(--space-4) var(--space-12) var(--space-16) 14px}.chat-card .composer{padding:var(--space-4) var(--space-8) var(--space-8)}.chat-card .chat .status-line{padding-top:var(--space-16)}.chat-card .chat-index .chat-index-body{padding:0 var(--space-8) var(--space-8);flex:auto}.chat-launcher{z-index:16;left:calc(var(--ruler) + 14px);bottom:calc(14px + var(--card-dock,0px));box-sizing:border-box;width:var(--chat-btn-w,84px);height:38px;padding:0 var(--space-12);border-radius:var(--radius-panel);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-lg);font-weight:var(--weight-strong);font-size:var(--text-body);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;display:inline-flex;position:absolute}.chat-launcher:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 4%, var(--panel));color:var(--ink)}.project-work[data-morph=opening] .chat-launcher{pointer-events:none}.launcher-dot{background:var(--faint);width:7px;height:7px;animation:pulse 1.4s var(--ease) infinite;border-radius:50%}.chat-launcher .launcher-dot{background:var(--select);box-shadow:0 0 0 2px var(--panel);position:absolute;top:4px;right:4px}.project-work[data-float=on][data-card-at=corner][data-card=folded] .tl-launcher{left:calc(var(--ruler) + 14px + var(--chat-btn-w,84px) + 8px)}.project-work[data-float=on][data-card-at=corner][data-card=open][data-tl=button] .tl-launcher{left:calc(var(--ruler) + 14px + var(--chat-w) + 12px)}.tl-launcher{z-index:15;left:var(--dock-l,14px);padding:var(--space-8) 15px var(--space-8) var(--space-12);border-radius:var(--radius-panel);background:var(--panel);color:var(--ink);font-weight:var(--weight-strong);font-size:var(--text-body);box-shadow:var(--shadow-lg);border:1px solid #0000;align-items:center;gap:7px;display:inline-flex;position:absolute;bottom:14px}.canvas-col[data-tl-morph=closing] .timeline,.canvas-col[data-tl-morph=opening] .tl-launcher{pointer-events:none}.project-work{--panel-in:.2s;--panel-out:.15s}.project-work[data-float=on] .canvas-area{grid-template-columns:minmax(0,1fr)}.project-work[data-float=on] .inspector{z-index:15;top:calc(var(--ruler) + 14px);width:var(--insp-w);border-radius:var(--radius-panel);isolation:isolate;background:0 0;border:0;padding:1px;position:absolute;bottom:14px;right:14px;overflow:visible}.project-work[data-float=on] .inspector[data-min]{pointer-events:none}.project-work[data-float=on] .inspector[data-min] .insp-head{pointer-events:auto}.project-work[data-float=on] .inspector .insp-head{background:0 0;border-bottom:0}.insp-card{display:none}.project-work[data-float=on] .insp-card{z-index:-1;pointer-events:none;filter:var(--shadow-lg-drop);display:block;position:absolute;inset:0}.insp-card:before,.insp-card:after{content:"";background:var(--panel);border:1px solid var(--line);position:absolute;left:0;right:0}.insp-card:before{top:calc(var(--top-h) + 3px - var(--radius-panel));border-radius:0 0 var(--radius-panel) var(--radius-panel);transform-origin:50% 0;border-top:0;bottom:0}.insp-card:after{height:calc(var(--top-h) + 3px);border-radius:var(--radius-panel) var(--radius-panel) 0 0;top:0}.inspector[data-min] .insp-card:before{opacity:0;transform:scaleY(.97)}.inspector[data-min] .insp-card:after{border-bottom-left-radius:var(--radius-panel);border-bottom-right-radius:var(--radius-panel)}.project-work[data-float=on] .canvas-area>.resizer{top:calc(var(--ruler) + 14px);bottom:14px}.project-work[data-float=on][data-panel=min] .canvas-area>.resizer{display:none}.project-work[data-float=on] .toolbar{left:calc(var(--ruler) + (100% - var(--insp-w) - 14px - var(--ruler)) / 2)}.project-work[data-float=on] .timeline{right:calc(var(--insp-w) + 28px)}.project-work[data-float=on][data-panel=min] .timeline{right:14px}.project-work[data-float=on][data-panel=open] .zoom{right:calc(var(--insp-w) + 28px)}@media (prefers-reduced-motion:no-preference){.shell[data-settled] .insp-card:before{transition:opacity var(--panel-in) var(--ease), transform var(--panel-in) var(--ease)}.shell[data-settled] .insp-card:after{transition:border-radius var(--panel-in) var(--ease)}.shell[data-settled] .project-work[data-float=on] .insp-sheet{transition:opacity var(--panel-in) var(--ease), translate var(--panel-in) var(--ease)}.shell[data-settled] .inspector[data-min] .insp-card:before,.shell[data-settled] .inspector[data-min] .insp-card:after{transition-duration:var(--panel-out)}.shell[data-settled] .project-work[data-float=on] .inspector[data-min] .insp-sheet{transition:opacity var(--panel-out) var(--ease), translate var(--panel-out) var(--ease), visibility 0s linear var(--panel-out)}.shell[data-settled] .project-work[data-float=on][data-panel=min] :is(.timeline,.zoom){transition:right 0s linear var(--panel-out)}}.tl-launcher:hover{background:var(--hover)}.veil[data-float=on]{grid-template-columns:minmax(0,1fr)}.veil[data-float=on] .veil-chat{z-index:1;left:calc(var(--ruler) + 14px);width:var(--chat-w);height:min(720px, calc(100% - 38px - var(--ruler) - var(--tools-room,62px) - 14px));background:var(--panel);border-radius:calc(var(--radius-panel) + 9px);box-shadow:var(--shadow-lg);border:1px solid #0000;position:absolute;bottom:14px}.veil[data-float=on] .veil-chat[data-short]{height:auto}.veil-chat[data-short] .veil-composer{padding:var(--space-12) var(--space-8) var(--space-8)}.veil-chat[data-short] .veil-composer .sk{height:130px}.question{gap:var(--space-6);flex-direction:column;margin:0 0 10px;animation:.22s both fade;display:flex}.question.approval{border:1px solid var(--line);border-radius:var(--radius-box);padding:var(--space-8) 10px;background:var(--panel)}.q-kind{font-size:var(--text-meta);color:var(--faint)}.q-prompt .md>:first-child{margin-top:0}.q-prompt .md>:last-child{margin-bottom:0}.q-prompt .md{max-width:36em}.q-rows{padding:var(--space-4);border-radius:var(--radius-box);background:var(--field);flex-direction:column;gap:1px;display:flex}.q-row{all:unset;box-sizing:border-box;min-width:0;padding:var(--space-6) var(--space-8);border-radius:var(--radius-item);cursor:pointer;font-size:var(--text-chat);color:var(--ink);flex-direction:column;align-items:flex-start;gap:1px;display:flex}.q-row-head{align-items:baseline;gap:var(--space-8);min-width:0;max-width:100%;display:flex}.q-row b{min-width:0;font-weight:var(--weight-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.q-row i{font-style:normal;font-size:var(--text-meta);color:var(--select-ink);flex:none}.q-row small{min-width:0;font-size:var(--text-meta);color:var(--faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.q-row:hover{background:var(--panel)}.q-row:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.q-options{gap:var(--space-4);flex-wrap:wrap;display:flex}.q-options button{font-size:var(--text-ui);border-radius:var(--radius-control);padding:3px 10px}.q-options button:where(:not(.primary)){border-color:var(--line-strong);background:var(--panel)}.q-free{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);display:flex}:where(:root[data-keys]) .q-free:focus-within{border-color:var(--line-strong)}.q-free input{min-width:0;padding:var(--space-4) 0;font-size:var(--text-chat);box-shadow:none;background:0 0;border:none;outline:none;flex:1}.q-free .icon-btn{width:24px;height:var(--control-xs)}.q-free .icon-btn svg{width:14px;height:14px}.q-answer{align-self:flex-end;max-width:86%}.asked{gap:var(--space-6);flex-direction:column;display:flex}.asked-none{font-size:var(--text-meta);color:var(--faint)}.error{color:var(--bad);font-size:var(--text-field);animation:.22s both fade}.error.small{font-size:var(--text-body);margin:0}.error code{font-size:var(--text-ui)}.error-text{color:var(--bad);margin:0}.error-detail{color:var(--muted)}.hint{color:var(--muted);margin-top:var(--space-4);font-size:var(--text-body)}.pill-wrap{display:inline-flex;position:relative}.pill{border-radius:var(--radius-control);padding:var(--space-4) 7px var(--space-4) 9px;font-size:var(--text-ui);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;align-items:center;gap:5px;max-width:170px;display:flex;overflow:hidden}.pill:hover:not(:disabled){background:var(--hover);color:var(--ink)}.pill[aria-expanded=true]{background:var(--pressed);color:var(--ink)}.pill-icon{color:var(--faint);margin-left:calc(-1 * var(--space-2));flex:none;place-items:center;display:grid}.pill-icon svg{width:15px;height:15px}.pill:hover:not(:disabled) .pill-icon,.pill[aria-expanded=true] .pill-icon{color:var(--muted)}.pill .chevron{margin-left:-1px}.popover{z-index:20;background:var(--panel);border-radius:var(--radius-box);min-width:190px;box-shadow:var(--shadow-md);padding:var(--space-4);transform:translateX(var(--nudge,0px));animation:pop .16s var(--ease) both;border:1px solid #0000;position:absolute;bottom:calc(100% + 6px);left:0}.popover.wide{min-width:258px;padding:5px 5px var(--space-4)}.brief .popover{top:calc(100% + 6px);bottom:auto}.brief.at-foot .popover{top:auto;bottom:calc(100% + 6px)}@keyframes pop{0%{opacity:0;translate:0 var(--pop-y,4px)}}.menu,.export-panel,.bar-note,.brief .popover{--pop-y:-4px}.brief.at-foot .popover{--pop-y:4px}.options{flex-direction:column;max-height:46vh;display:flex;overflow:auto}.option{text-align:left;border-radius:var(--radius-item);width:100%;font-size:var(--text-ui);color:var(--ink);border:none;justify-content:space-between;align-items:center;gap:14px;padding:5px 9px;display:flex}.option:hover{background:var(--hover)}.option.on{font-weight:var(--weight-strong)}.option-label{flex-direction:column;min-width:0;display:flex}.option-label small{color:var(--faint);font-size:var(--text-meta);font-weight:var(--weight-regular);line-height:1.35}.option svg{color:var(--muted);flex:none}.slider-panel{gap:var(--space-8);font-size:var(--text-ui);color:var(--muted);padding:var(--space-6) 7px var(--space-8);flex-direction:column;display:flex}.slider-head{justify-content:space-between;gap:var(--space-12);display:flex}.slider-panel b{color:var(--ink);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}.track{--knob:22px;--dot:3px;--track-h:28px;height:var(--track-h);border-radius:var(--radius-pill);background:var(--field);display:block;position:relative}.track-fill{left:0;top:calc((var(--track-h) - var(--knob)) / 2);bottom:calc((var(--track-h) - var(--knob)) / 2);width:calc(var(--knob) + (100% - var(--knob)) * var(--r));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink) 17%, transparent);position:absolute}.track-dots{inset:0 calc((var(--knob) - var(--dot)) / 2);justify-content:space-between;align-items:center;display:flex;position:absolute}.track-dots i{width:var(--dot);height:var(--dot);background:color-mix(in srgb, var(--ink) 22%, transparent);border-radius:50%}.track-dots i.on{background:color-mix(in srgb, var(--on-ink) 80%, transparent)}.track input[type=range]{appearance:none;cursor:pointer;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.track input[type=range]::-webkit-slider-runnable-track{height:var(--track-h);background:0 0}.track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--knob);height:var(--knob);margin-top:calc((var(--track-h) - var(--knob)) / 2);border-radius:var(--radius-control);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm), 0 0 0 .5px var(--line-strong);transition:transform .12s var(--ease)}.track input[type=range]:active::-webkit-slider-thumb{transform:scale(1.06)}.track input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--select);outline-offset:2px}.track input[type=range]::-moz-range-track{height:var(--track-h);background:0 0}.track input[type=range]::-moz-range-thumb{width:var(--knob);height:var(--knob);border-radius:var(--radius-control);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm), 0 0 0 .5px var(--line-strong)}.track-ends{justify-content:space-between;gap:var(--space-12);font-size:var(--text-meta);color:var(--faint);padding:0 var(--space-2);display:flex}.segmented{border-top:1px solid var(--line);margin:var(--space-6) 3px 0;flex-direction:column;gap:7px;padding:9px 1px 3px;display:flex}.seg-head{font-size:var(--text-meta);color:var(--faint);padding:0 3px}.seg{gap:var(--space-2);background:var(--field);border-radius:var(--radius-control);padding:var(--space-2);display:flex}.seg button{border-radius:var(--radius-item);font-size:var(--text-ui);color:var(--muted);text-align:center;background:0 0;border:none;flex:1;padding:5px 0}.seg button:hover{color:var(--ink)}.seg button:hover:not(.on):not(:disabled){background:var(--pressed)}.seg button.on{background:var(--panel);color:var(--ink);font-weight:var(--weight-strong);box-shadow:var(--shadow-sm)}.row.trace{margin:0}.row:not(.trace){animation:row-in .22s var(--ease) both}@keyframes row-in{0%{opacity:0}}.row-head{all:unset;box-sizing:border-box;font-family:var(--font-sans);align-items:center;gap:var(--space-6);width:fit-content;max-width:calc(100% + 6px);min-height:30px;padding:var(--space-4) var(--space-8) var(--space-4) var(--space-6);margin-left:calc(-1 * var(--space-6));border-radius:var(--radius-item);cursor:pointer;color:var(--muted);font-size:var(--text-work);white-space:nowrap;line-height:1.45;display:flex}.row-head:hover{background:var(--hover)}.row-head[data-still]{cursor:default}.row-head[data-still]:hover{background:0 0}.row-head:focus-visible{outline:2px solid var(--select);outline-offset:-1px}.row-icon{width:15px;height:15px;color:var(--faint);flex:none;place-items:center;display:grid}.row-icon svg,.row-head .chevron{width:14px;height:14px}.row-head .chevron{transform:rotate(-90deg)}.row-head .chevron[data-open=true]{transform:none}.row-name{flex:0 auto;align-items:baseline;gap:5px;min-width:0;display:flex}.row-title{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.row-obj{color:var(--ink);font-weight:var(--weight-strong)}.row.failed .row-obj{color:inherit}.row-count{color:var(--faint);font-variant-numeric:tabular-nums;flex:none}.row-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row.failed>.row-head,.row.failed>.row-head .row-icon{color:var(--bad)}.row.waiting>.row-head{color:var(--ink)}[data-shimmer=on]{--sr:var(--muted);--sp:var(--shimmer-peak);color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(110deg, var(--sr) 35%, color-mix(in srgb, var(--sp) 16%, var(--sr)) 38.75%, color-mix(in srgb, var(--sp) 50%, var(--sr)) 42.5%, color-mix(in srgb, var(--sp) 84%, var(--sr)) 46.25%, var(--sp) 50%, color-mix(in srgb, var(--sp) 84%, var(--sr)) 53.75%, color-mix(in srgb, var(--sp) 50%, var(--sr)) 57.5%, color-mix(in srgb, var(--sp) 16%, var(--sr)) 61.25%, var(--sr) 65%);background-position:-36% 0;background-repeat:repeat-x;background-size:200% 100%;animation:2.4s linear infinite shimmer-pass}@keyframes shimmer-pass{0%{background-position:136% 0;animation-timing-function:cubic-bezier(.45,0,.55,1)}37.5%{background-position:-36% 0}to{background-position:-37% 0}}.row.running>.row-head .row-icon{color:var(--ink)}.spark-live{place-items:center;animation:4.8s linear infinite spark-live;display:grid}@keyframes spark-live{0%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.78)rotate(0)}17%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.1)rotate(0)}34%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.78)rotate(0)}51%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.1)rotate(0)}62%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:scale(.86)rotate(0)}84%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.04)rotate(360deg)}to{transform:scale(.78)rotate(360deg)}}.icon-live{place-items:center;animation:4.8s linear infinite icon-live;display:grid}@keyframes icon-live{0%,to{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.82)}25%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.08)}50%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.82)}75%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.08)}}.row-badge{font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--faint);flex:none}.pill-btn{all:unset;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-ui);color:var(--muted);border-radius:var(--radius-control);border:1px solid var(--line);padding:3px 9px}.pill-btn:hover{color:var(--ink);border-color:var(--line-strong)}.pill-btn:hover:not(:disabled){background:var(--hover)}.pill-btn[aria-pressed=true]{color:var(--ink);background:var(--pressed);border-color:var(--line-strong)}.pill-btn:focus-visible{outline:2px solid var(--select);outline-offset:2px}.row-badge[data-failed=true]{color:var(--bad)}.row-meta{font-size:var(--text-meta);color:var(--faint);font-variant-numeric:tabular-nums;flex:none}.chevron{color:var(--faint);transition:transform .2s var(--ease);flex:none}.chevron[data-open=true]{transform:rotate(180deg)}.row-body{transition:grid-template-rows .22s var(--ease);grid-template-rows:0fr;display:grid}.row-body[data-open=true]{grid-template-rows:1fr}.row-clip{opacity:0;min-height:0;transition:opacity .12s linear;overflow:hidden}.row-body[data-open=true] .row-clip{opacity:1;transition-delay:50ms}.row-scroll{padding:var(--space-2) 0 10px 21px;max-width:70ch}.row.thought .row-text .md{color:var(--muted);font-size:var(--text-work);line-height:1.6}.row.thought .row-text .md p,.row.thought .row-text .md ul,.row.thought .row-text .md ol{margin:var(--space-8) 0}.row.thought .row-text .md strong{color:var(--ink);font-weight:var(--weight-strong)}.row.thought.running .row-text .md{color:var(--ink)}.row-note{margin:-1px 0 var(--space-4) 22px;max-width:70ch;font-size:var(--text-ui);color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.row-note[data-failed=true]{color:var(--bad)}.sheet-wrap{z-index:60;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-scrim{all:unset;background:color-mix(in srgb, var(--ink) 42%, transparent);cursor:default;animation:.16s both fade;position:absolute;inset:0}.sheet{background:var(--panel);box-shadow:0 -8px 40px color-mix(in srgb, var(--ink) 28%, transparent);max-height:82vh;animation:sheet-up .24s var(--ease) both;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;display:flex;position:relative}@keyframes sheet-up{0%{opacity:.6;transform:translateY(14px)}to{opacity:1;transform:none}}.sheet-head{padding:var(--space-12) 14px var(--space-8);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.sheet-head:before{content:"";background:var(--line-strong);border-radius:2px;width:34px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.sheet-title{min-width:0;font-size:var(--text-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sheet-close{all:unset;cursor:pointer;font-size:var(--text-body);color:var(--accent,var(--ink));padding:var(--space-2) var(--space-4);border-radius:var(--radius-control)}.sheet-close:hover{background:var(--hover)}.sheet-close:focus-visible{outline:2px solid var(--select);outline-offset:2px}.sheet-body{padding:10px 14px var(--space-20);gap:var(--space-8);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;overflow:auto}.sheet-body .io-code{max-height:50vh}@media (max-width:900px){.strip{padding-left:22px}.row-scroll{max-width:none}}.thought-box{position:relative}.thought-box .md>:first-child{margin-top:0}.row.trace>.row-body>.row-clip>.row-scroll{max-width:none;padding:var(--space-4) 0 10px 21px;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.row.trace>.row-body>.row-clip>.row-scroll:before{content:"";background:var(--line);width:1px;position:absolute;top:6px;bottom:12px;left:7px}.row.tool .row-scroll{gap:var(--space-8);flex-direction:column;max-width:none;display:flex}.io-card{gap:var(--space-4);min-width:0;padding:var(--space-4);border-radius:var(--radius-box);background:var(--panel);border:1px solid var(--line);flex-direction:column;display:flex}.io-bar{justify-content:space-between;align-items:center;gap:var(--space-8);min-width:0;display:flex}.io-tabs{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-item);background:var(--field);display:inline-flex}.io-tabs button{padding:var(--space-2) 10px;border-radius:var(--radius-mark);color:var(--muted);font-size:var(--text-ui);line-height:var(--leading-code);background:0 0;border:0}.io-tabs button:hover:not(.on){color:var(--ink);background:0 0}.io-tabs button.on,.io-tabs button.on:hover{background:var(--panel);color:var(--ink);font-weight:var(--weight-strong);box-shadow:var(--shadow-sm), 0 0 0 .5px color-mix(in srgb, var(--ink) 6%, transparent)}.io-tabs button:focus-visible{outline:2px solid var(--select);outline-offset:-1px}.io-status{padding:0 var(--space-6);font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--ok);white-space:nowrap}.io-status[data-pending=true]{color:var(--faint)}.io-status[data-failed=true]{color:var(--bad)}.io-code{padding:10px var(--space-12);border-radius:var(--radius-item);background:var(--field);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-ui);white-space:pre;scrollbar-width:thin;tab-size:2;-webkit-user-select:text;user-select:text;max-height:320px;margin:0;line-height:1.6;overflow:auto}.io-code:focus-visible{outline:1px solid var(--select);outline-offset:-1px}.io-code[data-tone=err]{color:var(--bad)}.io-code .c-path{color:var(--pop-sky-ink)}.io-code .c-flag{color:var(--pop-peach-ink)}.io-code .c-op{color:var(--pop-sea-ink);font-weight:var(--weight-strong)}.io-code .c-prop{color:var(--pop-sky-ink)}.io-wait{padding:10px var(--space-12);border-radius:var(--radius-item);background:var(--field);font-size:var(--text-ui);color:var(--faint);align-items:center;gap:7px;display:flex}.io-card .strip.large,.io-card .progress.inline{margin:var(--space-2) var(--space-2) var(--space-4);width:auto;padding-left:0}.strip{padding:var(--space-2) 0 5px 22px;flex-wrap:wrap;gap:5px;display:flex}.strip .thumb{all:unset;cursor:zoom-in;border-radius:var(--radius-item);background:var(--ink);max-width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.strip .thumb img{object-fit:cover;width:auto;max-width:100%;height:46px;display:block}.strip.large{padding-left:0}.strip.large .thumb{background:var(--panel);flex-direction:column;display:flex}.strip.large .thumb img{max-width:100%;height:auto;max-height:120px}.strip.large .thumb span{font-size:var(--text-meta);color:var(--faint);padding:var(--space-4) 7px;overflow-wrap:anywhere}.design-link{align-items:center;gap:var(--space-6);padding:0 0 var(--space-2);flex-wrap:wrap;display:flex}.design-link>.design-chip{align-items:center;gap:var(--space-6);max-width:100%;padding:5px var(--space-12);border-radius:var(--radius-mark);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--chip-ink);background:var(--chip);transition:background-color .12s var(--ease);border:0;text-decoration:none;display:inline-flex}.design-link>.design-chip:hover{background:color-mix(in srgb, var(--chip-ink) 12%, var(--chip))}.design-link>.design-chip:active{background:color-mix(in srgb, var(--chip-ink) 16%, var(--chip))}.design-link>.design-chip:focus-visible{outline:2px solid var(--chip-ink);outline-offset:2px}.design-link>.design-chip svg{flex:none}.copy-link{padding:var(--space-4) 10px;border-radius:var(--radius-control);font-size:var(--text-ui);color:var(--muted);border-color:var(--line);align-items:center;gap:5px;display:inline-flex}.copy-link svg{color:var(--faint);flex:none}.insp-link{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.insp-link>a{font-size:var(--text-ui);color:var(--ink);text-underline-offset:2px;text-decoration:underline}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--faint)}.progress{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:var(--radius-pill);width:100%;height:5px;overflow:hidden}.progress div{background:var(--ink);height:100%;transition:width .28s var(--ease)}.progress.inline{margin:var(--space-6) 0 0;width:100%}.lightbox{background:color-mix(in srgb, var(--ink) 60%, transparent);-webkit-backdrop-filter:blur(6px);z-index:10;cursor:zoom-out;place-items:center;animation:.16s both fade;display:grid;position:fixed;inset:0}.lightbox img,.lightbox video{border-radius:var(--radius-control);max-width:92vw;max-height:92vh}.lightbox video,.lightbox audio{cursor:default}.lightbox audio{width:min(92vw,420px)}.lightbox:focus{outline:none}.canvas-col{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-bar{align-items:center;gap:var(--space-8);padding:0 var(--space-8);height:calc(var(--top-h) + 1px);background:var(--panel);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.bar-zone{align-items:center;gap:var(--space-8);min-width:0;display:flex}.bar-zone.end{justify-content:flex-end;gap:var(--space-6)}.pages{align-items:center;gap:var(--space-2);background:var(--field);border-radius:var(--radius-panel);min-width:0;padding:var(--space-2);display:flex;overflow-x:auto}.pages button{color:var(--muted);white-space:nowrap;font-size:var(--text-ui);border-radius:var(--radius-control);background:0 0;border-color:#0000;padding:3px 10px}.pages button:hover:not(.on){color:var(--ink);background:0 0}.pages button.on{background:var(--panel);color:var(--ink);font-weight:var(--weight-strong);box-shadow:var(--shadow-sm);border-color:#0000}.page-rename{width:150px;padding:var(--space-4) 10px;font-size:var(--text-body);border-radius:var(--radius-control)}.toolbar{z-index:16;top:calc(var(--ruler) + 10px);left:calc(var(--ruler) + (100% - var(--insp-w) - var(--ruler)) / 2);align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-md);border:1px solid #0000;display:flex;position:absolute;transform:translate(-50%)}.toolbar button{color:var(--muted);font-size:var(--text-ui);padding:var(--space-4) 10px;border-radius:var(--radius-control);background:0 0;border-color:#0000}.toolbar button:hover{background:var(--hover);color:var(--ink)}.toolbar button.on,.toolbar button.on:hover{background:var(--select);color:var(--on-ink);border-color:#0000}.toolbar button.tool{width:32px;height:var(--control-md);place-items:center;padding:0;display:grid}.toolbar>span{display:flex}.toolbar .tool-caret:disabled{opacity:.45;cursor:default}.menu.tool-menu.comment-menu{width:272px}.comment-menu .menu-title{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0;font-size:var(--text-ui);overflow:hidden}.comment-menu button.thread>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.comment-menu button.thread>small{font-family:var(--font-sans);flex:none}.comment-menu button.thread.resolved>span{color:var(--faint);text-decoration:line-through}.comment-menu .hint{margin:var(--space-2) var(--space-8) var(--space-6);font-size:var(--text-ui);color:var(--faint)}.comment-menu hr{border:none;border-top:1px solid var(--line);margin:3px var(--space-4)}.toolbar .tool-sep{background:var(--line-strong);width:1px;height:18px;margin:0 var(--space-4);flex:none}.tool-split{align-items:center;display:flex;position:relative}.toolbar .tool-more{display:none}.toolbar .tool-caret{width:24px;height:var(--control-md);border-radius:var(--radius-control);color:var(--faint);place-items:center;margin-left:0;padding:0;display:grid}.toolbar .tool-caret:hover{color:var(--ink);background:0 0}.toolbar .tool-caret[aria-expanded=true] .chevron{transform:rotate(180deg)}.menu.tool-menu{flex-direction:column;width:212px;display:flex;top:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%)}.menu.tool-menu button.on{background:var(--pressed)}.tm-name{align-items:center;gap:9px;min-width:0;display:inline-flex}.tm-name svg{color:var(--muted)}.menu.tool-menu.size-menu{width:260px}.size-menu button{align-items:center}.sz-well{flex:none;place-items:center;width:16px;height:16px;display:grid}.sz-box{border:1.5px solid var(--muted);box-sizing:border-box;border-radius:2px;display:block}.bar-note{z-index:21;white-space:nowrap;max-width:min(520px,90vw);padding:7px var(--space-12);border-radius:var(--radius-control);background:var(--ink);color:var(--on-ink);font-size:var(--text-ui);box-shadow:var(--shadow-lg);animation:pop .16s var(--ease) both;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.menu{z-index:20;background:var(--panel);border-radius:var(--radius-box);padding:var(--space-4);gap:var(--space-2);width:396px;box-shadow:var(--shadow-lg);animation:pop .16s var(--ease) both;border:1px solid #0000;grid-template-columns:1fr 1fr;display:grid;position:absolute;top:calc(100% + 6px);right:0}.menu-group{flex-direction:column;gap:1px;min-width:0;display:flex}.menu-title{font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--faint);padding:var(--space-6) var(--space-8) var(--space-4)}.menu button{all:unset;box-sizing:border-box;cursor:pointer;justify-content:space-between;gap:var(--space-8);width:100%;padding:5px var(--space-8);border-radius:var(--radius-item);font-size:var(--text-ui);color:var(--ink);display:flex}.menu button:hover,.menu button:focus-visible{background:var(--hover)}.menu button:focus-visible,.ctx-menu button:focus-visible,.fx-menu button:focus-visible,.inspector .list button:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.menu button small{color:var(--faint);font-size:var(--text-meta);font-variant-numeric:tabular-nums}.export-menu{position:relative}.export-btn{align-items:center;gap:5px;padding:5px 13px 5px 10px;display:inline-flex}.export-btn[disabled]{opacity:.4;pointer-events:none}.canvas-area{grid-template-columns:minmax(0, 1fr) var(--insp-w);flex:1;min-height:0;display:grid;position:relative}.canvas{isolation:isolate;background:var(--canvas);cursor:default;touch-action:none;min-width:0;min-height:0;position:relative;overflow:clip}.canvas[data-tool=hand],.canvas[data-tool=hand] *{cursor:grab!important}.canvas[data-grabbing],.canvas[data-grabbing] *{cursor:grabbing!important}.canvas[data-tool=draw] .ab-hit{cursor:crosshair}:root[data-copying],:root[data-copying] *{cursor:copy!important}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.ab{position:absolute}.ab iframe{background:var(--board);pointer-events:none;box-shadow:var(--shadow-board);transition:box-shadow .18s var(--ease);border:0;position:absolute;top:0;left:0}.sel-outline{box-sizing:border-box;border:1px solid var(--select);pointer-events:none;transform-origin:50%;position:absolute;top:0;left:0}.sel-outline[data-line=dashed]{border-style:dashed}.sel-outline[data-line=dotted]{border-style:dotted}.sel-outline>i{z-index:1;box-sizing:border-box;background:var(--handle);border:1px solid var(--select);border-radius:1px;width:7px;height:7px;position:absolute}.sel-outline>i[data-c^=n]{top:-4px}.sel-outline>i[data-c^=s]{bottom:-4px}.sel-outline>i[data-c$=w]{left:-4px}.sel-outline>i[data-c$=e]{right:-4px}.sel-outline[data-corners=off]>i{display:none}.sel-outline>b{box-sizing:border-box;border:1px solid var(--select-faint);position:absolute}.ab-hit{cursor:default;position:absolute;inset:0}.ab-label{transform-origin:0 100%;gap:var(--space-8);white-space:nowrap;padding:0 0 var(--space-6);cursor:default;-webkit-user-select:none;user-select:none;align-items:baseline;display:flex;position:absolute;bottom:100%;left:0;overflow:hidden}.ab-name{font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--muted);text-overflow:ellipsis;min-width:0;overflow:hidden}.ab.selected .ab-name{color:var(--select-ink)}.ab-name-input{font:inherit;font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);min-width:0;max-width:100%;height:20px;padding:0 var(--space-4);border:1px solid var(--select);border-radius:var(--radius-item);background:var(--panel);-webkit-user-select:text;user-select:text;outline:none;margin:0}.ab-kind{transform-origin:100% 100%;padding:1px var(--space-6);border-radius:var(--radius-mark);font-size:var(--text-meta);font-weight:var(--weight-strong);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;color:var(--kind-static-ink);background:var(--kind-static);align-items:center;gap:3px;line-height:15px;display:inline-flex;position:absolute;bottom:100%;right:0}.ab-kind[data-kind=video]{color:var(--kind-video-ink);background:var(--kind-video)}.ab-kind svg{stroke-width:2.2px}.ab-tags{transform-origin:100% 100%;align-items:center;gap:var(--space-4);display:inline-flex;position:absolute;bottom:100%;right:0}.ab-tags .ab-kind{position:static}.ab-smart{border-radius:var(--radius-mark);width:17px;height:17px;color:var(--glyph);background:var(--field);cursor:pointer;border:none;place-items:center;margin:0;padding:0;display:inline-grid}.ab-smart svg{stroke-width:2.2px}.ab-smart:where(:hover){color:var(--ink)}.ab-smart[data-on=on]{color:var(--select-ink);background:var(--select-soft)}button.ab-kind{border:none;margin:0;font-family:inherit}button.ab-kind:hover:not(:disabled){color:var(--kind-static-ink);background:var(--kind-static-on)}button.ab-kind[data-kind=video]:hover:not(:disabled){color:var(--kind-video-ink);background:var(--kind-video-on)}.ab-kind-switch{opacity:0;width:0;transition:width .14s var(--ease), opacity .14s var(--ease);display:inline-flex;overflow:hidden}.ab-kind:hover .ab-kind-switch,.ab-kind:focus-visible .ab-kind-switch{opacity:1;width:10px}.ab-pick{z-index:5;transform-origin:50%;align-items:center;gap:var(--space-8);flex-direction:column;display:flex;position:absolute;top:50%;left:50%}.ab-pick[data-quiet=on]{opacity:.35;pointer-events:none}.ab-pick-q{font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--faint);white-space:nowrap}.ab-pick-row{gap:var(--space-8);display:flex}button.ab-pick-tile{align-items:center;gap:var(--space-6);width:120px;padding:var(--space-12) var(--space-8) 10px;border-radius:var(--radius-box);background:var(--panel);text-align:center;box-shadow:0 0 0 1px var(--line-strong), 0 1px 2px color-mix(in srgb, var(--ink) 5%, transparent);transition:box-shadow .12s var(--ease);border:none;flex-direction:column;display:flex}button.ab-pick-tile:hover:not(:disabled){background:var(--panel);box-shadow:0 0 0 1.5px var(--kind-static-ink), var(--shadow-md)}button.ab-pick-tile[data-kind=video]:hover:not(:disabled){box-shadow:0 0 0 1.5px var(--kind-video-ink), var(--shadow-md)}.ab-pick-tile b{font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);line-height:1.1}.ab-pick-tile small{font-size:var(--text-meta);color:var(--faint);white-space:nowrap;line-height:1.3}.ab-pick-glyph{width:32px;height:var(--control-md);border-radius:var(--radius-control);color:var(--kind-static-ink);background:var(--kind-static);place-items:center;display:grid}.ab-pick-tile[data-kind=video] .ab-pick-glyph{color:var(--kind-video-ink);background:var(--kind-video)}.ab-pick[data-fit=short] button.ab-pick-tile{width:72px;padding:10px var(--space-4) var(--space-8)}.ab-pick[data-fit=tiny] .ab-pick-row{gap:5px}.ab-pick[data-fit=tiny] button.ab-pick-tile{width:auto;padding:5px}.ab-pick[data-fit=tiny] .ab-pick-tile b{display:none}.ab-size{transform-origin:50% 0;padding-top:var(--space-12);font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--faint);white-space:nowrap;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;position:absolute;top:100%;left:50%;overflow:hidden}.ab.selected .ab-size{color:var(--select-ink)}.ab-hover{border:1px solid var(--select-faint);pointer-events:none;box-sizing:border-box;position:absolute}.ab-hint{z-index:4;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.ab-hint polygon{fill:var(--select-wash);stroke:var(--select);stroke-linejoin:round}.ab-box{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.ab-grip{box-sizing:border-box;position:absolute}.ab-error{transform-origin:0 0;background:var(--pop-tomato-soft);color:var(--bad);font-size:var(--text-ui);padding:var(--space-6) var(--space-8);border-radius:var(--radius-item);max-width:320px;position:absolute;top:0;left:0}.ab-transport{transform-origin:0 100%;padding:0 var(--space-8) calc(var(--space-8) + 3px);opacity:0;pointer-events:none;transition:opacity .12s var(--ease);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0}.ab:hover>.ab-transport,.ab.selected>.ab-transport,.ab-transport:focus-within{opacity:1;pointer-events:auto}.tp-glass{align-items:center;gap:var(--space-4);display:flex}.tp-glass :is(.play-btn,.tp-btn){background:var(--glass);color:var(--on-ink);-webkit-backdrop-filter:blur(8px)}.tp-glass :is(.play-btn,.tp-btn):hover:not(:disabled){background:var(--glass-strong);color:var(--on-ink)}.tp-time{height:18px;padding:0 var(--space-6);border-radius:var(--radius-mark);background:var(--glass);-webkit-backdrop-filter:blur(8px);color:var(--on-ink);font-size:var(--text-meta);font-variant-numeric:tabular-nums;line-height:18px}.tp-time b{font-weight:var(--weight-strong)}.ab-transport .scrub.edge{align-items:flex-end;height:12px;position:absolute;bottom:0;left:0;right:0}.scrub.edge .scrub-rail{background:var(--on-glass);height:3px;transition:height .12s var(--ease);border-radius:0}.scrub.edge .scrub-fill{background:var(--on-ink);border-radius:0}.scrub.edge .scrub-knob{background:var(--on-ink);width:3px;height:3px;box-shadow:none;opacity:0;margin-left:-1.5px}.scrub.edge:is(:hover,:focus-visible) .scrub-rail{height:var(--space-6)}.scrub.edge:is(:hover,:focus-visible) .scrub-knob{width:var(--space-6);height:var(--space-6);margin-left:calc(var(--space-6) / -2);border-radius:var(--radius-pill);opacity:1}.scrub.edge:focus-visible .scrub-rail{box-shadow:none}.canvas-col[data-timeline=on] .ab.selected .ab-transport{display:none}.canvas-col[data-timeline=on] .zoom{bottom:calc(26px + var(--tl-h,0px))}.timeline{--tl-bg:var(--panel);--tl-recess:var(--field);--tl-line:var(--line);--tl-line-strong:var(--line-strong);--tl-text:var(--ink);--tl-muted:var(--muted);--tl-faint:var(--faint);--tl-playhead:var(--ink);--tl-select:var(--select);--tl-select-soft:var(--select-wash);--tl-bad:var(--bad);--tl-handle:var(--handle);--tl-bar-text:color-mix(in srgb, var(--pop-peach) 40%, var(--panel));--tl-bar-text-on:color-mix(in srgb, var(--pop-peach) 65%, var(--pop-peach-ink));--tl-bar-image:color-mix(in srgb, var(--pop-sea) 30%, var(--panel));--tl-bar-image-on:var(--pop-sea);--tl-bar-video:color-mix(in srgb, var(--pop-sea) 42%, var(--panel));--tl-bar-video-on:color-mix(in srgb, var(--pop-sea) 75%, var(--pop-sea-ink));--tl-bar-shape:color-mix(in srgb, var(--pop-mint) 36%, var(--panel));--tl-bar-shape-on:color-mix(in srgb, var(--pop-mint) 75%, var(--pop-mint-ink));--tl-bar-vector:color-mix(in srgb, var(--pop-mint) 48%, var(--panel));--tl-bar-vector-on:color-mix(in srgb, var(--pop-mint) 55%, var(--pop-mint-ink));--tl-bar-group:color-mix(in srgb, var(--ink) 13%, var(--panel));--tl-bar-group-on:color-mix(in srgb, var(--ink) 45%, var(--panel));--tl-bar-adjustment:color-mix(in srgb, var(--ink) 8%, var(--panel));--tl-bar-adjustment-on:color-mix(in srgb, var(--ink) 38%, var(--panel));--tl-bar-custom:color-mix(in srgb, var(--ink) 18%, var(--panel));--tl-bar-custom-on:color-mix(in srgb, var(--ink) 52%, var(--panel));--tl-bar-audio:color-mix(in srgb, var(--pop-violet) 30%, var(--panel));--tl-bar-audio-on:color-mix(in srgb, var(--pop-violet) 80%, var(--pop-violet-ink));--tl-stripe:color-mix(in srgb, var(--ink) 3.5%, transparent);--tl-scene-head:color-mix(in srgb, var(--ink) 8.5%, transparent);--tl-bar-scene:color-mix(in srgb, var(--pop-sun) 40%, var(--panel));--tl-bar-scene-on:color-mix(in srgb, var(--pop-sun) 72%, var(--panel));--tl-font:var(--font-sans);--tl-mono:var(--font-sans);z-index:15;left:var(--dock-l,14px);right:calc(var(--insp-w) + 14px);background:var(--panel);min-width:0;min-height:0;color:var(--ink);border-radius:var(--radius-panel);box-shadow:var(--shadow-lg);font-size:var(--text-body);font-variant-numeric:tabular-nums;border:1px solid #0000;flex-direction:column;line-height:1.55;display:flex;position:absolute;bottom:14px;overflow:hidden;container:tl/inline-size}.tl-split{cursor:ns-resize;z-index:4;height:6px;position:absolute;top:0;left:0;right:0}.tl-split:after{content:"";width:32px;height:3px;margin-left:calc(-1 * var(--space-16));background:var(--line-strong);opacity:0;border-radius:2px;transition:opacity .14s;position:absolute;top:2px;left:50%}.timeline:hover .tl-split:after{opacity:1}.tl-split:hover:after,.tl-split:focus-visible:after{background:var(--faint);opacity:1}.tl-split:focus-visible{outline:none}.tl-toolbar{align-items:center;gap:var(--space-8);border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;min-width:0;padding:0 10px;display:flex;overflow-x:auto}.tl-toolbar::-webkit-scrollbar{display:none}.tl-seg{padding:var(--space-2);border-radius:var(--radius-control);background:var(--field);flex:none;align-items:center;gap:1px;display:flex}.tl-ib{all:unset;box-sizing:border-box;width:28px;height:var(--control-sm);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;flex:none;place-items:center;display:grid}.tl-ib svg{width:17px;height:17px}.tl-seg .tl-ib{border-radius:var(--radius-item)}.tl-ib:hover:not(:disabled){background:var(--pressed);color:var(--ink)}.tl-seg .tl-ib:hover:not(:disabled){color:var(--ink);background:0 0}.tl-ib[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm)}.tl-ib:disabled{opacity:.4;cursor:default}.tl-ib:focus-visible{outline:2px solid var(--select);outline-offset:2px}.tl-play,.tl-play:hover:not(:disabled){background:var(--ink);color:var(--on-ink);border-radius:var(--radius-control)}.tl-play:hover:not(:disabled){background:var(--action-hover);color:var(--on-ink)}.tl-play svg{width:16px;height:16px}.tl-time{all:unset;box-sizing:border-box;height:var(--control-sm);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);cursor:pointer;flex:none;align-items:stretch;display:inline-flex;overflow:hidden}.tl-time:hover{border-color:var(--line-strong)}.tl-time:focus-visible{outline:2px solid var(--select);outline-offset:2px}.tl-tc{padding:0 var(--space-8) 0 10px;font-weight:var(--weight-regular);font-size:var(--text-body);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;box-sizing:content-box;justify-content:flex-end;align-items:center;display:flex}.tl-time.duration .tl-tc{color:var(--select-ink)}.tl-unit{padding:0 9px 0 var(--space-8);border-left:1px solid var(--line);font-size:var(--text-ui);font-weight:var(--weight-regular);color:var(--muted);align-items:center;line-height:1;display:flex}.tl-time:hover .tl-unit{color:var(--ink)}.tl-tbtn{all:unset;box-sizing:border-box;height:var(--control-sm);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);cursor:pointer;white-space:nowrap;flex:none;align-items:center;gap:7px;padding:0 11px 0 9px;display:inline-flex}.tl-tbtn:hover:not(:disabled){border-color:var(--line-strong)}.tl-tbtn:disabled{opacity:.4;cursor:default}.tl-tbtn:focus-visible{outline:2px solid var(--select);outline-offset:2px}.tl-tbtn svg{width:11px;height:11px}.tl-filter{position:relative}.tl-filter.on,.tl-filter.on:hover:not(:disabled){color:var(--select-ink)}.tl-filter.on svg path{fill:currentColor;fill-opacity:.22}.tl-filter.on:after{content:"";background:var(--select);width:6px;height:6px;box-shadow:0 0 0 1.5px var(--panel);border-radius:50%;position:absolute;top:4px;right:4px}.tl-graph[aria-pressed=true]{background:var(--select-soft);color:var(--select-ink);box-shadow:none}.tl-graph[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb, var(--select) 16%, transparent);color:var(--select-ink)}.tl-info{min-width:0;padding:0 var(--space-6);white-space:nowrap;font-size:var(--text-ui);color:var(--muted);font-variant-numeric:tabular-nums;flex:1;overflow:hidden}.tl-keys{align-items:center;gap:var(--space-6);flex:1;min-width:0;display:flex}.tl-eases .tl-ib svg{width:16px;height:16px}.tl-problems{gap:var(--space-4);width:auto;padding:0 var(--space-8) 0 7px;border-radius:var(--radius-control);color:var(--bad);background:var(--pop-tomato-soft);font-size:var(--text-ui);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;display:inline-flex}.tl-problems svg{width:15px;height:15px}.tl-problems:hover:not(:disabled){color:var(--bad);background:color-mix(in srgb, var(--pop-tomato) 22%, var(--panel))}.tl-count{font-size:var(--text-ui);font-weight:var(--weight-regular);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.tl-zoom{z-index:3;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;position:absolute;bottom:10px;right:14px}.tl-zoom .tl-ib{border-radius:var(--radius-item);width:26px;height:26px}.tl-zoom .tl-ib svg{width:15px;height:15px}.tl-zoom .rule{height:16px;margin:0 var(--space-2)}.tl-zoom input[type=range]{appearance:none;width:104px;height:18px;margin:0 var(--space-2);cursor:pointer;background:0 0;border:none;padding:0}.tl-zoom input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:3px}.tl-zoom input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:3px}.tl-zoom input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--panel);border:1.5px solid var(--ink);box-sizing:border-box;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;transition:scale .12s}.tl-zoom input[type=range]::-moz-range-thumb{background:var(--panel);border:1.5px solid var(--ink);box-sizing:border-box;border-radius:50%;width:12px;height:12px}.tl-zoom input[type=range]:active::-webkit-slider-thumb{scale:1.15}@container tl (max-width:520px){.tl-zoom input[type=range]{width:64px}}.tl-end{align-items:center;gap:var(--space-8);padding:0 10px 0 var(--space-8);z-index:1;background:var(--panel);flex:none;margin:0 -10px 0 auto;display:flex;position:sticky;right:-10px}.tl-body{flex:1;grid-template-columns:272px minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}@container tl (max-width:560px){.tl-body{grid-template-columns:224px minmax(0,1fr)}}.tl-heads{background:var(--panel);border-right:1px solid var(--line);z-index:2;scroll-padding-top:28px;position:relative;overflow:hidden}.tl-heads-in{will-change:transform;position:absolute;top:0;left:0;right:0}.tl-corner{background:var(--panel);border-bottom:1px solid var(--line);z-index:3;box-sizing:border-box;position:absolute;top:0;left:0;right:0}.tl-th{align-items:center;gap:var(--space-6);padding-right:var(--space-8);box-sizing:border-box;display:flex;position:absolute;left:0;right:0}.tl-nm{all:unset;box-sizing:border-box;align-self:stretch;align-items:center;gap:var(--space-6);min-width:0;padding:0 var(--space-4);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;cursor:pointer;flex:1;display:flex}.tl-nm>span{text-overflow:ellipsis;overflow:hidden}.tl-nm:focus-visible{outline:2px solid var(--select);outline-offset:-2px;border-radius:var(--radius-item)}.tl-th>.tl-nm:hover:not(:disabled){background:0 0}.tl-rename{align-self:stretch;align-items:center;gap:var(--space-6);min-width:0;padding:0 0 0 var(--space-4);flex:1;display:flex}.tl-rename input{min-width:0;height:22px;margin-left:calc(-1 * var(--space-2));font:inherit;font-size:var(--text-ui);font-weight:inherit;border:1px solid var(--select);border-radius:var(--radius-item);background:var(--panel);color:var(--ink);box-shadow:0 0 0 2px var(--select-soft);outline:none;flex:1;padding:0 5px}.tl-tb{width:24px;height:var(--control-xs);border-radius:var(--radius-item);color:var(--faint)}.tl-tb svg{width:14px;height:14px}.tl-tb[aria-pressed=true]{box-shadow:none;color:var(--faint);background:0 0}.tl-tb[aria-pressed=true]:hover:not(:disabled){background:var(--pressed);color:var(--ink)}.tl-twist .chevron{transform:rotate(-90deg)}.tl-twist .chevron[data-open=true]{transform:none}.tl-twist-gap{flex:none;width:24px}.tl-scene{background:var(--tl-scene-head)}.tl-scene>.tl-nm{font-weight:var(--weight-strong)}.tl-layer:hover{background:var(--hover)}.tl-layer.on,.tl-scene.on{background:color-mix(in srgb, var(--select) 10%, transparent)}.tl-layer.on>.tl-nm,.tl-scene.on>.tl-nm{color:var(--select-ink)}.tl-eye{opacity:0;transition:opacity .12s}.tl-layer:hover>.tl-eye,.tl-layer.off>.tl-eye,.tl-eye:focus-visible{opacity:1}.tl-switches{flex:none;display:flex}.tl-switches:empty{width:48px}.tl-switch,.tl-switch:disabled{opacity:0;transition:opacity .12s}.tl-switch:disabled{cursor:default}.tl-layer:hover .tl-switch,.tl-switch:focus-visible,.tl-switch.d3[aria-pressed=true],.tl-switch.blur[aria-pressed=false]{opacity:1}.tl-tb.tl-switch[aria-pressed=true]{color:var(--ink)}.tl-layer.on .tl-tb.tl-switch[aria-pressed=true]{color:var(--select-ink)}.tl-th.off .tl-nm{opacity:.45}.tl-glyph{color:var(--muted);flex:none}.tl-layer.on .tl-glyph,.tl-scene.on .tl-glyph{color:var(--select-ink)}.tl-th.dragging{opacity:.4}.tl-th.drop-above:before,.tl-th.drop-below:after{content:"";left:var(--drop-l,8px);background:var(--select);pointer-events:none;border-radius:1px;height:2px;position:absolute;right:8px}.tl-th.drop-above:before{top:-1px}.tl-th.drop-below:after{bottom:-1px}.tl-th.drop-into{background:color-mix(in srgb, var(--select) 10%, transparent);box-shadow:inset 0 0 0 2px var(--select);border-radius:var(--radius-item)}.tl-section{background:var(--panel);gap:var(--space-6)}.tl-sname{min-width:0;font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tl-param{gap:var(--space-6);background:var(--panel)}.tl-th.odd:not(.on){background:var(--tl-stripe)}.tl-stem,.tl-branch{background:var(--tl-line-strong);pointer-events:none;width:1px;position:absolute}.tl-stem{top:calc(50% + 6px);bottom:0}.tl-branch{top:0;bottom:0}.tl-branch.last{bottom:50%}.tl-branch:after{content:"";background:inherit;width:8px;height:1px;position:absolute;top:50%;left:0}.tl-branch.last:after{top:100%}.tl-pair{display:none}.tl-param:hover .tl-pair,.tl-param:focus-within .tl-pair{display:grid}.tl-pair:hover:not(:disabled){color:var(--ink)}.tl-pair.on{color:var(--select-ink);display:grid}.tl-join{align-items:center;gap:var(--space-4);flex:none;display:inline-flex}.tl-join .tl-bell{padding:var(--space-2) var(--space-8);background:var(--panel);height:22px;color:var(--ink);box-shadow:var(--shadow-sm)}.tl-join .tl-bell:hover:not(:disabled){background:var(--select-soft);color:var(--select-ink)}.tl-kval.pair input[type=text]{width:80px}.tl-key.on{color:var(--select)}.tl-key.on svg path{fill:currentColor}.tl-key.on:hover:not(:disabled){color:var(--select)}:root{--key-diamond:8px}.tl-key svg{width:calc(var(--key-diamond) * 1.2);height:calc(var(--key-diamond) * 1.2);overflow:visible}.tl-key svg path{vector-effect:non-scaling-stroke;stroke-width:1.3px}.tl-pname{min-width:0;font-size:var(--text-ui);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tl-kval{align-items:center;gap:var(--space-4);font-size:var(--text-ui);color:var(--faint);font-variant-numeric:tabular-nums;flex:none;display:inline-flex}.tl-kval input[type=text]{box-sizing:border-box;width:68px;height:22px;padding:0 var(--space-6);font-weight:var(--weight-regular);font-size:var(--text-ui);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-item)}.tl-kval.many input[type=text]{width:104px}.tl-kval input[type=text]:hover:not(:disabled){border-color:var(--line-strong)}.tl-kval input[type=text]:focus{outline:none}:where(:root[data-keys]) .tl-kval input[type=text]:focus{border-color:var(--select);box-shadow:0 0 0 2px var(--select-wash)}.tl-kval input:disabled{color:var(--muted);background:0 0;border-color:#0000}.tl-kval span{min-width:14px}.tl-scrubs{gap:var(--space-2)}.tl-scrub{min-width:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-item);font-weight:var(--weight-regular);color:var(--select-ink);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-text-decoration:underline dotted color-mix(in srgb, var(--select-ink) 45%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--select-ink) 45%, transparent);text-underline-offset:3px;transition:background-color .12s}.tl-scrub:hover,.tl-scrubs.live .tl-scrub:active{background:var(--select-soft)}.tl-scrub:focus-visible{outline:2px solid var(--select);outline-offset:0}.tl-scrub[aria-disabled=true]{color:var(--muted);cursor:default;text-decoration:none}.tl-scrub[aria-disabled=true]:hover{background:0 0}.tl-unit-k{margin-left:var(--space-2);color:var(--faint)}.tl-scrub-at{align-items:center;min-width:0;display:inline-flex}.tl-scrub-at+.tl-scrub-at{margin-left:var(--space-4)}.tl-scrub-unit{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.tl-colour input{border:1px solid var(--line);border-radius:var(--radius-mark);cursor:pointer;background:0 0;width:20px;height:20px;padding:0}.tl-ktext{text-overflow:ellipsis;white-space:nowrap;max-width:96px;color:var(--muted);overflow:hidden}.tl-gh{padding:var(--space-12) 10px var(--space-12) var(--space-16);gap:var(--space-2);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.tl-gh-mode{margin:0 0 10px calc(-1 * var(--space-4));grid-template-columns:1fr 1fr;display:grid}.tl-gh-top{align-items:center;gap:var(--space-2);margin:0 0 10px calc(-1 * var(--space-4));display:flex}.tl-gh-top .tl-gh-mode{min-width:0;margin:0 var(--space-4) 0 0;flex:auto}.tl-gh-top .tl-ib{width:26px;height:26px}.tl-gh-top .tl-ib svg{width:15px;height:15px}.tl-bell{padding:var(--space-4) 10px;font-size:var(--text-ui);border-radius:var(--radius-control);color:var(--muted);white-space:nowrap;border-color:#0000;flex:none}.tl-gh-mode .tl-bell:hover:not(:disabled){color:var(--ink);background:0 0}.tl-gh-mode .tl-bell[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm)}.tl-gh-name{align-items:center;gap:var(--space-8);height:var(--control-sm);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--select-ink);min-width:0;display:flex}.tl-gh-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-gh-ch{align-items:baseline;gap:var(--space-6);padding:5px var(--space-8);margin-left:calc(-1 * var(--space-8));border-radius:var(--radius-item);font-size:var(--text-ui);color:var(--muted);text-align:left;min-width:0;display:flex}.tl-gh-ch span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-gh-ch small{font-size:var(--text-meta);color:var(--faint)}.tl-gh-ch:hover:not(:disabled){background:var(--pressed)}.tl-gh-ch[aria-pressed=true]{background:var(--pressed);color:var(--ink)}.tl-canvas{touch-action:none;outline:none;min-width:0;min-height:0;position:relative}.tl-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--select)}.tl-canvas canvas{display:block}.tl-empty{color:var(--faint);background:var(--panel);place-items:center;display:grid;position:absolute;inset:0}.ab-loading{background:var(--board);box-shadow:var(--shadow-board);position:absolute;top:0;left:0}.ab-draft{z-index:2;box-sizing:border-box;cursor:default;background:var(--draft-ground);box-shadow:var(--shadow-board);position:absolute;top:0;left:0}.ab[data-making=on]>iframe,.ab[data-making=on]>.ab-loading,.ab[data-making=on]>.ab-draft{animation:2.4s linear infinite see-through;-webkit-mask-image:linear-gradient(100deg,#000 39%,#0009 44%,#0000001f 50%,#0009 56%,#000 61%);mask-image:linear-gradient(100deg,#000 39%,#0009 44%,#0000001f 50%,#0009 56%,#000 61%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes see-through{0%{-webkit-mask-position:100% 0;mask-position:100% 0}90%,to{-webkit-mask-position:0 0;mask-position:0 0}}.ab-drop{z-index:6;pointer-events:none;outline:2px solid color-mix(in srgb, var(--select) 55%, transparent);animation:.12s both fade;position:absolute;inset:0}.ab[data-loose]>iframe,.ab[data-loose]>.ab-loading{box-shadow:none;background:0 0!important}.ab-agent-edit{z-index:3;pointer-events:none;border-radius:2px;animation:.2s both fade;position:absolute;overflow:hidden}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-66.667% 0}}.insp-draft{justify-content:space-between;align-items:center;gap:var(--space-8);font-size:var(--text-ui);color:var(--muted);display:flex}.insp-draft .ghost{height:var(--control-sm);font-size:var(--text-ui);padding:0 10px}.pin{transform-origin:50% 100%;background:var(--ink);width:26px;height:26px;color:var(--on-ink);font-size:var(--text-meta);font-weight:var(--weight-strong);border:2px solid var(--canvas);box-shadow:0 2px 8px color-mix(in srgb, var(--ink) 25%, transparent);border-radius:50% 50% 50% 2px;place-items:center;padding:0;display:grid;position:absolute;rotate:-45deg}.pin.agent{background:var(--select-ink)}.pin:hover:not(:disabled){background:var(--action-hover);color:var(--on-ink)}.pin.agent:hover:not(:disabled){background:color-mix(in srgb, var(--select-ink) 86%, var(--ink))}.pin.open{outline:2px solid var(--select);outline-offset:1px}.pin>*{rotate:45deg}.zoom{gap:var(--space-2);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-md);border:1px solid #0000;padding:3px;display:flex;position:absolute;bottom:14px;right:14px}.zoom button{font-size:var(--text-ui);border-radius:var(--radius-control);color:var(--muted);border-color:#0000;padding:3px 9px}.zoom button:not(.zoom-pct){padding:var(--space-4) 7px;place-items:center;display:grid}.zoom button:hover{background:var(--hover);color:var(--ink)}.zoom-pct{font-variant-numeric:tabular-nums;min-width:56px;font-size:var(--text-ui)!important;color:var(--ink)!important}.ab-hit{z-index:3}.ab-hover,.ab-box{z-index:4}.pin,.ab-error,.ab-label,.ab-kind,.ab-size,.ab-transport,.ab-pick{z-index:5}.ab-sketch{z-index:6;pointer-events:none;fill:var(--select-wash);stroke:var(--select);position:absolute;top:0;left:0;overflow:visible}.ab-ghost{z-index:3;pointer-events:none;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:absolute;top:0;left:0;overflow:hidden;container-type:size}.ab-ghost>.layer{box-sizing:border-box;position:absolute}.ab-rs{z-index:6;touch-action:none;position:absolute}.ab.resizing,.ab.moving{z-index:10}.ab.resizing .ab-size{color:var(--select-ink)}.ab-sketch-size{z-index:6;transform-origin:50% 0;padding-top:var(--space-6);pointer-events:none;white-space:nowrap;position:absolute}.ab-sketch-size span{padding:3px var(--space-6);border-radius:var(--radius-mark);background:var(--select-ink);color:var(--on-ink);font-size:var(--text-meta);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums;line-height:1;display:block}.ab-sketch circle{fill:var(--handle)}.ab-sketch circle.first{fill:var(--select)}.ab-guide{z-index:6;background:var(--guide);pointer-events:none;position:absolute}.ab-rguide{z-index:4;cursor:ew-resize;position:absolute}.ab-rguide.y{cursor:ns-resize}.ab-rguide:before{content:"";background:var(--ruler-guide);position:absolute}.ab-rguide.x:before{width:var(--w);top:0;bottom:0;left:50%;translate:-50%}.ab-rguide.y:before{height:var(--w);top:50%;left:0;right:0;translate:0 -50%}.ab-rguide.gone:before{opacity:.35}.ab-rguide-pos{transform-origin:0 0;border-radius:var(--radius-mark);background:var(--ruler-guide);color:var(--on-ink);font-size:var(--text-meta);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;padding:1px 5px;position:absolute;top:50%;left:50%}.canvas[data-tool=draw] .ab-rguide,.canvas[data-tool=hand] .ab-rguide{pointer-events:none}.ruler{z-index:7;background:var(--panel);-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.ruler.top{border-bottom:1px solid var(--line);cursor:ns-resize;height:16px;top:0;left:16px;right:0}.ruler.top svg{margin-left:calc(-1 * var(--space-16))}.ruler.left{border-right:1px solid var(--line);cursor:ew-resize;width:16px;top:16px;bottom:0;left:0}.ruler.left svg{margin-top:calc(-1 * var(--space-16))}.ruler.corner{border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:16px;height:16px;top:0;left:0}.ruler svg{display:block;overflow:visible}.ruler line{stroke:var(--line);stroke-width:1px;shape-rendering:crispedges}.ruler line.major{stroke:color-mix(in srgb, var(--faint) 70%, var(--line))}.ruler text{font-size:var(--text-caption);letter-spacing:.01em;font-variant-numeric:tabular-nums;fill:var(--faint)}.ruler .band{fill:var(--select-wash)}.ruler text.edge{fill:var(--select-ink);font-weight:var(--weight-strong)}.ruler-pull{z-index:7;background:var(--ruler-guide);pointer-events:none;position:absolute}.ruler-pull.x{width:1px;top:0;bottom:0}.ruler-pull.y{height:1px;left:0;right:0}.zoom .rule{width:1px;margin:var(--space-4) var(--space-2);background:var(--line)}.shortcuts-veil{z-index:20;padding:var(--space-16);background:color-mix(in srgb, var(--ink) 18%, transparent);place-items:center;display:grid;position:absolute;inset:0}.shortcuts{background:var(--panel);border-radius:var(--radius-panel);width:min(760px,100%);max-height:100%;box-shadow:var(--shadow-md);border:1px solid #0000;padding:14px 18px 18px;overflow:auto}.shortcuts header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.shortcuts-cols{columns:2 280px;column-gap:28px}.shortcuts section{break-inside:avoid;margin-bottom:14px}.shortcuts h4{margin:0 0 var(--space-6);font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--muted)}.shortcuts dl{margin:0}.shortcuts dl div{justify-content:space-between;gap:var(--space-12);font-size:var(--text-body);padding:3px 0;display:flex}.shortcuts dt{color:var(--ink)}.shortcuts dd{flex:none;margin:0}.shortcuts kbd{font-size:var(--text-meta);font-weight:var(--weight-regular);padding:var(--space-2) var(--space-6);border-radius:var(--radius-mark);background:var(--field);color:var(--ink)}.ab-many-box{cursor:move;background:0 0}.ab-marquee{z-index:6;border:1px solid var(--select);background:var(--select-wash);pointer-events:none;box-sizing:border-box;position:absolute}.board-sketch{pointer-events:none;background:var(--board);box-shadow:var(--shadow-board);position:absolute}.board-sketch>.sel-outline{width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px}.board-sketch-size{padding-top:var(--space-12);font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--select-ink);white-space:nowrap;-webkit-user-select:none;user-select:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.many-list{margin:var(--space-4) 0 0;gap:var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.many-list button{font-size:var(--text-meta);padding:var(--space-2) 7px;border-radius:var(--radius-mark);background:var(--select-soft);color:var(--ink);border:none}.many-list button:hover{background:color-mix(in srgb, var(--select) 18%, transparent)}.ctx-menu{z-index:45;min-width:218px;padding:var(--space-4);border-radius:var(--radius-box);background:var(--panel);box-shadow:var(--shadow-lg);animation:pop .12s var(--ease) both;border:1px solid #0000;flex-direction:column;display:flex;position:fixed}.ctx-menu button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--radius-item);font-size:var(--text-ui);color:var(--ink);justify-content:space-between;gap:18px;padding:5px 9px;display:flex}.ctx-menu button:hover:not(:disabled),.ctx-menu button:focus-visible{background:var(--hover)}.ctx-menu button:disabled{color:var(--faint);cursor:default;opacity:.55}.ctx-menu small{color:var(--faint);font-size:var(--text-meta);font-variant-numeric:tabular-nums}.ctx-menu hr{border:0;border-top:1px solid var(--line);margin:var(--space-4) var(--space-2)}.ctx-menu.layers-here{max-height:60vh;overflow-y:auto}.ctx-menu.layers-here button{justify-content:flex-start;align-items:center;gap:var(--space-6);padding-left:calc(var(--space-8) + var(--depth,0) * var(--space-12))}.ctx-menu.layers-here .glyph{color:var(--faint);flex:none}.layers-here-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layers-here-none{padding:var(--space-4) var(--space-8);font-size:var(--text-ui);color:var(--muted);margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inspector{border-left:1px solid var(--line);background:var(--panel);min-height:0;font-size:var(--text-ui);flex-direction:column;display:flex;overflow:hidden}.insp-head{align-items:center;gap:var(--space-6);height:calc(var(--top-h) + 1px);border-bottom:1px solid var(--line);background:var(--panel);flex:none;min-width:0;padding:0 10px;display:flex}button.insp-edit{width:32px;height:var(--control-md);margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-control);color:var(--muted);background:0 0;border:none;flex:none;place-items:center;padding:0;transition:background-color .14s,color .14s;display:inline-grid;position:relative}button.insp-edit svg{width:16px;height:16px}button.insp-edit:hover:not(.on){background:var(--pressed);color:var(--ink)}button.insp-edit.on,button.insp-edit.on:hover{background:var(--select-soft);color:var(--select-ink)}button.insp-edit .insp-tab-flag{position:absolute;top:5px;right:5px}.insp-head .spacer{flex:1}.inspector[data-min] .insp-head{border-bottom:0}.insp-view-head{align-items:center;gap:var(--space-4);min-height:40px;padding:var(--space-8) var(--space-8) 0 14px;box-sizing:border-box;flex:none;display:flex}.insp-view-head .spacer{flex:1}.insp-view-head .insp-tab-flag{margin-left:var(--space-4)}.insp-tab-title{font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);line-height:var(--leading-code);flex:none;margin:0}button.insp-back{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-4);height:var(--control-sm);margin-left:calc(-1 * var(--space-6));padding:0 var(--space-8) 0 var(--space-4);border-radius:var(--radius-item);font-size:var(--text-ui);color:var(--muted);cursor:pointer;display:inline-flex}button.insp-back:hover{background:var(--hover);color:var(--ink)}button.insp-back:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.insp-back+.insp-tab-title{margin-left:var(--space-2)}button.insp-forward{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-2);min-width:0;max-width:60%;height:var(--control-sm);padding:0 var(--space-4) 0 var(--space-8);border-radius:var(--radius-item);font-size:var(--text-ui);color:var(--muted);cursor:pointer;display:inline-flex}button.insp-forward>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}button.insp-forward .chevron{flex:none;transform:rotate(-90deg)}button.insp-forward:hover{background:var(--hover);color:var(--ink)}button.insp-forward:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.insp-menu{display:inline-flex;position:relative}.insp-menu>.icon-btn{width:28px;height:var(--control-sm);border-radius:var(--radius-item)}.insp-menu-list{top:calc(100% + 4px);right:0}.insp-menu-list button:disabled{opacity:.45;cursor:default}.insp-tab-flag{background:var(--warn);border-radius:50%;flex:none;width:6px;height:6px}.insp-sheet{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.insp-panel{flex:1 1 0;min-height:0;overflow-y:auto}.insp-panel:not(.insp-code-pane){padding:var(--space-8)}.insp-section.insp-tree{padding:0}.insp-section{padding:var(--space-8) 10px 10px}.insp-title{all:unset;box-sizing:border-box;width:100%;font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}button.insp-title{cursor:pointer}.insp-name{align-items:center;gap:var(--space-8);min-width:0;height:var(--control-md);box-sizing:border-box;border-radius:var(--radius-control);background:var(--field);color:var(--ink);font-size:var(--text-body);font-weight:var(--weight-strong);cursor:default;flex:1;padding:0 10px;display:flex}.insp-name .insp-glyph{color:var(--muted);flex:none}.insp-name-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.insp-name.renamable{cursor:text;transition:background-color .12s,box-shadow .12s}.insp-name.renamable:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.insp-name.renamable:focus-within{background:var(--panel);box-shadow:inset 0 0 0 1px var(--select)}.insp-name.renamable:focus-within .insp-glyph{color:var(--select-ink)}.inspector .insp-name input{all:unset;min-width:0;height:100%;font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;cursor:text;flex:1;overflow:hidden}.inspector .insp-name input::selection{background:color-mix(in srgb, var(--select) 22%, transparent)}.insp-prop>.insp-title:has(>.insp-name){margin-bottom:10px}button.insp-kind{height:var(--control-md);margin-left:var(--space-6);border-radius:var(--radius-control);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--kind-static-ink);background:var(--kind-static);transition:box-shadow .12s var(--ease);border:none;flex:none;align-items:center;gap:5px;padding:0 10px;display:inline-flex}button.insp-kind[data-kind=video]{color:var(--kind-video-ink);background:var(--kind-video)}button.insp-kind:hover:not(:disabled){color:var(--kind-static-ink);background:var(--kind-static-on)}button.insp-kind[data-kind=video]:hover:not(:disabled){color:var(--kind-video-ink);background:var(--kind-video-on)}button.insp-kind:disabled{opacity:1;cursor:default}.insp-kind svg{stroke-width:2.2px}.insp-kind-switch{opacity:0;width:0;transition:width .14s var(--ease), opacity .14s var(--ease), margin .14s var(--ease);margin-left:-5px;display:inline-flex;overflow:hidden}button.insp-kind:hover:not(:disabled) .insp-kind-switch,button.insp-kind:focus-visible .insp-kind-switch{opacity:1;width:10px;margin-left:0}.insp-kinds{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.insp-kinds button{align-items:center;gap:var(--space-8);min-width:0;padding:var(--space-8);border-radius:var(--radius-control);background:var(--panel);text-align:left;box-shadow:0 0 0 1px var(--line-strong);transition:box-shadow .12s var(--ease);border:none;display:flex}.insp-kinds button:hover:not(:disabled){background:var(--panel);box-shadow:0 0 0 1.5px var(--kind-static-ink)}.insp-kinds button[data-kind=video]:hover:not(:disabled){box-shadow:0 0 0 1.5px var(--kind-video-ink)}.insp-kinds button>span:last-child{flex-direction:column;min-width:0;line-height:1.25;display:flex}.insp-kinds b{font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink)}.insp-kinds small{font-size:var(--text-meta);color:var(--faint)}.insp-kinds-glyph{width:28px;height:var(--control-sm);border-radius:var(--radius-item);color:var(--kind-static-ink);background:var(--kind-static);flex:none;place-items:center;display:grid}.insp-kinds button[data-kind=video] .insp-kinds-glyph{color:var(--kind-video-ink);background:var(--kind-video)}.insp-body{gap:var(--space-8);flex-direction:column;display:flex}.insp-sub{align-items:center;gap:var(--space-6);min-height:var(--control-xs);margin-top:var(--space-2);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--muted);display:flex}.insp-group{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.insp-group:not(:first-child){margin-top:var(--space-4)}.insp-group-title{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:var(--control-xs);padding-left:var(--space-16);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--muted);display:flex}.insp-group-title>.insp-act{margin-left:auto}.insp-sub svg{flex:none}.insp-sub-act{margin-left:auto;display:inline-flex}.inspector input,.inspector select,.inspector textarea{font-size:var(--text-ui);padding:var(--space-4) var(--space-8);border-radius:var(--radius-item);background:var(--panel);border:1px solid var(--line);color:var(--ink);min-width:0}.inspector input:hover,.inspector select:hover{border-color:var(--line-strong)}.insp-prop{padding:var(--space-8) 10px 10px;border-radius:var(--radius-box);background:var(--field)}.insp-prop:not(:last-child){margin-bottom:var(--space-8)}.insp-prop:has(>.insp-title .insp-name){padding:0 0 var(--space-4);background:0 0}.insp-prop>.insp-title{min-height:var(--control-xs);margin-bottom:var(--space-8)}.insp-prop>.insp-title:last-child{margin-bottom:0}.insp-prop>.insp-title:has(+.insp-body:empty){margin-bottom:0}.insp-prop>.insp-body{gap:var(--space-8)}.insp-prop>.insp-body:empty{display:none}.insp-fold{all:unset;cursor:pointer;flex:1;align-self:stretch;align-items:center;min-width:0;display:flex}button.insp-fold:hover:not(:disabled){background:0 0}.insp-fold:focus-visible{outline:2px solid var(--select);outline-offset:2px;border-radius:var(--radius-mark)}.insp-act .icon-btn.insp-fold-arrow svg{width:18px;height:18px}.insp-fold-arrow .chevron{color:var(--muted)}:is(.insp-fold-arrow:hover .chevron,.insp-title:has(.insp-fold:hover) .insp-fold-arrow .chevron){color:var(--ink)}.insp-act{align-items:center;gap:var(--space-2);font-weight:var(--weight-regular);margin-right:-5px;display:inline-flex}.insp-act .icon-btn{width:24px;height:var(--control-xs);border-radius:var(--radius-item)}.insp-act .icon-btn svg{width:14px;height:14px}.insp-act .icon-btn:disabled{opacity:.35;cursor:default}.insp-act-btn{all:unset;height:var(--control-xs);padding:0 var(--space-8);border-radius:var(--radius-item);font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--muted);cursor:pointer}.insp-act-btn:hover{background:var(--hover);color:var(--ink)}.insp-prop input,.insp-prop select{height:var(--control-sm);box-sizing:border-box}.insp-prop textarea{resize:vertical;line-height:1.45}.row-field{align-items:center;gap:var(--space-8);color:var(--muted);grid-template-columns:72px minmax(0,1fr);display:grid}.row-field>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stack-field{gap:var(--space-6);color:var(--muted);flex-direction:column;display:flex}.grid2{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.num{align-items:center;gap:var(--space-8);color:var(--faint);grid-template-columns:44px minmax(0,1fr);display:grid}.num>span{font-size:var(--text-ui)}.grid2>.num{min-width:0;height:var(--control-sm);box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);align-items:center;gap:0;display:flex;overflow:hidden}.grid2>.num:hover{border-color:var(--line-strong)}:where(:root[data-keys]) .grid2>.num:focus-within{border-color:var(--ink)}.grid2>.num>span:not(.num-box):not(.sr-only):not(.key-dia){max-width:64%;padding:0 var(--space-2) 0 var(--space-8);font-size:var(--text-meta);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;flex:none;overflow:hidden}.grid2>.num>.num-box,.inspector .grid2>.num>select,.inspector .grid2>.num>input{background:0 0;border:none;border-radius:0;flex:1;min-width:0;height:100%}.inspector .grid2>.num>.num-box input{padding:0 var(--space-4) 0 var(--space-6)}.grid2>.span2{grid-column:1/-1}.inspector select{text-overflow:ellipsis}.inspector select.inherited{color:var(--muted)}.inspector select.inherited option{color:var(--ink)}.num-box{min-width:0;height:var(--control-sm);box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);align-items:stretch;display:flex;overflow:hidden}.combo{min-width:0;height:var(--control-sm);box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);flex:1;align-items:stretch;display:flex;position:relative}.combo:hover,.combo.open{border-color:var(--line-strong)}.inspector .combo input{min-width:0;height:100%;padding:0 var(--space-4) 0 var(--space-8);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:0;flex:1}.combo.at-head input{color:var(--select-ink)}button.combo-arrow{all:unset;width:24px;color:var(--muted);cursor:pointer;border-radius:0 var(--radius-item) var(--radius-item) 0;flex:none;place-items:center;display:grid}button.combo-arrow:hover{color:var(--ink);background:var(--hover)}.combo-list{z-index:20;max-height:240px;padding:var(--space-4);background:var(--panel);border-radius:var(--radius-box);box-shadow:var(--shadow-md);border:1px solid #0000;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:-1px;right:-1px;overflow-y:auto}.combo-list li{height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);font-variant-numeric:tabular-nums;cursor:pointer;align-items:center;display:flex}.combo-list li:hover{background:var(--hover)}.combo-list li[aria-selected=true]{background:var(--select-soft);color:var(--select-ink);font-weight:var(--weight-strong)}.key-dia{width:14px;height:100%;min-height:var(--control-xs);color:var(--faint);cursor:pointer;border-radius:var(--radius-mark);flex:none;place-items:center;margin-left:5px;display:grid}.key-dia:hover{color:var(--ink)}.key-dia:focus-visible{outline:2px solid var(--select);outline-offset:-1px}.key-dia.on,.key-dia.on:hover{color:var(--select)}.key-dia.on svg path{fill:currentColor}.grid2>.num>.key-dia+span{padding-left:3px}.num.at-head input{color:var(--select-ink)}.paint-row>.key-dia{width:16px;height:var(--control-sm);margin-left:0}.paint-n{text-align:center;width:14px;font-size:var(--text-meta);color:var(--faint);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex:none}.paint-row.keyed.anim .paint-box{background:var(--select-wash)}.fx-head>.key-dia{margin-left:0;margin-right:var(--space-4);height:var(--control-xs)}.fx-head>.key-dia+b{margin-right:auto}.num:has(>.key-dia){gap:var(--space-6);grid-template-columns:14px 44px minmax(0,1fr)}.wide-num .num:has(>.key-dia){grid-template-columns:14px 82px minmax(0,1fr)}.fx-line .num:has(>.key-dia){align-items:center;gap:var(--space-4);width:108px;display:flex}.fx-line .num:has(>.key-dia)>.num-box{flex:1;min-width:0}.num.anim .num-box,.grid2>.num.anim{background:var(--select-wash)}:is(.num:has(>.key-dia.on) .num-box,.grid2>.num:has(>.key-dia.on)){background:color-mix(in srgb, var(--select) 18%, transparent)}.grid2>.num.anim>.num-box{background:0 0}.grid2>.num:has(>.key-dia.on)>.num-box{background:0 0}.num-box:hover{border-color:var(--line-strong)}:where(:root[data-keys]) .num-box:focus-within{border-color:var(--ink)}.inspector .num-box input{font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:0;flex:1;min-width:0;height:100%}.num-box .unit{min-width:24px;padding:0 var(--space-6);border-left:1px solid var(--line);background:var(--field);font-size:var(--text-meta);font-weight:var(--weight-regular);color:var(--muted);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;transition:background-color .12s var(--ease), color .12s var(--ease);flex:none;place-items:center;line-height:1;display:grid}.num-box .unit.switch{cursor:pointer}.num-box .unit:hover{background:var(--pressed);color:var(--ink)}.num-box .unit:active{background:color-mix(in srgb, var(--select) 14%, transparent);color:var(--select-ink)}.num-box .unit:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.fx-add{position:relative}.fx-head .icon-btn,.fx-line .icon-btn{width:24px;height:var(--control-xs);border-radius:var(--radius-item)}.fx-head .icon-btn svg,.fx-line .icon-btn svg{width:14px;height:14px}.fx-menu{z-index:10;min-width:150px;padding:var(--space-4);background:var(--panel);border-radius:var(--radius-box);box-shadow:var(--shadow-md);border:1px solid #0000;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0}.fx-menu button{all:unset;padding:5px var(--space-8);border-radius:var(--radius-item);font-size:var(--text-ui);font-weight:var(--weight-regular);color:var(--ink);cursor:pointer}.fx-menu button:hover,.fx-menu button:focus-visible{background:var(--hover)}.fx-row{gap:var(--space-8);padding:10px 0 var(--space-2);border-top:1px solid var(--line);flex-direction:column;display:flex}.fx-row:first-child{border-top:none;padding-top:0}.fx-head{height:var(--control-xs);font-size:var(--text-ui);justify-content:space-between;align-items:center;margin-right:-5px;display:flex}.fx-head b,.fx-line b{font-weight:var(--weight-strong);color:var(--ink)}.fx-row.fx-line{align-items:center;gap:var(--space-6);flex-direction:row;margin-right:-5px}.fx-line b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.fx-line .num{flex:none;width:92px;display:block}.paints{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.paint-row{align-items:center;gap:var(--space-2);margin-right:-5px;display:flex;position:relative}.paint-row.fixed{margin-right:0}.paint-row>.icon-btn{width:24px;height:var(--control-sm);border-radius:var(--radius-item)}.paint-row>.icon-btn svg{width:14px;height:14px}.paint-row.off .paint-box>:not(.swatch),.paint-row.off .swatch>span{opacity:.45}.paint-row.dragging{opacity:.4}.paint-row.drop-above:before,.paint-row.drop-below:after{content:"";background:var(--select);pointer-events:none;border-radius:1px;height:2px;position:absolute;left:0;right:5px}.paint-row.drop-above:before{top:-3px}.paint-row.drop-below:after{bottom:-3px}.paint-grip{width:8px;margin:var(--space-6) var(--space-2) var(--space-6) calc(-1 * var(--space-2));cursor:grab;opacity:.35;background:radial-gradient(circle, var(--faint) 1px, transparent 1.3px) 0 0 / 4px 4px;transition:opacity .12s var(--ease);flex:none;align-self:stretch}.paint-row:hover .paint-grip{opacity:.9}.paint-box{min-width:0;height:var(--control-sm);box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);flex:1;align-items:center;display:flex;overflow:hidden}.paint-box:hover{border-color:var(--line-strong)}:where(:root[data-keys]) .paint-box:focus-within{border-color:var(--ink)}.paint-box .swatch{width:18px;height:18px;margin:0 var(--space-6) 0 var(--space-4);border-radius:var(--radius-mark);cursor:pointer;background:repeating-conic-gradient(var(--line) 0 25%, var(--panel) 0 50%) 0 0 / 8px 8px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);flex:none;position:relative;overflow:hidden}.paint-box .swatch>span{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);position:absolute;inset:0}.paint-box .swatch input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.inspector .paint-box input.paint-hex,.inspector .paint-box input.paint-alpha{font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:0;height:100%}.inspector .paint-box input.paint-hex{min-width:0;padding:0 var(--space-2);flex:1}.inspector .paint-box input.paint-alpha{width:38px;padding:0 1px 0 var(--space-6);border-left:1px solid var(--line);text-align:right;flex:none}.inspector .paint-box input.paint-alpha:disabled{color:var(--faint)}.paint-pct{padding:0 var(--space-8) 0 1px;font-size:var(--text-meta);color:var(--faint);flex:none}.paint-layer{cursor:default}.paint-layer .paint-name{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}button.paint-box.paint-layer{font:inherit;text-align:left;color:inherit;cursor:pointer;padding:0}button.paint-box.paint-layer:disabled{cursor:default}button.paint-box.paint-layer .swatch{cursor:inherit}.paint-item{gap:var(--space-8);flex-direction:column;display:flex}.paint-editor{gap:var(--space-8);margin:0 0 var(--space-4) var(--space-12);border-left:2px solid var(--line);flex-direction:column;padding-left:10px;display:flex}.grad-bar{height:22px;margin:var(--space-4) 7px var(--space-8);border-radius:var(--radius-item);cursor:copy;touch-action:none;background:repeating-conic-gradient(var(--line) 0% 25%, var(--panel) 0% 50%) 0 0 / 10px 10px;position:relative}.grad-fill{border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);pointer-events:none;position:absolute;inset:0}.grad-stop{width:14px;height:26px;padding:var(--space-2);border-radius:var(--radius-mark);background:var(--panel);box-shadow:0 0 0 1px var(--line-strong), var(--shadow-sm);cursor:ew-resize;touch-action:none;border:none;margin:-13px 0 0 -7px;position:absolute;top:50%}.grad-stop>span{width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);border-radius:2px;display:block}.grad-stop.on{box-shadow:0 0 0 2px var(--select), var(--shadow-sm)}.grad-stop-row{align-items:center;gap:var(--space-6);display:flex}.grad-stop-row>.paint-box{flex:1.4}.grad-stop-row>.num{flex:1}.grad-stop-row>.icon-btn{width:24px;height:var(--control-sm);border-radius:var(--radius-item)}.mesh-map{aspect-ratio:16/10;margin:var(--space-6);border-radius:var(--radius-item);box-shadow:inset 0 0 0 1px var(--line);touch-action:none;position:relative;overflow:visible}.mesh-band{pointer-events:none;position:absolute;left:0;right:0}.mesh-band:first-child{border-radius:var(--radius-item) var(--radius-item) 0 0}.mesh-band:last-of-type{border-radius:0 0 var(--radius-item) var(--radius-item)}.mesh-point{width:14px;height:14px;padding:var(--space-2);background:var(--handle);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 35%, transparent), var(--shadow-sm);cursor:grab;touch-action:none;border:none;border-radius:50%;margin:-7px 0 0 -7px;position:absolute}.mesh-point>span{border-radius:50%;width:100%;height:100%;display:block}.mesh-point.on{box-shadow:0 0 0 2px var(--select), var(--shadow-sm)}.shape-path{min-height:var(--control-sm);grid-template-columns:auto 72px minmax(0,1fr)}.shape-path:not(:has(.key-dia)){grid-template-columns:72px minmax(0,1fr)}.shape-count{color:var(--ink);font-variant-numeric:tabular-nums}.choice{background:var(--field);border-radius:var(--radius-control);padding:var(--space-2);gap:var(--space-2);border:none;display:flex}.choice button{padding:var(--space-4) 7px;font-size:var(--text-meta);color:var(--muted);border-radius:var(--radius-item);background:0 0;border:none;flex:1}.choice button.on{background:var(--panel);color:var(--ink);font-weight:var(--weight-strong);box-shadow:var(--shadow-sm)}.choice button:hover:not(.on):not(:disabled){background:var(--pressed)}.view-switch{flex:none}.view-switch button{padding:3px var(--space-12);font-size:var(--text-ui);flex:none}.inspector .list,.inspector .layers,.inspector .layers ul,.inspector .exports{margin:0;padding:0;list-style:none}.inspector .list button,.inspector .layers button{all:unset;box-sizing:border-box;cursor:pointer;align-items:baseline;gap:var(--space-8);width:100%;min-width:0;padding:5px var(--space-8);border-radius:var(--radius-item);display:flex}.inspector .list button:hover,.inspector .layers button:hover{background:var(--hover)}.inspector .list button span,.layer-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink);flex:auto;overflow:hidden}.inspector .list{margin:0 calc(-1 * var(--space-8))}.inspector .list small,.inspector .layers small{text-overflow:ellipsis;min-width:0;color:var(--faint);font-size:var(--text-meta);white-space:nowrap;flex:0 1000 auto;overflow:hidden}.inspector .layers .layer-row{height:var(--control-sm);padding:0 3px 0 calc(4px + var(--depth,0) * var(--step));border-radius:var(--radius-item);align-items:center;display:flex}.inspector .layers .layer-row.on .layer-name,.inspector .layers .layer-row.on .glyph{color:var(--select-ink)}.inspector .layers .layer-row:has(>.pick:focus-visible){box-shadow:inset 0 0 0 2px var(--select)}.inspector .layers .pick:focus-visible{outline:none}.inspector .layers .pick{align-self:stretch;align-items:center;gap:var(--space-6);padding:0 var(--space-6) 0 1px;background:0 0;border-radius:0;flex:auto}.inspector .layers .pick:hover{background:0 0}.inspector .layers .glyph{color:var(--muted);flex:none}.inspector .layers .twist{all:unset;box-sizing:border-box;width:var(--step);color:var(--faint);cursor:pointer;flex:none;align-self:stretch;place-items:center;display:grid}.inspector .layers .twist:hover{color:var(--ink);background:0 0}.inspector .layers .twist .chevron{color:inherit;display:block;transform:rotate(-90deg)}.inspector .layers .twist[aria-expanded=true] .chevron{transform:none}.inspector .layers .ab-row .glyph{color:var(--ink)}.inspector .layers>li{padding:var(--space-4);border-radius:var(--radius-box);background:var(--field)}.inspector .layers .layer-row[data-scene] .layer-name{font-weight:var(--weight-strong)}.inspector .layers .layer-hint{margin:var(--space-4) 0 var(--space-8) calc(4px + 2 * var(--step) + 1px)}.layer-name.unnamed{color:var(--muted)}.inspector .layers .layer-rename{align-items:center;gap:var(--space-6);flex:1;min-width:0;padding:0 3px 0 1px;display:flex}.inspector .layers .layer-rename input{min-width:0;height:22px;margin-left:calc(-1 * var(--space-6));font:inherit;font-size:var(--text-ui);border:1px solid var(--select);border-radius:var(--radius-item);background:var(--panel);color:var(--ink);outline:none;flex:1;padding:0 5px}.export-done{color:var(--ok)}.exports li{align-items:baseline;gap:var(--space-8);padding:3px 0;display:flex}.exports a{color:var(--ink);text-underline-offset:2px;font-size:var(--text-ui);text-decoration:underline}.exports small{color:var(--faint);font-size:var(--text-meta);flex:1}.exports li>a:last-child{color:var(--muted);align-self:center;place-items:center;text-decoration:none;display:inline-grid}.exports li>a:last-child:hover{color:var(--ink)}.insp-actions{align-items:center;gap:var(--space-2);margin:0 calc(-1 * var(--space-4));display:flex}.insp-actions .icon-btn{width:28px;height:var(--control-sm)}.insp-actions .spacer{flex:1}.insp-actions .rule{height:14px}.glyph-text{font-size:var(--text-field);line-height:1}.align-row{justify-content:space-between;gap:var(--space-2);margin:0 calc(-1 * var(--space-4));display:flex}.align-row .icon-btn{width:32px;height:var(--control-sm)}.flip-row{gap:var(--space-8);display:flex}.flip-row .ghost{flex:1}.flip-row .ghost,.inspector .insp-body>.ghost{height:var(--control-sm);font-size:var(--text-ui);padding:0 10px}.insp-prop .choice{height:var(--control-sm);box-sizing:border-box;padding:var(--space-2)}.insp-prop .choice button{padding:0 var(--space-6);font-size:var(--text-ui)}.insp-panel.insp-code-pane:not([hidden]){flex-direction:column;display:flex;overflow:hidden}.code-block{flex:1 1 0;min-height:0;margin:10px;display:flex;position:relative}.code-block .code{border-radius:var(--radius-box);background:var(--field);border:1px solid var(--line);min-width:0;font-family:var(--font-mono);font-size:var(--text-ui);color:var(--ink);white-space:pre;-webkit-user-select:text;user-select:text;tab-size:2;flex:1;margin:0;padding:14px;line-height:1.65;overflow:auto}.code-block .code:focus-visible{outline:2px solid var(--select);outline-offset:2px}.code-line{min-width:max-content;display:block}.code-copy{z-index:1;width:28px;height:var(--control-sm);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);position:absolute;top:6px;right:6px}.code-copy:hover{background:var(--panel);color:var(--ink);border-color:var(--line-strong)}.code .c-p{color:var(--faint)}.code .c-tag{color:var(--pop-sky-ink)}.code .c-attr{color:var(--pop-peach-ink)}.code .c-val,.code .c-str{color:var(--pop-mint-ink)}.code .c-prop{color:var(--pop-sea-ink)}.code .c-num{color:var(--pop-sun-ink)}.code .c-kw{color:var(--pop-tomato-ink)}.code .c-com{color:var(--faint);font-style:italic}.code .c-text{color:var(--ink)}.insp-empty{padding:var(--space-16) 14px;font-size:var(--text-ui);color:var(--muted);margin:0}.insp-hint{font-size:var(--text-ui);color:var(--muted);margin:0}.wide-num{gap:var(--space-8);flex-direction:column;display:flex}.wide-num .num{grid-template-columns:96px minmax(0,1fr)}.wide-num .num>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.check-row{align-items:center;gap:var(--space-8);color:var(--muted);cursor:pointer;display:flex}.check-row input{width:auto;accent-color:var(--ink);margin:0}.inspector .layers .eye{all:unset;box-sizing:border-box;width:20px;height:var(--control-xs);border-radius:var(--radius-mark);color:var(--faint);cursor:pointer;opacity:0;flex:none;place-items:center;display:grid}.inspector .layers .layer-row:hover .eye,.inspector .layers .layer-row.hidden .eye:not(.lock),.inspector .layers .layer-row.locked .lock{opacity:1}.inspector .layers .layer-row:has(:focus-visible) .eye{opacity:1}.inspector .layers .eye:hover:not(:disabled){color:var(--ink);background:var(--hover)}.inspector .layers .eye:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.inspector .layers .layer-row.on .eye{color:var(--select-ink)}.inspector .layers .layer-row.hidden .layer-name,.inspector .layers .layer-row.hidden .glyph{opacity:.45}@media (hover:none){.inspector .layers .eye{opacity:1}}.inspector .layers .switch[aria-pressed=true]{color:var(--ink)}.inspector .layers .layer-row.on .switch[aria-pressed=true]{color:var(--select-ink)}.inspector .layers .layer-row.on .switch[aria-pressed=false]{color:var(--faint)}.inspector .layers .layer-row .switch.d3[aria-pressed=true],.inspector .layers .layer-row .switch.blur[aria-pressed=false]{opacity:1}.inspector .layers .switch:disabled{cursor:default}.inspector .layers .layer-row{position:relative}.inspector .layers .layer-row.dragging{opacity:.4}.inspector .layers .layer-row.drop-above:before,.inspector .layers .layer-row.drop-below:after{content:"";left:calc(4px + (var(--depth,0) + 1) * var(--step));background:var(--select);pointer-events:none;border-radius:1px;height:2px;position:absolute;right:4px}.inspector .layers .layer-row.drop-above:before{top:-1px}.inspector .layers .layer-row.drop-below:after{bottom:-1px}.inspector .layers .layer-row.drop-into{background:color-mix(in srgb, var(--select) 10%, transparent);box-shadow:inset 0 0 0 2px var(--select)}.insp-warn{margin:var(--space-12) 14px 0;padding:10px var(--space-12);border-radius:var(--radius-box);background:var(--pop-sun-soft);color:var(--ink);font-size:var(--text-ui)}.insp-warn b{color:var(--warn)}.insp-warn ul{margin:var(--space-4) 0 var(--space-6);padding-left:var(--space-16);color:var(--muted)}.insp-warn p{margin:0 0 var(--space-8)}.insp-warn button{padding:var(--space-4) 11px;font-size:var(--text-ui)}.comment-pop{z-index:30;border-radius:var(--radius-panel);gap:var(--space-8);background:var(--panel);width:292px;box-shadow:var(--shadow-lg);animation:pop .16s var(--ease) both;border:1px solid #0000;flex-direction:column;padding:10px;display:flex;position:fixed}.cp-head{justify-content:space-between;align-items:center;gap:var(--space-8);font-size:var(--text-ui);color:var(--muted);display:flex}.cp-head .icon-btn{width:24px;height:var(--control-xs);padding:0}.cp-head .icon-btn svg{width:15px;height:15px}.cp-thread{gap:var(--space-8);flex-direction:column;max-height:220px;display:flex;overflow:auto}.cp-msg{font-size:var(--text-body);line-height:1.5}.cp-msg b{font-size:var(--text-meta);color:var(--muted);margin-right:var(--space-4);font-weight:var(--weight-strong)}.cp-msg.agent b{color:var(--select-ink)}.comment-pop textarea{font-size:var(--text-body);padding:var(--space-6) 9px}.cp-actions{justify-content:flex-end;gap:var(--space-6);flex-wrap:wrap;display:flex}.cp-actions button{font-size:var(--text-ui);padding:5px 11px}.cp-actions .icon-btn{margin-right:auto;padding:0}.icon-btn,.studio-panel nav a,.rail-act,.studio-tabs button,.studio-home,.project-open,.studio-project,.pill,.option,.idea,button.primary,.pages button,.toolbar button,.zoom button,.segmented button,.choice button,.menu button,.row-head,.tl-ib,.ctx-menu button,.fx-menu button,.inspector .list button,.inspector .layers button,.inspector .layers .layer-row,.seg button,.tl-bell,.tl-time,.tl-tbtn{transition:background-color .14s,color .14s,box-shadow .14s,border-color .14s,scale .15s ease-out}.swap{place-items:center;line-height:0;display:inline-grid}.swap-glyph{transition:opacity .25s var(--ease), scale .25s var(--ease), filter .25s var(--ease);grid-area:1/1;place-items:center;display:grid}.swap-glyph[data-on=off]{opacity:0;filter:blur(4px);scale:.25}:is(button.primary,.icon-btn,.pill,.toolbar button,.chat-launcher,.tl-launcher,.tl-ib,.studio-home):active:not(:disabled){scale:.96}@media (prefers-reduced-motion:no-preference){.shell[data-settled]:not([data-resizing]),.shell[data-settled] .project-work:not([data-resizing]){transition:grid-template-columns .2s var(--ease)}}.design{background:var(--canvas);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid}.design-bar,.design-foot{align-items:center;gap:var(--space-8);background:var(--panel);min-width:0;display:flex}.design-bar{padding:calc(env(safe-area-inset-top) + 9px) max(12px, env(safe-area-inset-right)) 9px max(12px, env(safe-area-inset-left));border-bottom:1px solid var(--line)}.design-foot{padding:var(--space-8) max(12px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 10px) max(12px, env(safe-area-inset-left));border-top:1px solid var(--line)}.design-names{flex-direction:column;flex:1;min-width:0;display:flex}.design-names b{font-size:var(--text-field);font-weight:var(--weight-strong);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.design-names small{font-size:var(--text-meta);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.design-view{padding:var(--space-12);position:relative;overflow:hidden}.design-frame{transform-origin:50%;position:absolute;top:50%;left:50%}.design-frame iframe{background:var(--board);box-shadow:var(--shadow-board);border:0;display:block}.design-tap{background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.design-tap:hover:not(:disabled){background:0 0}.design-tap:disabled{cursor:default;opacity:1}.design-transport{align-items:center;gap:var(--space-8);flex:1;min-width:0;display:flex}.design-transport input[type=range]{accent-color:var(--ink);background:0 0;border:none;flex:1;padding:0}.design-time{font-size:var(--text-meta);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.design-canvas-link{font-size:var(--text-ui);color:var(--muted);white-space:nowrap;margin-left:auto;text-decoration:none}.design-canvas-link:hover{color:var(--ink)}.design-wait{background:var(--panel);grid-template-rows:none;place-content:center;justify-items:center;gap:14px;display:grid}.design-broke{padding:var(--space-8) 10px;border-radius:var(--radius-box);background:var(--pop-tomato-soft);color:var(--bad);font-size:var(--text-ui);position:absolute;bottom:12px;left:12px;right:12px}@media (max-width:900px){.timeline{right:14px}.toolbar{left:calc(var(--ruler) + (100% - var(--ruler)) / 2)}.project-work>.resizer{display:none}.studio-panel{z-index:40;border-radius:0 var(--radius-panel) var(--radius-panel) 0;width:min(88vw,380px);max-height:none;padding:calc(env(safe-area-inset-top) + 8px) var(--space-8) calc(env(safe-area-inset-bottom) + 10px) max(8px, env(safe-area-inset-left));animation:drawer .2s var(--ease) both;position:fixed;inset:0 auto 0 0}@keyframes drawer{0%{transform:translate(-100%)}}.project-work{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.studio-panel .rail-box:has(>.project-row){grid-template-columns:minmax(0,1fr)}.veil{grid-template-columns:1fr}.work,.home,.chat-col,.canvas-col{grid-column:1}.project-work[data-small=on][data-chat=on] .canvas-col,.project-work[data-small=on][data-chat=off] .chat-col{display:none}.chat-head,.canvas-bar{padding-top:calc(env(safe-area-inset-top) + 5px)}.canvas-bar,.veil-bar{border-bottom:0;height:auto;min-height:38px;padding-bottom:5px}.veil-bar{padding-top:5px}.composer{padding-bottom:calc(env(safe-area-inset-bottom) + 10px)}.messages,.composer{padding-left:var(--space-12);padding-right:var(--space-12)}.view-switch{flex:none}.canvas-bar{gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"lead pages export switch"}.canvas-bar>.bar-zone{display:contents}.canvas-bar>.bar-zone>.icon-btn:first-child{grid-area:lead}.canvas-bar .pages{width:fit-content;max-width:100%;margin-left:var(--space-4);grid-area:pages;justify-self:start}.canvas-bar .view-switch{grid-area:switch}.canvas-bar .export-menu{grid-area:export;justify-self:end}.toolbar .tool-draw,.toolbar button.tool.tool-draw{display:none}.toolbar .tool-more{display:flex}.menu{width:min(92vw,396px)}.comment-pop{width:min(92vw,292px)}.toolbar .tool-split{position:static}.menu.tool-menu.comment-menu{width:min(92vw,300px)}.export-btn{padding:5px 10px}.export-word{display:none}.export-menu .export-btn .export-glyph{display:block}}@media (pointer:coarse){textarea,input,select,.brief-box textarea,.comment-pop textarea,.studio-project,.inspector .insp-name input,.inspector :is(input,select,textarea),.inspector .layers .layer-rename input,.timeline .tl-kval input,.timeline .tl-rename input{font-size:var(--text-title)}.icon-btn,.toolbar button.tool{width:40px;height:40px}.studio-tabs button,.rail-head{height:40px}.pill{min-height:40px}.pill-btn{padding:0 var(--space-12);align-items:center;min-height:40px;display:inline-flex}.project-del{width:40px;height:40px}.studio-panel .chats a{padding-top:11px;padding-bottom:11px}.rail-act{min-height:40px}.asset .asset-place{width:32px;height:var(--control-md)}.file button{min-width:40px;min-height:40px;margin:calc(-1 * var(--space-8)) calc(-1 * var(--space-4)) calc(-1 * var(--space-8)) 0}.option{min-height:40px}.zoom button{min-width:40px;min-height:40px}.view-switch button,.pages button,.choice button,.seg button,.export-btn{min-height:40px}.menu.tool-menu button{align-items:center;min-height:40px}}@media (max-width:900px) and (pointer:coarse){.veil-bar{min-height:calc(env(safe-area-inset-top) + 50px)}}@media (prefers-reduced-motion:reduce){.popover,.menu,.comment-pop,.ctx-menu,.bar-note,.row,.row-body,.row-clip,.chevron,.spin,.pulse,.reply,.arrive,.reply .w,.question,.error,.lightbox,.to-latest,.chat-status,.spark-live,.icon-live,.sheet,.sheet-scrim,.studio-panel,.studio-scrim,.export-panel,.xp-backdrop,.progress div,.resizer:after,.composer-box,.chat-launcher,.launcher-dot,.unread-dot,[data-shimmer],.tl-launcher,.veil.wait{transition:none!important;animation:none!important}[data-shimmer=on]{color:var(--ink);background:0 0}.ab[data-making=on]>:is(iframe,.ab-loading,.ab-draft){animation:none;-webkit-mask-image:none;mask-image:none}:is(button.primary,.icon-btn,.pill,.toolbar button,.chat-launcher,.tl-launcher,.tl-ib):active{scale:none}.swap-glyph{transition:none}}.pill-btn.with-icon{align-items:center;gap:5px;display:inline-flex}.pill-btn:disabled{cursor:default;opacity:.45}.pill-btn:disabled:hover{color:var(--muted);border-color:var(--line)}.notices{z-index:60;align-items:center;gap:var(--space-8);pointer-events:none;flex-direction:column;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.notice{pointer-events:auto;align-items:center;gap:var(--space-12);min-height:40px;padding:var(--space-6) var(--space-6) var(--space-6) 14px;border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-md);font-size:var(--text-body);color:var(--ink);animation:notice-in .18s var(--ease) both;border:1px solid #0000;display:flex}.notice[data-tone=bad]{border-color:color-mix(in srgb, var(--bad) 30%, transparent)}.notice[data-tone=bad] .notice-text{color:var(--bad)}.notice-text{min-width:0;line-height:1.4}.notice .icon-btn{width:28px;height:var(--control-sm)}.notice .notice-action{height:var(--control-sm);padding:0 var(--space-12);border-radius:var(--radius-control);font-size:var(--text-ui);font-weight:var(--weight-strong);flex:none}.ask-scrim{z-index:61;padding:var(--space-16);background:var(--backdrop);place-items:center;animation:.16s both fade;display:grid;position:fixed;inset:0}.ask-card{box-sizing:border-box;width:min(400px,100%);padding:var(--space-20) var(--space-20) var(--space-16);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-lg);font-size:var(--text-body);color:var(--ink);animation:ask-in .18s var(--ease) both}.ask-text{overflow-wrap:anywhere;margin:0;line-height:1.45}.ask-actions{justify-content:flex-end;gap:var(--space-8);margin-top:18px;display:flex}.ask-actions button{height:var(--control-md);padding:0 var(--space-16);border-radius:var(--radius-control);font-size:var(--text-ui);font-weight:var(--weight-strong)}button.primary.danger{background:var(--bad);color:var(--on-ink)}button.primary.danger:hover:not(:disabled){background:color-mix(in srgb, var(--bad) 86%, var(--ink));color:var(--on-ink)}@keyframes notice-in{0%{opacity:0;transform:translateY(6px)}}@keyframes ask-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.notice,.ask-scrim,.ask-card{animation:none}}.ab-anchor{z-index:4;width:24px;height:var(--control-xs);margin:calc(-1 * var(--space-12)) 0 0 calc(-1 * var(--space-12));transform-origin:50%;touch-action:none;pointer-events:none;position:absolute}.ab-anchor svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.ab-anchor-hit{fill:none;stroke:#0000;stroke-width:9px;pointer-events:stroke;cursor:move}.ab-anchor-halo{fill:none;stroke:var(--handle);stroke-width:3.5px;pointer-events:none}.ab-anchor-dot{fill:var(--handle);stroke:var(--select);stroke-width:1.5px;pointer-events:none}.ab-anchor:hover .ab-anchor-dot,.ab-anchor.dragging .ab-anchor-dot{stroke:var(--select-ink)}.anchor-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.anchor-pick{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);grid-template-rows:repeat(3,16px);grid-template-columns:repeat(3,16px);display:grid}.anchor-pick button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:3px;place-items:center;width:16px;height:16px;display:grid}.anchor-pick button:after{content:"";box-sizing:border-box;border:1px solid var(--faint);background:var(--panel);border-radius:1.5px;width:6px;height:6px}.anchor-pick button:hover{background:var(--hover)}.anchor-pick button:hover:after{border-color:var(--ink)}.anchor-pick button[aria-checked=true]:after{border-color:var(--select);background:var(--select)}.anchor-pick button:focus-visible{outline:2px solid var(--select);outline-offset:-1px}.anchor-row .grid2{align-content:center;align-self:stretch}.anchor-title{align-items:center;gap:var(--space-6);display:inline-flex}.anchor-title svg{color:var(--faint)}.inspector .layers .layer-parent{width:18px;color:var(--faint);flex:none;place-items:center;display:grid}.inspector .layers .layer-row.on .layer-parent{color:var(--select-ink)}.inspector .layers .layer-mask{width:var(--space-20);height:var(--space-20);margin-left:var(--space-2);border-radius:var(--radius-mark);color:var(--glyph);cursor:pointer;flex:none;place-items:center;display:grid}.inspector .layers .layer-mask:hover{background:var(--pressed);color:var(--ink)}.inspector .layers .layer-mask.off{opacity:.45}.inspector .layers .mask-layer-row .pick{gap:var(--space-6)}.inspector .layers .mask-layer-row .layer-name{color:var(--muted);font-size:var(--text-meta);flex:none}.inspector .layers .mask-layer-row .mask-glyph{color:var(--glyph)}.inspector .layers .mask-layer-row .mask-what{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--faint);font-size:var(--text-meta);overflow:hidden}.inspector .layers .mask-layer-row.on .layer-name,.inspector .layers .mask-layer-row.on .mask-glyph{color:var(--select-ink)}.inspector .layers .mask-layer-row.off .pick{opacity:.45}.mask-row .paint-name .mask-what{color:var(--faint)}.mask-glyph{color:var(--glyph);place-items:center;display:grid}.mask-row .paint-layer{gap:var(--space-6);padding:0 var(--space-8)}.mask-grad-swatch{width:var(--space-16);height:var(--space-16);border-radius:var(--radius-mark);background:linear-gradient(var(--ink), transparent);box-shadow:inset 0 0 0 1px var(--line-strong);display:block}.fx-menu button.mask-menu-item{align-items:center;gap:var(--space-8);display:flex}.fx-menu button.mask-menu-item svg{color:var(--glyph)}code.mask-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--text-meta) var(--font-mono);color:var(--muted);display:block;overflow:hidden}.many-list button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.key-eases,.key-smooth{gap:var(--space-2);display:flex}.key-eases .icon-btn,.key-smooth .icon-btn{width:32px;height:var(--control-sm);border-radius:var(--radius-item)}.key-eases .icon-btn[aria-pressed=true]{background:var(--select-soft);color:var(--select-ink)}.key-span{align-items:center;gap:var(--space-6);min-height:var(--control-xs);font-size:var(--text-ui);color:var(--muted);display:flex}.key-span b{font-weight:var(--weight-regular);color:var(--ink);font-variant-numeric:tabular-nums}.key-span small{color:var(--faint);font-size:var(--text-meta);font-variant-numeric:tabular-nums;margin-left:auto}.key-span.bad b,.key-span.bad svg{color:var(--bad)}.tl-loop[aria-pressed=true],.tl-loop[aria-pressed=true]:hover:not(:disabled){color:var(--select-ink)}.tl-rec svg circle{fill:currentColor;stroke:none}.tl-rec svg{color:color-mix(in srgb, var(--faint) 60%, var(--panel))}.tl-rec[aria-pressed=true] svg{color:var(--bad)}.tl-rec[aria-pressed=true],.tl-rec[aria-pressed=true]:hover:not(:disabled){border-color:color-mix(in srgb, var(--bad) 45%, transparent)}.ab.autokey:after{content:"";border:2px solid var(--bad);pointer-events:none;z-index:3;border-radius:3px;position:absolute;inset:-3px}.moves{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.move-row{align-items:center;gap:var(--space-2);margin-right:-5px;display:flex}.move-row>.icon-btn{width:24px;height:var(--control-sm);border-radius:var(--radius-item)}.move-pick{all:unset;box-sizing:border-box;align-items:baseline;gap:var(--space-8);min-width:0;min-height:var(--control-sm);padding:var(--space-4) var(--space-8);border-radius:var(--radius-item);cursor:pointer;font-size:var(--text-ui);color:var(--ink);flex:1;display:flex}.move-pick:hover{background:var(--panel)}.move-pick:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.move-props{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.move-pick small{color:var(--faint);font-size:var(--text-meta);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.anim-menu{min-width:168px}.anim-group{flex-direction:column;display:flex}.anim-group+.anim-group{border-top:1px solid var(--line);margin-top:var(--space-4);padding-top:var(--space-4)}.anim-kind{padding:var(--space-4) 10px var(--space-2);font-size:var(--text-meta);color:var(--faint)}.insp-panel{container:insp/inline-size}.prow{align-items:center;column-gap:var(--space-4);min-height:var(--control-sm);grid-template-columns:12px minmax(40px,84px) minmax(128px,1fr);min-width:0;display:grid}.prow-key{width:12px;height:var(--control-sm);flex:none;place-items:center;display:grid}.prow-label{min-width:0;font-size:var(--text-ui);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;overflow:hidden}.prow-val{align-items:center;gap:var(--space-4);min-width:0;display:flex}.prow-val>*{flex:1 1 0;min-width:0}.inspector .prow-val>select,.inspector .prow-val>input.text-box{width:100%;height:var(--control-sm);box-sizing:border-box}.prow-val>.flip-row{gap:var(--space-4)}.prow-val>.choice{height:var(--control-sm)}.brand-var .prow-val>.brand-swatch{border-radius:var(--radius-mark);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line);flex:none}.brand-var .prow-val>.brand-value{color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-var .prow-val>.brand-value.over{text-decoration:line-through}.prow-val>.anchor-pick{flex:none}.prow-val>.shape-count{padding-left:var(--space-2)}.prow-val>.prow-text{padding-left:var(--space-2);font-size:var(--text-ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.key-dia{width:12px;height:var(--control-sm);min-height:0;margin:0}.key-dia svg{width:var(--key-diamond);height:var(--key-diamond)}.inspector .num-box{cursor:ew-resize;touch-action:none;flex:1 1 0;min-width:0}.inspector .num-box.editing{cursor:text}.inspector .num-box input{padding:0 var(--space-2) 0 7px;text-overflow:clip}:where(:root[data-keys]) .inspector .num-box:not(.editing):focus-within{border-color:var(--line-strong);box-shadow:0 0 0 2px color-mix(in srgb, var(--select) 35%, transparent)}.inspector .num-box.editing{border-color:var(--ink);background:var(--panel)}.inspector .num-box.scrubbing{border-color:var(--select)}.inspector .num-box.scrubbing input,.inspector .num-box.at-head input{color:var(--select-ink)}.inspector .num-box input::placeholder{color:var(--muted);opacity:1}.num-box .unit{min-width:18px;padding:0 var(--space-4)}.num-box .axis{padding-left:var(--space-6);font-size:var(--text-meta);color:var(--faint);-webkit-user-select:none;user-select:none;flex:none;align-self:center}.num-box .axis+input{padding-left:3px}@container insp (max-width:256px){.num-box .axis{display:none}.num-box .axis+input{padding-left:7px}.prow{grid-template-columns:12px minmax(48px,1fr) minmax(128px,2fr)}.inspector .num-box input,.num-box .axis+input{padding:0 1px 0 5px}.num-box .unit{min-width:16px;padding:0 3px}}.prow.anim .num-box,.prow.anim .paint-box{background:var(--select-wash)}.prow:has(.key-dia.on) .num-box{background:color-mix(in srgb, var(--select) 18%, transparent)}.paint-row>.prow-key{margin-right:var(--space-4)}.paint-row.inherited .paint-hex{color:var(--muted)}.paint-tag{padding:0 var(--space-6) 0 var(--space-8);font-size:var(--text-meta);color:var(--faint);flex:none}.fx-head>.prow-key{margin-right:var(--space-6)}.fx-head>.prow-key+b{margin-right:auto}.params{gap:var(--space-8);flex-direction:column;display:flex}.prow:has(.anchor-pick){padding:var(--space-2) 0}.chat-slot,.chat-slot>.chat-host{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.chat-host>.chat-col{flex:1 1 0}.chat-picker{flex:0 auto;min-width:0;display:flex}.chat-name .chat-title{color:inherit;font-weight:inherit;padding:0}.memory-box{gap:var(--space-2);flex-direction:column;display:flex}.memory-row{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-8);height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);cursor:pointer;font-size:var(--text-ui);color:var(--ink);display:flex}.memory-row:hover,.memory-row:focus-visible,.memory-row.on{background:var(--panel);outline:none}.memory-row.on{cursor:default}.memory-name{min-width:0;color:var(--ink);flex:auto}.memory-meta{color:var(--muted);flex:none}.memory-swatches{flex:none;gap:3px;display:flex}.memory-swatches>span{border-radius:var(--radius-mark);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--line)}.memory-open{gap:var(--space-6);flex-direction:column;display:flex}.memory-edit{box-sizing:border-box;resize:vertical;width:100%;min-height:180px;padding:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font-family:inherit;font-size:var(--text-ui);line-height:1.5}.memory-actions{justify-content:flex-end;gap:var(--space-6);display:flex}.chat-name{height:30px;padding:0 var(--space-6) 0 var(--space-8);min-width:0;line-height:30px;font-weight:var(--weight-strong);font-size:var(--text-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.chat-earlier{align-items:center;gap:var(--space-8);margin:var(--space-4) var(--space-16) 10px;padding:10px var(--space-12);border-radius:var(--radius-box);background:var(--field);color:var(--ink);font-size:var(--text-ui);flex-wrap:wrap;display:flex}.chat-earlier span{flex:auto;min-width:0}.project-work[data-float=on] .chat-earlier{margin:var(--space-4) var(--space-8) var(--space-8)}.chat-host>.chat-index{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.chat-index .chat-head{flex:none}.chat-index-body{scrollbar-width:thin;min-height:0;padding-bottom:var(--space-8);flex:1 1 0;overflow-y:auto}.chat-slot .chat-index-body{padding:0 var(--space-8) var(--space-8)}.chat-list{flex-direction:column;gap:1px;display:flex}nav.chat-list a{align-items:center;gap:var(--space-8);height:30px;padding:0 var(--space-8);border-radius:var(--radius-item);color:var(--ink);white-space:nowrap;font-size:var(--text-ui);flex:none;min-width:0;text-decoration:none;display:flex}nav.chat-list a:hover,nav.chat-list a:focus-visible{background:var(--panel);outline:none}nav.chat-list a.active{background:var(--panel);color:var(--select-ink);font-weight:var(--weight-strong);box-shadow:var(--shadow-sm)}.chat-head .chat-back{margin-left:var(--space-2)}.chat-row-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-index nav.chat-list{gap:var(--space-2)}.chat-index nav.chat-list a{height:52px;padding:0 10px 0 var(--space-6);gap:10px}.chat-thumb{border-radius:var(--radius-mark);background:var(--field);width:56px;height:40px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);flex:none;place-items:center;display:grid;overflow:hidden}.chat-thumb img{object-fit:contain;max-width:100%;max-height:100%;display:block}.chat-row-text{gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;display:flex}.chat-row-board{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-meta);font-weight:var(--weight-regular);color:var(--muted);overflow:hidden}.chat-live{box-sizing:border-box;border:1.5px solid var(--line-strong);border-radius:50%;flex:none;width:7px;height:7px}.chat-live[data-on]{border-color:var(--select);background:var(--select);animation:pulse 1.4s var(--ease) infinite}@media (prefers-reduced-motion:reduce){.chat-live[data-on]{animation:none}}.chat-slot{grid-area:1/1}@media (max-width:900px){.project-work[data-small=on][data-chat=off] .chat-slot{display:none}.chat-slot .chat-head{min-height:38px}}.timeline,.tl-launcher{left:calc(var(--ruler,0px) + 14px)}.agents{z-index:16;pointer-events:none;position:absolute;inset:0}.agent-cursor{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;color:var(--hue,var(--select));transition:opacity .2s var(--ease);animation:agent-in .26s var(--ease) both;position:absolute}@keyframes agent-in{0%{opacity:0}}.agent-cursor .agent-arrow{fill:currentColor;stroke:var(--handle);stroke-width:1.6px;filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--ink) 30%, transparent));display:block}.agent-tag{height:20px;padding:0 var(--space-8);white-space:nowrap;border-radius:var(--radius-mark) var(--radius-control) var(--radius-control) var(--radius-control);background:var(--hue,var(--select));color:var(--hue-ink,var(--on-ink));font-size:var(--text-meta);font-weight:var(--weight-strong);box-shadow:0 2px 6px color-mix(in srgb, var(--ink) 16%, transparent);transition:box-shadow .14s var(--ease), scale .14s var(--ease);align-items:center;display:inline-flex;position:absolute;top:15px;left:13px}.agent-tag [data-shimmer=on]{--sr:color-mix(in srgb, var(--hue-ink,var(--on-ink)) 70%, var(--hue,var(--select)));--sp:var(--hue-ink,var(--on-ink))}.agent-done{align-items:center;gap:var(--space-4);display:inline-flex}.agent-done svg{stroke-width:2.6px}.agent-cursor:hover .agent-tag,.agent-cursor[data-hot] .agent-tag{box-shadow:0 0 0 2px var(--panel), 0 0 0 3.5px var(--hue,var(--select)), 0 2px 6px color-mix(in srgb, var(--ink) 16%, transparent)}.agent-cursor:active .agent-tag{scale:.96}.agent-cursor[data-dim]{opacity:.35}.agent-cursor:focus-visible .agent-tag{outline:2px solid var(--select);outline-offset:3px}.agent-list{z-index:18;left:calc(var(--ruler) + 20px);bottom:calc(20px + 43px + 8px + var(--card-dock,0px));width:300px;padding:var(--space-4);gap:var(--space-2);background:var(--panel);border-radius:var(--radius-box);box-shadow:var(--shadow-md), var(--shadow-md);transform-origin:20px 100%;animation:agent-list-in .16s var(--ease) both;border:1px solid #0000;flex-direction:column;display:flex;position:absolute}@keyframes agent-list-in{0%{opacity:0;scale:.97}}.agent-list-head{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.agent-list nav{flex-direction:column;gap:1px;display:flex}.agent-row,.agent-card{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-8);height:30px;padding:0 var(--space-8);border-radius:var(--radius-item);cursor:pointer;font-size:var(--text-ui);color:var(--ink);min-width:0;display:flex}.agent-row:hover,.agent-row:focus-visible,.agent-card:hover,.agent-card:focus-visible{background:var(--hover)}.agent-row-arrow{color:var(--hue);fill:currentColor;stroke:var(--panel);flex:none}.agent-row-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.agent-row-word{color:var(--muted);font-size:var(--text-meta);flex:none}.agent-card{color:var(--muted);border-top:1px solid var(--line);border-radius:0 0 var(--radius-item) var(--radius-item);margin-top:var(--space-2)}.agent-card svg{color:var(--muted)}.launcher-count{border-radius:var(--radius-mark);background:var(--select-soft);min-width:18px;height:18px;color:var(--select-ink);font-size:var(--text-meta);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;display:inline-grid}@media (prefers-reduced-motion:reduce){.agent-cursor,.agent-list,.ab-agent-edit{animation:none}}.sel-outline[data-of=quad]{border:0}.sel-quad{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.sel-quad polygon{fill:none;stroke:var(--select);stroke-width:1px;stroke-linejoin:miter}.sel-outline[data-line=dashed] .sel-quad polygon{stroke-dasharray:4 3}.sel-outline[data-line=dotted] .sel-quad polygon{stroke-dasharray:1 2}.insp-switch{border-radius:var(--radius-pill);background:var(--line-strong);width:30px;height:18px;transition:background .12s var(--ease);border:none;padding:0;position:relative;flex:none!important}.insp-switch:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 24%, transparent)}.insp-switch[aria-checked=true]{background:var(--select)}.insp-switch[aria-checked=true]:hover:not(:disabled){background:color-mix(in srgb, var(--select) 85%, var(--ink))}.insp-switch>span{background:var(--handle);width:14px;height:14px;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.insp-switch[aria-checked=true]>span{transform:translate(12px)}.prow-val:has(>.insp-switch){justify-content:flex-start}.insp-name.with-end{padding-right:3px}.insp-name-end{margin-left:var(--space-2);cursor:default;flex:none;align-items:center;display:flex}.insp-name-end .icon-btn{border-radius:var(--radius-item);width:26px;height:26px}.insp-name-end .icon-btn svg{width:15px;height:15px}.num-box .unit{display:none}.choice.icons button{min-width:0;color:var(--muted);place-items:center;padding:0;display:grid}.choice.icons button svg{width:15px;height:15px}.choice.icons button.on{color:var(--ink)}.choice.icons button:hover:not(.on){color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}.prow-align .prow-val{gap:var(--space-6)}.flip-row .icon-ghost{color:var(--muted);place-items:center;padding:0;display:grid}.flip-row .icon-ghost:hover:not(:disabled){color:var(--ink)}.flip-row .icon-ghost svg{width:16px;height:16px}.insp-body>.insp-sub{margin-top:var(--space-4)}.font-pick{min-width:0;position:relative}.font-pick-field{height:var(--control-sm);box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);cursor:pointer;align-items:center;display:flex;overflow:hidden}.font-pick-field:hover{border-color:var(--line-strong)}.font-pick.open .font-pick-field,:where(:root[data-keys]) .font-pick-field:focus-within{border-color:var(--ink)}.inspector .font-pick input{all:unset;min-width:0;height:100%;padding:0 var(--space-4) 0 var(--space-8);font-size:var(--text-ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;overflow:hidden}.inspector .font-pick.open input{cursor:text}.inspector .font-pick input.inherited,.inspector .font-pick input::placeholder{color:var(--muted);opacity:1}.font-pick-chevron{width:24px;height:100%;color:var(--muted);flex:none;place-items:center;display:grid}.font-pick-pop{z-index:20;box-sizing:border-box;background:var(--panel);border-radius:var(--radius-box);width:max(100%,232px);box-shadow:var(--shadow-md);border:1px solid #0000;position:absolute;top:calc(100% + 4px);left:auto;right:0;overflow:hidden}.font-pick-pop.up{top:auto;bottom:calc(100% + 4px)}.font-pick-list{overscroll-behavior:contain;max-height:280px;padding:var(--space-4);margin:0;list-style:none;position:relative;overflow-y:auto}.font-pick-chips{gap:var(--space-4);padding:var(--space-8) var(--space-8) var(--space-4);flex-wrap:wrap;display:flex}.font-pick-chip{height:22px;padding:0 var(--space-8);border-radius:var(--radius-mark);background:var(--field);color:var(--ink);font-size:var(--text-meta);white-space:nowrap;cursor:pointer;border:0}.font-pick-chip:hover{background:color-mix(in srgb, var(--ink) 7%, var(--field))}.font-pick-chip[aria-pressed=true],.font-pick-chip[aria-pressed=true]:hover{background:var(--select-soft);color:var(--select-ink);font-weight:var(--weight-strong)}.font-pick-list>li[role=option],.font-pick-list>li.font-pick-group{height:var(--control-sm);box-sizing:border-box;position:absolute;left:4px;right:4px}.font-pick-list li[role=option]{align-items:center;gap:var(--space-8);padding:0 var(--space-8);border-radius:var(--radius-item);color:var(--ink);cursor:pointer;display:flex}.font-pick-name{min-width:0;font-size:var(--text-field);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:28px;overflow:hidden}.font-pick-state{font-size:var(--text-meta);color:var(--muted);flex:none}.font-pick-list li.active{background:var(--hover)}.font-pick-list li.current{color:var(--select-ink)}.font-pick-list li.busy{cursor:progress}.font-pick-group{padding:0 var(--space-8) 5px;font-size:var(--text-meta);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;align-items:flex-end;display:flex;overflow:hidden}.font-pick-spacer{pointer-events:none;margin:0;padding:0}.font-pick-none{padding:var(--space-6) var(--space-8);font-size:var(--text-ui);color:var(--muted)}.parent-pick{min-width:0;position:relative}.inspector .parent-pick-field{all:unset;box-sizing:border-box;width:100%;height:var(--control-sm);border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);cursor:pointer;align-items:center;display:flex;overflow:hidden}.inspector .parent-pick-field:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel)}.parent-pick.open .parent-pick-field,.inspector .parent-pick-field:focus-visible{border-color:var(--ink)}.inspector .parent-pick-field:disabled{cursor:default;opacity:.5}.parent-pick-value,.parent-pick-row{align-items:center;gap:var(--space-6);flex:1;min-width:0;display:flex}.parent-pick-value{padding:0 var(--space-4) 0 var(--space-8);font-size:var(--text-ui);color:var(--ink)}.parent-pick-value.none,.parent-pick-row.none{color:var(--muted)}.parent-pick-n{min-width:2ch;margin-right:calc(-1 * var(--space-2));text-align:right;font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--faint);flex:none}.parent-pick-row.none .parent-pick-name,.parent-pick-value.none .parent-pick-name{padding-left:0}.parent-pick-glyph{color:var(--muted);flex:none}.parent-pick-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.parent-pick-chevron{width:24px;height:100%;color:var(--muted);flex:none;place-items:center;display:grid}.parent-pick-list{z-index:20;box-sizing:border-box;width:max(100%,216px);max-height:280px;padding:var(--space-4);background:var(--panel);border-radius:var(--radius-box);box-shadow:var(--shadow-md);border:1px solid #0000;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.parent-pick-list li[role=option]{height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);font-size:var(--text-ui);color:var(--ink);cursor:pointer;display:flex}.parent-pick-list li.active{background:var(--hover)}.parent-pick-list li.current .parent-pick-name{color:var(--select-ink)}.inspector .paint-box input.paint-alpha{width:46px;padding:0 var(--space-8) 0 var(--space-4)}.font-pick-list{box-sizing:border-box}.ab-crop-extent{box-sizing:border-box;border:1px dashed var(--select);background:color-mix(in srgb, var(--select) 6%, transparent);pointer-events:none;position:absolute}.ab-crop-grip{box-sizing:border-box;background:var(--handle);border:1.5px solid var(--select);pointer-events:auto;touch-action:none;z-index:2;border-radius:2px;width:9px;height:9px;position:absolute}.ab-mask-edit{transform-origin:0 0;pointer-events:none;z-index:3;position:absolute;top:0;left:0}.ab-mask-edit>svg{position:absolute;inset:0;overflow:visible}.ab-mask-line{fill:none;stroke:var(--select);stroke-width:1.5px;vector-effect:non-scaling-stroke}.ab-mask-body{pointer-events:auto;cursor:move;touch-action:none;position:absolute}.ab-mask-dot{width:var(--space-12);height:var(--space-12);box-sizing:border-box;background:var(--handle);border:2px solid var(--select);pointer-events:auto;cursor:move;touch-action:none;z-index:2;border-radius:50%;position:absolute}.ab-mask-dot.end{background:var(--select-ink)}.ab-mask-dot.ab-mask-point{width:var(--space-8);height:var(--space-8);border-width:1.5px}.insp-head{container:insp-head/inline-size}@container insp-head (max-width:300px){.insp-head .export-word{display:none}.insp-head .export-btn .export-glyph{display:block}.insp-head .export-btn{padding:5px 9px}}.row-pop{flex:none;position:relative}.row-btn{width:28px;height:var(--control-sm)}.row-btn svg{width:16px;height:16px}.row-btn.on,.row-btn.on:hover{background:var(--select-soft);color:var(--select-ink)}.menu.row-menu{flex-direction:column;grid-template-columns:none;gap:1px;width:268px;display:flex}.row-menu-title{padding:var(--space-6) var(--space-8) var(--space-4);font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--muted);align-items:center;gap:7px;display:flex}.row-menu hr{border:0;border-top:1px solid var(--line);margin:var(--space-4) var(--space-2)}.new-brand{gap:var(--space-6);padding:var(--space-2) var(--space-4) var(--space-4);display:flex}.new-brand input{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);min-width:0;height:30px;font-size:var(--text-ui);color:var(--ink);flex:1;padding:0 9px}.new-brand button.primary{padding:0 var(--space-12);height:30px}.icon-picker{gap:var(--space-6);padding:var(--space-2) var(--space-4) var(--space-4);flex-direction:column;display:flex}.icon-picker input{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);height:30px;font-size:var(--text-ui);color:var(--ink);padding:0 9px}.icon-sets{gap:var(--space-4);flex-wrap:wrap;display:flex}.icon-sets button{all:unset;cursor:pointer;padding:var(--space-2) var(--space-8);border-radius:var(--radius-mark);background:var(--field);font-size:var(--text-meta);color:var(--muted)}.icon-sets button.on{background:var(--select-soft);color:var(--select-ink)}.icon-grid{gap:var(--space-2);grid-template-columns:repeat(8,28px);max-height:196px;display:grid;overflow-y:auto}.icon-grid button{all:unset;cursor:pointer;width:28px;height:var(--control-sm);border-radius:var(--radius-item);place-items:center;display:grid}.icon-grid button:hover,.icon-grid button:focus-visible{background:var(--hover)}.icon-grid button:disabled{opacity:.4;cursor:progress}.icon-note{font-size:var(--text-meta);color:var(--faint);margin:0;line-height:1.45}.row-panel{z-index:20;box-sizing:border-box;width:300px;padding:var(--space-12);background:var(--panel);border-radius:var(--radius-box);box-shadow:var(--shadow-lg);animation:pop .16s var(--ease) both;border:1px solid #0000;position:absolute;top:calc(100% + 6px);right:0}.brand-design{flex-direction:column;gap:10px;max-height:min(560px,70vh);display:flex;overflow-y:auto}.brand-design-head{font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);justify-content:space-between;align-items:baseline;display:flex}.brand-design-head small{font-size:var(--text-meta);font-weight:var(--weight-regular);color:var(--faint)}.brand-design-logo{border-radius:var(--radius-item);background:var(--field);place-items:center;min-height:72px;padding:14px;display:grid}.brand-design-logo img{object-fit:contain;max-width:100%;max-height:56px}.brand-design-looks{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-control);background:var(--field);flex-wrap:wrap;display:flex}.brand-design-looks button{all:unset;cursor:pointer;padding:var(--space-4) 9px;border-radius:var(--radius-item);font-size:var(--text-meta);color:var(--muted)}.brand-design-looks button.on{background:var(--panel);color:var(--ink);font-weight:var(--weight-strong);box-shadow:var(--shadow-sm)}.brand-design-box{padding:10px var(--space-12) var(--space-12);border-radius:var(--radius-item);background:var(--field)}.brand-design-label{margin-bottom:var(--space-8);font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--muted)}.brand-design-swatches{gap:10px var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.brand-design-swatch{flex-direction:column;gap:3px;min-width:0;display:flex}.brand-design-chip{border-radius:var(--radius-mark);height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent)}.brand-design-role{font-size:var(--text-meta);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand-design-value{font-size:var(--text-meta);color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand-design-face{justify-content:space-between;align-items:baseline;gap:var(--space-8);padding:3px 0;display:flex}.brand-design-family{min-width:0;font-size:var(--text-title);line-height:var(--leading-title);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand-design-face small{font-size:var(--text-meta);color:var(--faint);flex:none}.brand-design-note,.brand-design-foot{font-size:var(--text-meta);color:var(--faint);margin:0;line-height:1.5}.brand-design-empty{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.brand-design-empty p{font-size:var(--text-ui);color:var(--muted);margin:0;line-height:1.5}.brand-design-logos{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.brand-design .brand-design-logo.dark{background:var(--ink)}.brand-design-topic>summary{align-items:center;gap:var(--space-4);min-height:var(--control-sm);cursor:pointer;font-size:var(--text-ui);color:var(--ink);list-style:none;display:flex}.brand-design-topic>summary::-webkit-details-marker{display:none}.brand-design-topic>summary .chevron{color:var(--faint);flex:none;transform:rotate(-90deg)}.brand-design-topic[open]>summary .chevron{transform:none}.brand-design-text{font-size:var(--text-ui);color:var(--muted);overflow-wrap:anywhere;line-height:1.5}.brand-design-topic .brand-design-text{padding:0 0 var(--space-8)}.brand-design-text .md>:first-child{margin-top:0}.brand-design-text .md>:last-child{margin-bottom:0}.brand-design-text .md p,.brand-design-text .md ul,.brand-design-text .md ol{margin:var(--space-6) 0}.sel-bar-at{transform-origin:0 0;z-index:7;pointer-events:none;width:0;height:0;position:absolute}.sel-bar-float{z-index:30;width:0;height:0;position:absolute}.sel-bar{padding:var(--space-4);background:var(--panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-lg);white-space:nowrap;font-size:var(--text-ui);color:var(--ink);cursor:default;animation:pop .14s var(--ease) both;border:1px solid #0000;align-items:center;gap:3px;display:flex;position:absolute;bottom:10px;left:0;transform:translate(-50%)}.sel-bar-size{width:58px}.sel-bar-colour{width:104px;display:flex}.sel-bar .paint-box input.paint-hex{min-width:0;height:100%;padding:0 var(--space-2);font-size:var(--text-ui);font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1}.sel-bar .paint-box input.paint-alpha{display:none}.sel-bar .num-box input{min-width:0;height:100%;padding:0 var(--space-2) 0 7px;font-size:var(--text-ui);font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1}.sel-bar .num-box input[readonly]{cursor:ew-resize;-webkit-user-select:none;user-select:none;caret-color:#0000}.sel-bar .font-pick input{all:unset;min-width:0;height:100%;padding:0 var(--space-4) 0 var(--space-8);font-size:var(--text-ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sel-bar .font-pick input.inherited,.sel-bar .font-pick input::placeholder{color:var(--muted);opacity:1}.sel-bar .choice{flex:none}.sel-bar .choice button{padding:3px var(--space-6);place-items:center;display:grid}.sel-bar .icon-btn.toggle{width:28px;height:var(--control-sm);border-radius:var(--radius-control)}.sel-bar .icon-btn.toggle svg{width:15px;height:15px}.sel-bar .icon-btn.toggle.on{background:var(--select-soft);color:var(--select-ink)}.sel-bar-act{height:var(--control-sm);border-radius:var(--radius-control);font-size:var(--text-ui);color:var(--ink);border:0;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.sel-bar-act svg{color:var(--muted)}.sel-bar-sep{background:var(--line);flex:none;width:1px;height:18px;margin:0 3px}.export-panel.stepper{box-sizing:border-box;width:min(var(--dialog-w), 100%);max-height:calc(100dvh - 2 * var(--space-40));border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-lg);color:var(--ink);animation:ask-in .18s var(--ease) both;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.xp-head{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-12) var(--space-12) var(--space-20);border-bottom:1px solid var(--line);display:flex}.xp-ic{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-control);background:var(--select-soft);color:var(--select-ink);flex:none;place-items:center;display:grid}.xp-titles{flex:1;min-width:0;display:grid}.xp-title{font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-strong);margin:0}.xp-name{font-size:var(--text-ui);line-height:var(--leading-ui);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.xp-head .icon-btn{width:var(--control-md);height:var(--control-md)}.export-panel .quiet{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-6);height:var(--control-md);padding:0 var(--space-12);border-radius:var(--radius-control);background:var(--field);color:var(--ink);font-size:var(--text-ui);font-weight:var(--weight-strong);white-space:nowrap;cursor:pointer;border:0;text-decoration:none;display:inline-flex}.export-panel .quiet:hover{background:var(--pressed)}.export-panel .primary{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-6);height:var(--control-md);padding:0 var(--space-12);display:inline-flex}.xp-scroll{gap:var(--space-12);min-height:0;padding:var(--space-16) var(--space-20);scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.xp-foot{justify-content:flex-end;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16) var(--space-12) var(--space-20);border-top:1px solid var(--line);display:flex}.xp-foot .xp-left{margin-right:auto}.xp-targets{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.xp-targets button{all:unset;box-sizing:border-box;cursor:pointer;gap:var(--space-4);padding:var(--space-12);border-radius:var(--radius-box);box-shadow:inset 0 0 0 1px var(--line);display:grid}.xp-targets button:hover:not(:disabled){background:var(--hover);box-shadow:inset 0 0 0 1px var(--line-strong)}.xp-targets button:focus-visible{box-shadow:var(--focus-ring)}.xp-targets button:disabled{cursor:not-allowed}.xp-targets button:disabled>*{opacity:.45}.xp-target-ic{width:var(--control-md);height:var(--control-md);margin-bottom:var(--space-4);border-radius:var(--radius-control);background:var(--field);color:var(--ink);place-items:center;display:grid}.xp-targets b{font-size:var(--text-body);font-weight:var(--weight-strong)}.xp-targets small{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--faint)}.xp-row{grid-template-columns:calc(var(--control-md) * 3) minmax(0, 1fr);align-items:start;gap:var(--space-12);display:grid}.xp-row-label{font-size:var(--text-meta);line-height:var(--control-sm);color:var(--muted)}.xp-row-val{justify-items:start;gap:var(--space-6);min-width:0;display:grid}.xp-hint{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--faint);font-variant-numeric:tabular-nums}.xp-seg{gap:var(--space-2);max-width:100%;padding:var(--space-2);border-radius:var(--radius-control);background:var(--field);display:inline-flex}.xp-seg.wide{width:100%;display:flex}.xp-seg.wide button{text-align:center;flex:1}.xp-seg button{all:unset;box-sizing:border-box;cursor:pointer;height:var(--control-xs);line-height:var(--control-xs);padding:0 var(--space-12);border-radius:var(--radius-item);font-size:var(--text-ui);color:var(--muted);white-space:nowrap}.xp-seg button:hover{color:var(--ink)}.xp-seg button.on{background:var(--panel);color:var(--ink);font-weight:var(--weight-strong);box-shadow:var(--shadow-sm)}.xp-seg button:focus-visible{box-shadow:var(--focus-ring)}.xp-range{align-items:center;gap:var(--space-12);width:100%;height:var(--control-sm);display:flex}.xp-range input{min-width:0;height:var(--space-4);appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(var(--ink) 0 0) 0 / var(--v,50%) 100% no-repeat, var(--line-strong);flex:1;margin:0}.xp-range input::-webkit-slider-thumb{appearance:none;width:var(--space-16);height:var(--space-16);background:var(--handle);box-shadow:0 0 0 1.5px var(--ink), var(--shadow-sm);border-radius:50%}.xp-range input::-moz-range-thumb{width:var(--space-16);height:var(--space-16);background:var(--handle);box-shadow:0 0 0 1.5px var(--ink), var(--shadow-sm);border:0;border-radius:50%}.xp-range input:focus-visible{box-shadow:var(--focus-ring)}.xp-range output{width:var(--control-sm);text-align:right;font-size:var(--text-ui);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}.xp-input{box-sizing:border-box;align-items:center;gap:var(--space-6);width:100%;height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);background:var(--field);color:var(--glyph);display:flex}.xp-input input{min-width:0;font-size:var(--text-ui);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0}.xp-input input::placeholder{color:var(--faint)}.xp-input:focus-within{box-shadow:var(--focus-ring)}.xp-icc{align-items:center;gap:var(--space-6);width:100%;display:flex}.xp-select{flex:1;min-width:0;display:flex;position:relative}.xp-select select{appearance:none;width:100%;height:var(--control-sm);padding:0 var(--control-sm) 0 var(--space-8);border-radius:var(--radius-item);background:var(--field);font-size:var(--text-ui);color:var(--ink);border:0}.xp-select .chevron{right:var(--space-8);pointer-events:none;color:var(--glyph);position:absolute;top:50%;translate:0 -50%}.export-panel .quiet.xp-upload{height:var(--control-sm)}.xp-num{box-sizing:border-box;align-items:center;gap:var(--space-4);height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);background:var(--field);flex:none;display:inline-flex}.xp-num input{width:var(--space-40);text-align:right;font-size:var(--text-ui);color:var(--ink);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;outline:none;padding:0}.xp-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.xp-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.xp-num span{font-size:var(--text-ui);color:var(--faint)}.xp-num:focus-within{box-shadow:var(--focus-ring)}.xp-switch{all:unset;box-sizing:border-box;width:calc(var(--control-sm) + var(--space-2));height:calc(var(--space-16) + var(--space-2));margin-block:var(--space-4);border-radius:var(--radius-pill);background:var(--line-strong);cursor:pointer;transition:background .15s var(--ease);position:relative}.xp-switch:after{content:"";left:var(--space-2);top:var(--space-2);width:calc(var(--space-12) + var(--space-2));height:calc(var(--space-12) + var(--space-2));background:var(--handle);box-shadow:var(--shadow-sm);transition:translate .15s var(--ease);border-radius:50%;position:absolute}.xp-switch[aria-checked=true]{background:var(--ink)}.xp-switch[aria-checked=true]:after{translate:var(--space-12) 0}.xp-switch:focus-visible{box-shadow:var(--focus-ring)}.xp-callout{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-box);font-size:var(--text-meta);line-height:var(--leading-meta);margin:0;display:flex}.xp-callout.warn{background:var(--warn-soft);color:var(--warn)}.xp-callout svg{flex:none}.xp-note{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--faint);margin:0}.xp-youget{align-items:center;gap:var(--space-12);margin-top:var(--space-4);padding:var(--space-12);border-radius:var(--radius-box);box-shadow:inset 0 0 0 1px var(--line);display:flex}.xp-youget-text{min-width:0;display:grid}.xp-k{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--faint)}.xp-v{font-size:var(--text-ui);line-height:var(--leading-ui);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.xp-file{width:calc(var(--control-md) + var(--space-4));height:calc(var(--control-md) + var(--space-4));border-radius:var(--radius-control);background:var(--field);color:var(--muted);flex:none;place-items:center;display:grid;position:relative}.xp-file em{right:calc(var(--space-6) * -1);bottom:calc(var(--space-4) * -1);padding:0 var(--space-2);border-radius:var(--radius-mark);background:var(--ink);color:var(--on-ink);font-style:normal;font-size:var(--text-caption);line-height:var(--leading-caption);font-weight:var(--weight-bold);position:absolute}.xp-run{gap:var(--space-12);padding-top:var(--space-4);display:grid}.xp-run-word{font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-strong)}.xp-bar{height:var(--space-6);border-radius:var(--radius-pill);background:var(--field);position:relative;overflow:hidden}.xp-bar>div{border-radius:inherit;background:var(--ink);height:100%;transition:width .12s linear}.xp-bar.full>div{transition:width .4s var(--ease)}.xp-run-meta{justify-content:space-between;gap:var(--space-12);font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums;display:flex}.xp-state{align-items:center;gap:var(--space-8);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-strong);display:flex}.xp-state.ok svg{color:var(--ok)}.xp-took{font-weight:var(--weight-regular);color:var(--muted);font-variant-numeric:tabular-nums}.xp-state.bad svg{color:var(--bad)}.xp-artifact{border-radius:var(--radius-box);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.xp-artifact-head{align-items:center;gap:var(--space-12);padding:var(--space-12);display:flex}.xp-artifact-text{flex:1;min-width:0;display:grid}.xp-artifact-name{font-size:var(--text-ui);line-height:var(--leading-ui);font-weight:var(--weight-strong);overflow-wrap:anywhere}.xp-artifact-meta{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--muted);font-variant-numeric:tabular-nums}.xp-tag{padding:var(--space-2) var(--space-6);border-radius:var(--radius-mark);font-size:var(--text-caption);line-height:var(--leading-caption);font-weight:var(--weight-strong);flex:none}.xp-tag.bad{background:var(--bad-soft);color:var(--bad)}.xp-pf{border-top:1px solid var(--line)}.xp-checks-sum{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:var(--space-12);width:100%;height:calc(var(--control-md) + var(--space-4));padding:0 var(--space-12);font-size:var(--text-meta);color:var(--muted);display:flex}.xp-checks-sum:hover{background:var(--hover)}.xp-checks-sum:focus-visible{box-shadow:inset var(--focus-ring)}.xp-checks-sum .chevron{color:var(--glyph);margin-left:auto;transform:rotate(-90deg)}.xp-checks-sum .chevron[data-open=true]{transform:none}.xp-checks-sum.empty{cursor:default;gap:var(--space-6);border-top:1px solid var(--line)}.xp-count{align-items:center;gap:var(--space-4);font-variant-numeric:tabular-nums;display:inline-flex}.xp-count[data-status=pass] svg,.xp-checks li[data-status=pass] svg{color:var(--ok)}.xp-count[data-status=warn] svg,.xp-checks li[data-status=warn] svg{color:var(--warn)}.xp-count[data-status=fail] svg,.xp-checks li[data-status=fail] svg{color:var(--bad)}.xp-count[data-status=unknown] svg,.xp-checks li[data-status=unknown] svg{color:var(--glyph)}.xp-checks{gap:var(--space-2);padding:0 var(--space-12) var(--space-8);margin:0;list-style:none;display:grid}.xp-checks li{grid-template-columns:var(--space-16) minmax(0, 1fr);column-gap:var(--space-8);padding:var(--space-6) 0;font-size:var(--text-ui);line-height:var(--leading-ui);color:var(--ink);align-items:start;display:grid}.xp-checks li svg{margin-top:var(--space-2)}.xp-check-label small{margin-left:var(--space-6);color:var(--faint);font-variant-numeric:tabular-nums}.xp-check-detail{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--faint);grid-column:2}.xp-layer{z-index:60;padding:var(--space-20);place-items:center;display:grid;position:fixed;inset:0}.xp-backdrop{background:var(--backdrop);animation:.16s both fade;position:absolute;inset:0}@media (max-width:640px){.xp-layer{padding:var(--space-16)}.xp-targets{grid-template-columns:1fr}.xp-row{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.xp-row-label{line-height:var(--leading-meta)}}:root{--chat-w:305px;--bar-top:var(--space-20)}.studio-pill{top:var(--bar-top);height:var(--bar);padding:var(--space-6) var(--space-12);box-shadow:var(--shadow-md);gap:10px;left:20px}.shell:has(>.project-work[data-active=on][data-rulers=on]) .studio-pill{top:calc(var(--bar-top) + 16px);left:36px}.studio-home{border-radius:var(--radius-mark);height:29px;font-size:var(--text-body);font-weight:var(--weight-bold);letter-spacing:-.3px;gap:10px;padding:0}.studio-home:hover,.studio-home[aria-expanded=true]{color:var(--select-ink);background:0 0}.studio-mark{color:var(--select-ink);place-items:center;display:grid}.studio-mark svg{stroke-width:1.7px}.studio-rule{background:var(--line);flex:none;width:1px;height:20px}.studio-project{height:var(--control-xs);padding:0 var(--space-4);margin:0 calc(-1 * var(--space-4));font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--muted)}.studio-panel{top:72px;left:20px}.shell:has(>.project-work[data-active=on][data-rulers=on]) .studio-panel{top:88px;left:36px}.top-actions{z-index:30;top:var(--bar-top);align-items:center;gap:var(--space-8);display:flex;position:absolute;right:20px}.project-work[data-rulers=on] .top-actions{top:calc(var(--bar-top) + 16px)}.top-actions .row-btn{width:var(--bar);height:var(--bar);border-radius:var(--radius-box);color:var(--faint)}.top-actions .row-btn svg{width:17px;height:17px}.top-actions .row-btn.on,.top-actions .row-btn.on:hover{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-md)}.bk-btn{height:var(--bar);padding:0 var(--space-12);border-radius:var(--radius-box);background:var(--panel);color:var(--ink);font-size:var(--text-meta);font-weight:var(--weight-regular);box-shadow:var(--shadow-md);border:1px solid #0000;align-items:center;gap:7px;display:inline-flex}.bk-btn:hover:not(:disabled){background:var(--panel);border-color:var(--line-strong)}.bk-btn.on,.bk-btn.on:hover{background:var(--select-soft);border-color:var(--line)}.bk-btn svg{stroke-width:1.7px}.top-actions .export-btn{height:var(--bar);border:1px solid var(--ink);border-radius:var(--radius-box);min-height:0;font-size:var(--text-ui);font-weight:var(--weight-regular);gap:7px;padding:0 14px}.top-actions .export-btn svg{stroke-width:1.7px}.export-btn .export-glyph{display:none}.top-actions .export-btn[disabled]{opacity:.72}.top-actions .menu.row-menu,.top-actions .row-panel,.top-actions .export-panel{border-radius:var(--radius-panel);box-shadow:var(--shadow-md), var(--shadow-md);top:calc(100% + 8px)}.top-actions .menu.row-menu{width:240px;padding:5px}.top-actions .row-menu button{padding:var(--space-6) 11px;border-radius:var(--radius-control);font-size:var(--text-meta)}.top-actions .row-menu-title{padding:var(--space-6) 11px var(--space-4);font-size:var(--text-meta)}.top-actions .menu.create-menu{width:174px;left:0;right:auto}.top-actions .menu.create-menu.wide{width:250px}.top-actions .create-menu>button{padding:10px var(--space-12)}.top-actions .create-menu .tm-name{gap:10px}.top-actions .create-menu .row-menu-back{color:var(--muted)}.top-actions .row-pop:has(>.bk-btn){position:static}.top-actions .row-panel.brand-design-panel{top:calc(100% + 17px);right:0}.project-work[data-small=off] .top-actions .export-panel.stepper{width:440px;max-height:min(680px,86vh);padding:var(--space-24) 25px;gap:var(--space-12);border-radius:var(--radius-panel);box-shadow:0 0 0 100vmax var(--backdrop), var(--shadow-lg);border:0;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.project-work[data-small=off] .top-actions .export-panel.stepper .xp-title{font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-strong);letter-spacing:-.4px;color:var(--ink)}.crumbs{z-index:16;top:calc(var(--ruler) + 78px);left:calc(var(--ruler) + 23px);align-items:center;gap:var(--space-12);height:35px;display:flex;position:absolute}.crumb-back{all:unset;box-sizing:border-box;border-radius:var(--radius-control);cursor:pointer;font-size:var(--text-meta);color:var(--ink);align-items:center;gap:7px;padding:5px 0;display:inline-flex}.crumb-back svg{stroke-width:1.7px}.crumb-back:hover{color:var(--select-ink)}.crumb-back:focus-visible{outline:2px solid var(--select);outline-offset:2px}.crumb-name{font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.crumb-meta{font-size:var(--text-caption);color:var(--faint);white-space:nowrap}.project-work[data-float=on] .toolbar{top:calc(var(--ruler) + var(--bar-top));height:var(--bar);box-sizing:border-box;gap:var(--space-4);box-shadow:var(--shadow-md);padding:3px 5px;left:50%}.project-work[data-float=on] .toolbar button.tool{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-control);color:var(--muted)}.project-work[data-float=on] .toolbar button.tool svg{stroke-width:1.7px}.project-work[data-float=on] .toolbar .tool-caret{height:var(--control-sm)}.project-work[data-float=on] .toolbar button.tool:hover{background:var(--hover);color:var(--ink)}.project-work[data-float=on] .toolbar button.on,.project-work[data-float=on] .toolbar button.on:hover{background:var(--pressed);color:var(--ink)}.project-work[data-float=on] .toolbar .tool-sep{background:var(--kind-video);height:18px;margin:0 3px}.project-work[data-float=on] .toolbar .menu.tool-menu{border-radius:var(--radius-panel);left:0;transform:none}.project-work[data-float=on] .toolbar .menu.tool-menu hr{border:0;border-top:1px solid var(--line);margin:3px var(--space-4)}.project-work .zoom.dock{height:var(--bar);box-sizing:border-box;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-md);padding:3px;bottom:20px;right:20px}.zoom.dock button{height:var(--control-sm);border-radius:var(--radius-control);font-size:var(--text-meta);color:var(--ink);place-items:center;padding:3px 7px;display:grid}.zoom.dock button svg{stroke-width:1.7px}.zoom.dock .dock-undo{width:var(--control-sm);padding:5px}.zoom.dock .dock-undo:disabled{color:var(--faint);opacity:.7}.zoom.dock .rule{background:var(--line);width:1px;height:16px;margin:0}.zoom.dock .zoom-pick{padding:0 var(--space-6) 0 9px;align-items:center;gap:3px;display:inline-flex}.zoom.dock .zoom-pick svg{color:var(--muted);transition:rotate .15s var(--ease)}.zoom.dock .zoom-pick .chevron[data-open=true]{rotate:180deg}.zoom.dock .zoom-pick[aria-expanded=true]{background:var(--pressed)}.zoom.dock .zoom-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:var(--text-meta)!important;color:var(--ink)!important}.zoom-menu{min-width:200px}.canvas-col[data-timeline=on] .zoom.dock{bottom:calc(32px + var(--tl-h,0px))}.chat-launcher{left:calc(var(--ruler) + 20px);bottom:calc(20px + var(--card-dock,0px));width:auto;height:var(--bar);padding:0 var(--space-16);border-radius:var(--radius-panel);font-size:var(--text-ui);font-weight:var(--weight-regular);color:var(--ink);box-shadow:var(--shadow-md);gap:7px}.chat-launcher svg{color:var(--muted);stroke-width:1.7px}.chat-launcher .launcher-dot{top:6px;right:6px}.chat-card{left:calc(var(--ruler) + 20px);bottom:calc(20px + var(--card-dock,0px));box-shadow:var(--shadow-md), var(--shadow-md)}.project-work[data-tl=on][data-card-at=corner]{--card-dock:calc(var(--tl-h,0px) + 6px)}.chat-card .chat-head{height:51px;padding:var(--space-8) 10px var(--space-8) 15px;border-bottom:1px solid var(--line);gap:var(--space-6)}.chat-card .chat-col .chat-picker{min-width:0}.chat-card .chat-col .chat-name{height:auto;line-height:1.3;font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);padding:0}.chat-card .chat-index .chat-head .chat-name{font-size:var(--text-ui);padding:0}.chat-card .chat-col .chat-head .chat-back{margin:0 0 0 calc(-1 * var(--space-6));width:28px;height:var(--control-sm);color:var(--muted)}.chat-card .chat-col .chat-head .chat-back:hover{color:var(--ink)}.chat-card .chat-col .chat-head .chat-plus{width:28px;height:var(--control-sm);color:var(--muted)}.chat-card .chat-col .chat-head .chat-plus:hover{color:var(--ink)}.chat-card .chat-index .chat-head{border-bottom:0}.chat-card .chat-index .chat-index-body{padding:var(--space-2) var(--space-8) var(--space-8)}.chat-card nav.chat-list a.active{background:var(--select-soft);color:var(--select-ink);box-shadow:none}.chat-card nav.chat-list a:hover:not(.active){background:var(--hover)}.chat-card .messages{padding-top:var(--space-12)}.agent-greeting{padding:var(--space-20) 7px var(--space-12);font-size:var(--text-title);font-weight:var(--weight-strong);line-height:var(--leading-title);color:var(--ink);text-wrap:balance;margin:0}.chat-slot .agent-greeting{display:none}.chat-card .brief.at-foot{padding:0 10px 10px}.chat-card .brief-box{border-radius:var(--radius-box);background:var(--panel);border-color:var(--line);box-shadow:var(--shadow-sm)}.ab{transition:opacity .26s var(--ease) 60ms, visibility 0s linear 0s}.ab[data-away]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease), visibility 0s linear .2s}.ab[data-entering=hidden]{opacity:0;pointer-events:none;transition:none}.ab[data-entering=shown]{transition:none}.ab-loading[data-under]{display:none}.canvas[data-settle] .ab-loading[data-under]{display:block}.canvas[data-settle] .ab:not([data-away],[data-entering]){transition:opacity .45s var(--ease)}.canvas[data-settle=on] .ab:not([data-away],[data-entering]){opacity:.32}.canvas[data-settle] .ab>iframe{transition:opacity .45s var(--ease), box-shadow .18s var(--ease)}.canvas[data-settle=on] .ab>iframe{opacity:0}@media (prefers-reduced-motion:reduce){.canvas[data-settle] .ab,.canvas[data-settle] .ab>iframe{transition:none}}.project-work[data-mode=open] .ab[data-away]{opacity:.22;visibility:visible;transition:opacity .26s var(--ease)}.project-work[data-mode=open] .ab[data-away] :is(.ab-label,.ab-size,.ab-kind,.ab-transport,.pin){visibility:hidden}.canvas :is(.ab-label,.ab-kind,.sel-bar,.channel-head,.overview-filter,.open-under,.ab-box,.ab-rs){transition:opacity .18s var(--ease)}.canvas[data-gliding] :is(.ab-label,.ab-kind,.sel-bar,.channel-head,.overview-filter,.open-under,.ab-box,.ab-rs),.canvas[data-gliding] .sel-outline{opacity:0;transition:none}.canvas{transition:background-color .36s var(--ease)}.project-work[data-mode=open] .canvas{background-color:var(--canvas-focus)}.project-work[data-mode=open] .crumb-meta{color:var(--muted)}.open-under{z-index:5;transform-origin:50% 0;padding-top:var(--space-12);flex-direction:column;align-items:center;display:flex;position:absolute}.scene-strip{box-sizing:border-box;width:520px;padding:var(--space-6) var(--space-8) var(--space-8);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-md);border:1px solid #0000}.scene-strip[data-away]{visibility:hidden}.strip-bar{align-items:center;gap:var(--space-4);height:var(--control-xs);display:flex}.play-btn,.tp-btn{width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-item);color:var(--ink);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.play-btn,.play-btn:hover:not(:disabled){background:var(--ink);color:var(--on-ink)}.play-btn svg{fill:currentColor}.tp-btn:hover:not(:disabled){background:var(--field)}.tp-btn:disabled{color:var(--glyph);opacity:.5}.tp-btn.faint{color:var(--glyph)}.open-time{margin:0 var(--space-4);font-size:var(--text-meta);color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}.open-time b{font-weight:var(--weight-strong);color:var(--ink)}.strip-sound{align-items:center;gap:var(--space-2);display:flex}.strip-sound .scrub.vol{width:48px;height:var(--control-xs)}.strip-gap{flex:1}.strip-sep{width:1px;height:14px;margin:0 var(--space-2);background:var(--line)}.strip-timeline{align-items:center;gap:var(--space-4);height:var(--control-xs);padding:0 var(--space-6);border-radius:var(--radius-item);font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--ink);background:0 0;border:0;display:inline-flex}.strip-timeline:hover:not(:disabled){background:var(--field)}.strip-track{margin-top:var(--space-4);position:relative}.scrub{height:var(--space-12);cursor:pointer;touch-action:none;outline:none;align-items:center;display:flex}.scrub:focus-visible .scrub-rail{box-shadow:var(--focus-ring)}.scrub-rail{height:var(--space-6);border-radius:var(--radius-pill);background:var(--field);flex:1;position:relative}.scrub-fill{border-radius:inherit;background:var(--select);position:absolute;inset:0 auto 0 0}.scrub-knob{width:var(--space-6);height:var(--space-6);margin-left:calc(var(--space-6) / -2);border-radius:var(--radius-pill);background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--select);position:absolute;top:0}.scene-tiles{gap:var(--space-2);margin-top:var(--space-4);display:flex}.scene-tile{min-width:0;height:var(--control-xs);flex:1 1 0;display:flex;position:relative}.scene-pick{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-6);min-width:0;padding:0 var(--space-8);border-radius:var(--radius-item);background:var(--field);cursor:pointer;flex:1;display:flex}.scene-pick:hover{background:var(--line)}.scene-tile.on .scene-pick{background:var(--select-soft)}.scene-pick:focus-visible{outline:2px solid var(--select);outline-offset:1px}.scene-name{min-width:0;font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scene-tile.on .scene-name{color:var(--select-ink)}.scene-len{font-size:var(--text-meta);color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.scene-name-input{box-sizing:border-box;min-width:0;height:100%;padding:0 var(--space-8);border-radius:var(--radius-item);background:var(--panel);box-shadow:inset 0 0 0 1px var(--select);font:inherit;font-size:var(--text-meta);color:var(--ink);border:0;outline:none;flex:1}.scene-line{z-index:1;top:0;bottom:0;left:calc(var(--space-2) / -2 - 5px);cursor:ew-resize;touch-action:none;width:10px;position:absolute}.scene-line:after{content:"";top:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-pill);background:var(--select);opacity:0;width:2px;transition:opacity .12s var(--ease);position:absolute;left:4px}.scene-line:hover:after,.scene-line:active:after{opacity:1}.strip-sound-bar{height:16px;margin-top:var(--space-2);padding:0 var(--space-8);border-radius:var(--radius-item);background:repeating-linear-gradient(90deg, var(--select-soft) 0 2px, transparent 2px 4px);font-size:var(--text-meta);color:var(--select-ink);line-height:16px}.strip-head{z-index:2;top:var(--space-6);background:var(--select);pointer-events:none;width:1px;margin-left:-.5px;position:absolute;bottom:0}.project-work[data-float=on] .inspector{top:calc(var(--ruler) + 77px);width:340px;max-height:calc(100% - var(--ruler) - 77px - 84px);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-md);transform-origin:100% 0;border:1px solid #0000;padding:0;bottom:auto;right:20px;overflow:hidden}.project-work[data-float=on] .inspector[data-min]{opacity:0;display:none;scale:.98}.project-work[data-float=on] .inspector[data-min] .insp-sheet{opacity:1;visibility:visible;translate:none}.project-work[data-float=on][data-panel=open] .zoom.dock{right:20px}.project-work[data-float=on] .insp-sheet,.project-work[data-float=on] .insp-panel{flex:0 auto}.project-work[data-float=on] .inspector[data-view=source] :is(.insp-sheet,.insp-panel){flex:1 1 0}.project-work[data-float=on] .canvas-area>.resizer{display:none}.project-work[data-float=on] .timeline,.project-work[data-float=on][data-panel=min] .timeline{right:14px}.project-work[data-float=on][data-tl=on] .inspector{max-height:calc(100% - var(--ruler) - 77px - var(--tl-h,0px) - 26px)}.project-work[data-float=on][data-tl=on] .inspector[data-view=source]{height:calc(100% - var(--ruler) - 77px - var(--tl-h,0px) - 26px)}@media (prefers-reduced-motion:no-preference){.shell[data-settled] .project-work[data-float=on] .inspector{transition:opacity .2s var(--ease), scale .2s var(--ease), display .2s allow-discrete}.shell[data-settled] .project-work[data-float=on] .inspector[data-min]{transition-duration:.15s}@starting-style{.shell[data-settled] .project-work[data-float=on] .inspector:not([data-min]){opacity:0;scale:.98}}.shell[data-settled] .project-work[data-float=on] .insp-sheet{transition:none}}.inspector .insp-view-head{min-height:58px;padding:var(--space-12) 10px var(--space-12) 18px;gap:var(--space-2)}.inspector .insp-tab-title{font-size:var(--text-ui);font-weight:var(--weight-strong);line-height:var(--leading-ui)}.inspector button.insp-back{height:27px;padding:3px var(--space-4) 3px 0;font-size:var(--text-caption);color:var(--muted);gap:5px;margin-left:0}.inspector button.insp-back svg{width:11px;height:11px}.inspector button.insp-back:hover{color:var(--ink);background:0 0}.inspector button.insp-forward{height:27px;font-size:var(--text-caption)}.inspector .insp-menu>.icon-btn{width:30px;height:30px;color:var(--glyph)}.inspector .insp-menu>.icon-btn:hover{color:var(--ink)}.inspector .insp-view-head .insp-close{width:34px;height:34px;color:var(--ink)}.inspector .insp-panel:not(.insp-code-pane){padding:0}.inspector .insp-panel[data-view=props] .insp-prop{padding:var(--space-16) 18px 18px;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0}.inspector .insp-panel[data-view=props] .insp-prop:has(>.insp-title .insp-name){padding:var(--space-6) var(--space-24) var(--space-12) 18px;border-top:0}.inspector .insp-panel[data-view=props] .insp-prop:first-child:not(:has(>.insp-title .insp-name)){border-top:0}.inspector .insp-prop:has(>.insp-title .insp-name)>.insp-title{margin:0}.inspector .insp-name,.inspector .insp-name.renamable{height:var(--control-md);gap:var(--space-6);font-size:var(--text-body);font-weight:var(--weight-strong);background:0 0;border-radius:0;padding:0}.inspector .insp-name .insp-glyph{display:none}.inspector .insp-name.renamable:hover{background:0 0}.inspector .insp-name.renamable:focus-within{box-shadow:inset 0 -1px 0 var(--select);background:0 0}.inspector .insp-name-end{gap:10px;margin-left:10px}.insp-name-type{font-size:var(--text-caption);font-weight:var(--weight-regular);color:var(--faint);white-space:nowrap}.inspector .insp-name-end .icon-btn{width:24px;height:var(--control-xs);color:var(--glyph)}.inspector .insp-name-end .icon-btn:hover{color:var(--bad);background:var(--hover)}.inspector .insp-name-end .icon-btn svg{width:13px;height:13px}.insp-align{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--field);gap:0;margin:0 15px 11px;display:flex}.insp-align .icon-btn{border-radius:var(--radius-control);width:auto;height:30px;color:var(--glyph);flex:1 1 0}.insp-align .icon-btn:hover{background:var(--panel);color:var(--ink)}.inspector .insp-prop>.insp-title{min-height:22px;font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);margin:0}.inspector .insp-prop>.insp-title .insp-fold{font-weight:var(--weight-strong)}.inspector .insp-act .icon-btn.insp-fold-arrow{width:24px;height:var(--control-xs);color:var(--glyph)}.inspector .insp-act .icon-btn.insp-fold-arrow svg{width:14px;height:14px}.inspector .insp-act .icon-btn.insp-fold-arrow:hover{color:var(--ink);background:0 0}.inspector .insp-group-title{min-height:20px;font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--muted);padding-left:0}.inspector .prow{column-gap:var(--space-6);grid-template-columns:10px 79px minmax(0,1fr);min-height:36px}.inspector .prow-key{width:10px;height:var(--control-md)}.inspector .prow-label{font-size:var(--text-meta);color:var(--muted)}.inspector .key-dia{width:10px;height:var(--control-md)}.inspector .insp-panel:not(:has(.key-dia)) .prow-key{display:none}.ppair{grid-template-columns:1fr 1fr;gap:14px;min-width:0;display:grid}.ppair.three{gap:var(--space-8);grid-template-columns:1fr 1fr 1fr}.pcell{gap:var(--space-6);min-width:0;padding:var(--space-2) 0;flex-direction:column;display:flex}.pcell-head{align-items:center;gap:var(--space-4);min-width:0;height:14px;display:flex}.pcell-label{min-width:0;font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;overflow:hidden}.pcell-head .key-dia,.pgroup-head .key-dia{width:12px;height:14px;margin-left:var(--space-2)}.pcell-val{align-items:center;gap:var(--space-4);min-width:0;display:flex}.pcell-val>*{flex:1 1 0;min-width:0}.inspector .pcell-val>select{width:100%}.pgroup{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.pgroup-head{align-items:center;gap:var(--space-4);min-height:14px;display:flex}.pgroup-head .prow-label{font-size:var(--text-meta)}.pcell.anim .num-box,.pgroup.anim .num-box{background:var(--select-wash)}.inspector .insp-panel .num-box,.inspector .insp-panel .paint-box,.inspector .insp-panel .font-pick-field,.inspector .insp-panel .combo,.inspector .insp-panel .parent-pick-field,.inspector .insp-panel select,.inspector .insp-panel input.text-box{height:var(--control-md);min-height:var(--control-md);border:1px solid var(--line);border-radius:var(--radius-item);background:var(--panel);font-size:var(--text-meta);color:var(--ink)}.inspector .insp-panel select{padding:0 var(--space-8)}.inspector .insp-panel .num-box input,.inspector .insp-panel .combo input,.inspector .font-pick input,.inspector .paint-box input.paint-hex{font-size:var(--text-meta);color:var(--ink)}.inspector .insp-panel .num-box:hover,.inspector .insp-panel .paint-box:hover,.inspector .insp-panel .font-pick-field:hover,.inspector .insp-panel .combo:hover,.inspector .insp-panel select:hover{border-color:var(--line-strong)}.scrub-glyph{width:22px;color:var(--glyph);pointer-events:none;flex:none;place-items:center;display:grid}.scrub-glyph svg{width:12px;height:12px}.inspector .num-box .scrub-glyph+input{padding-left:1px}.num-box:hover .scrub-glyph{color:var(--glyph)}.inspector .paint-box .swatch{width:18px;height:14px;margin:0 var(--space-8) 0 9px;border-radius:2px}.inspector .paint-box input.paint-hex{color:var(--faint)}.inspector .insp-panel .choice{box-sizing:border-box;gap:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-item);background:var(--field);height:auto;min-height:33px;padding:3px}.inspector .insp-panel .choice button{border-radius:var(--radius-item);min-height:25px;font-size:var(--text-caption);color:var(--glyph);padding:0 5px}.inspector .insp-panel .choice button.on{background:var(--panel);color:var(--ink);font-weight:var(--weight-regular);box-shadow:var(--shadow-sm)}.inspector .insp-panel .choice.icons button svg{width:14px;height:14px}.inspector .insp-panel .choice.icons button.on{color:var(--select-ink)}.inspector .insp-section.insp-tree{padding:0}.layers-heading{padding:var(--space-4) 3px 10px;font-size:var(--text-caption);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.layers-heading>span{font-size:var(--text-caption);color:var(--faint);font-variant-numeric:tabular-nums}.inspector .layers>li,.inspector .layers>li+li{background:0 0;border-radius:0;margin:0;padding:0}.inspector .layers .layer-row{height:34px;padding:0 0 0 calc(var(--depth,0) * var(--step));border-radius:var(--radius-item)}.inspector .layers .layer-row:hover{background:var(--hover)}.inspector .layers .layer-row.on,.inspector .layers .layer-row.on:hover{background:var(--select-soft);box-shadow:none}.inspector .layers .pick{padding:0 7px 0 var(--space-2);gap:7px}.inspector .layers .ab-row .layer-name{font-weight:var(--weight-strong)}.inspector .layers .glyph{width:13px;height:13px;color:var(--ink)}.inspector .layers .twist{color:var(--glyph)}.inspector .layers .twist .chevron{width:10px;height:10px}.inspector .layers .eye{width:23px;height:25px;color:var(--glyph);opacity:.7}.inspector .layers .layer-row:hover .eye,.inspector .layers .layer-row.on .eye{opacity:1}.inspector .layers .eye[aria-hidden=true],.inspector .layers .switch{opacity:0}.inspector .layers .layer-row:hover .switch,.inspector .layers .layer-row.on .switch,.inspector .layers .layer-row .switch.d3[aria-pressed=true],.inspector .layers .layer-row .switch.blur[aria-pressed=false]{opacity:1}.inspector .layers .layer-hint{margin:var(--space-2) 0 var(--space-6) calc(2 * var(--step) + 22px);font-size:var(--text-caption)}.inspector .layers .layer-rename input{font-size:var(--text-meta)}.project-work[data-float=on] .inspector[data-view=list]{width:264px}.inspector[data-view=list] .insp-view-head{min-height:46px;padding:7px var(--space-6) 5px 14px}.inspector[data-view=list] .layers-heading{padding:0 var(--space-8) var(--space-4)}.inspector .layers .layer-row{border-radius:var(--radius-control);height:26px}.inspector .layers .glyph{width:12px;height:12px}.inspector .layers .eye svg{width:12px;height:12px}:root{--insp-w:var(--edit-panel-w)}.inspector{--ep-x:12px;--ep-field:28px}.project-work[data-float=on] .inspector,.project-work[data-float=on] .inspector[data-view=list]{width:280px}.inspector .insp-view-head,.inspector[data-view=list] .insp-view-head{box-sizing:border-box;height:44px;min-height:44px;padding:0 var(--space-6) 0 var(--ep-x);gap:var(--space-2)}.inspector .insp-tab-title{font-size:var(--text-body);font-weight:var(--weight-strong);line-height:var(--leading-ui);color:var(--ink)}.inspector button.insp-back{height:var(--control-xs);font-size:var(--text-meta)}.inspector button.insp-forward{height:var(--control-xs);font-size:var(--text-meta);color:var(--muted)}.inspector .insp-menu>.icon-btn,.inspector .insp-view-head .insp-close{width:28px;height:var(--control-sm)}.inspector .insp-view-head .insp-close svg{width:15px;height:15px}.inspector .insp-name-back{width:var(--control-xs);height:var(--control-xs);margin:0 var(--space-2) 0 calc(-1 * var(--space-6));color:var(--glyph);flex:none}.inspector .insp-name-back:hover{color:var(--ink);background:var(--hover)}.inspector .insp-name-back svg{width:14px;height:14px}.inspector .insp-panel[data-view=props]{padding-bottom:var(--space-4)}.inspector .insp-panel[data-view=props] .insp-prop{padding:10px var(--ep-x) var(--space-12)}.inspector button.insp-kind{height:22px;padding:0 var(--space-8);font-size:var(--text-caption)}.inspector .insp-panel button.ghost{min-height:var(--ep-field);font-size:var(--text-meta)}.inspector .insp-name,.inspector .insp-name.renamable{height:var(--control-sm);font-size:var(--text-ui);font-weight:var(--weight-strong)}.inspector .insp-name input{font-size:var(--text-ui);font-weight:var(--weight-strong)}.insp-name-type{font-size:var(--text-caption)}.insp-align{margin:0 var(--ep-x) var(--space-12);padding:var(--space-2)}.insp-align .icon-btn{height:26px}.insp-align .icon-btn svg{width:15px;height:15px}.inspector .insp-prop>.insp-title{min-height:var(--control-xs);font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--ink)}.inspector .insp-prop>.insp-title .insp-fold{font-size:var(--text-meta);font-weight:var(--weight-strong)}.inspector .insp-prop>.insp-body{gap:var(--space-6);padding-top:var(--space-8)}.inspector .insp-act{margin-right:calc(-1 * var(--space-4))}.inspector .insp-group:not(:first-child){margin-top:var(--space-4)}.inspector .insp-group-title{min-height:var(--control-xs);font-size:var(--text-meta)}.inspector .prow{column-gap:var(--space-6);min-height:var(--ep-field);grid-template-columns:10px 66px minmax(0,1fr)}.inspector .prow-key,.inspector .key-dia{height:var(--ep-field)}.inspector .insp-panel:not(:has(.key-dia)) .prow{column-gap:var(--space-8);grid-template-columns:76px minmax(0,1fr)}.ppair{gap:var(--space-8)}.ppair.three{gap:var(--space-6)}.pcell{gap:var(--space-4);padding:0}.pgroup{gap:var(--space-6)}.inspector .insp-panel .num-box,.inspector .insp-panel .paint-box,.inspector .insp-panel .font-pick-field,.inspector .insp-panel .combo,.inspector .insp-panel .parent-pick-field,.inspector .insp-panel select,.inspector .insp-panel input.text-box{height:var(--ep-field);min-height:var(--ep-field)}.inspector .insp-panel select{appearance:none;padding:0 var(--space-24) 0 var(--space-8);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a09b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center}.inspector .insp-panel .choice{min-height:var(--ep-field);padding:var(--space-2);gap:var(--space-2)}.inspector .insp-panel .choice button{min-height:22px}.inspector .scrub-glyph{width:20px}.inspector .insp-panel button.combo-arrow{width:24px;color:var(--glyph)}.inspector .insp-panel button.combo-arrow svg{width:12px;height:12px}.inspector .insp-panel .paint-box input.paint-alpha{width:42px;padding:0 var(--space-6) 0 var(--space-4);font-size:var(--text-meta);color:var(--ink)}.inspector .insp-panel .paint-row>.icon-btn{width:22px;height:var(--ep-field);color:var(--glyph)}.inspector .insp-panel .paint-row>.icon-btn:hover{color:var(--ink)}.inspector[data-view=list] .layers-heading,.layers-heading{min-height:var(--control-xs);padding:0 var(--space-6) var(--space-4);font-size:var(--text-meta);font-weight:var(--weight-strong);color:var(--ink)}.layers-heading>span{font-size:var(--text-caption);font-weight:var(--weight-regular);color:var(--faint)}.inspector .layers .layer-row{height:26px;padding:0 var(--space-2) 0 calc(2px + var(--depth,0) * var(--step))}.inspector .layers .twist{width:16px;height:100%;color:var(--glyph);align-self:stretch;overflow:visible}.inspector .layers .twist .chevron{width:12px;height:12px;transition:transform .12s var(--ease);flex:none;overflow:visible}.inspector .layers .twist:hover{color:var(--ink)}.inspector .layers .layer-name{font-size:var(--text-meta)}.inspector .insp-panel[data-view=list]{padding:var(--space-4) var(--space-6) var(--space-12)}.inspector[data-view=list] .layers-heading,.layers-heading{padding:0 var(--space-6) var(--space-8)}.inspector .layers .pick{gap:var(--space-8);padding:0 var(--space-4)}.inspector .layers{--step:16px}.inspector .layers>li+li{margin-top:var(--space-2)}.inspector .layers .layer-row{height:var(--control-md)}.inspector .layers .layer-name{font-size:var(--text-ui);line-height:var(--leading-ui)}.inspector .layers .pick{gap:10px}.inspector .layers .eye{width:24px;height:var(--control-sm)}.inspector[data-view=list] .layers-heading,.layers-heading{font-size:var(--text-meta);padding-bottom:10px}.inspector .insp-panel[data-view=props] .insp-prop:has(>.insp-title .insp-name){padding:var(--space-12) calc(var(--ep-x) + 8px) 10px var(--ep-x)}.sel-bar{padding:3px var(--space-4);border-radius:var(--radius-box);box-shadow:var(--shadow-lg);font-size:var(--text-caption);gap:3px;bottom:6px}.sel-bar-font{width:92px}.sel-bar .font-pick-field{height:var(--control-xs);border-radius:var(--radius-mark);background:var(--field);border:0}.sel-bar .font-pick input{font-size:var(--text-caption);color:var(--ink);padding:0 var(--space-2) 0 var(--space-6)}.sel-bar .font-pick-chevron{width:16px}.sel-bar .font-pick-chevron svg{width:11px;height:11px}.sel-bar-num{width:54px}.sel-bar .num-box{height:var(--control-xs);border-radius:var(--radius-mark);cursor:ew-resize;background:0 0;border:0}.sel-bar .num-box:hover{background:var(--field)}.sel-bar .num-box .scrub-glyph{width:16px}.sel-bar .num-box .scrub-glyph svg{width:11px;height:11px}.sel-bar .num-box input{padding:0 var(--space-2) 0 1px;font-size:var(--text-caption);color:var(--ink)}.sel-swatch{width:23px;height:var(--control-xs);border-radius:var(--radius-mark);cursor:pointer;flex:none;place-items:center;display:grid;position:relative}.sel-swatch:hover{background:var(--field)}.sel-swatch>span{width:15px;height:15px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);border-radius:2px}.sel-swatch input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.sel-swatch.captioned{width:auto;padding:0 var(--space-6) 0 var(--space-4);grid-auto-flow:column;gap:5px}.sel-cap{font-style:normal;font-size:var(--text-caption);color:var(--muted);white-space:nowrap}.sel-swatch>span[style*=transparent]{background:linear-gradient(135deg, transparent 45%, var(--bad) 45% 55%, transparent 55%)!important}.sel-bar-sep{height:16px;margin:0 var(--space-2)}.sel-style{all:unset;box-sizing:border-box;width:23px;height:var(--control-xs);border-radius:var(--radius-mark);color:var(--ink);cursor:pointer;flex:none;place-items:center;display:grid}.sel-style b{font-size:var(--text-ui);font-weight:var(--weight-strong);line-height:1}.sel-style svg{width:13px;height:13px}.sel-style:hover:not(:disabled){background:var(--field)}.sel-style.on,.sel-style.on:hover{background:var(--select-soft);color:var(--select-ink)}.sel-style:disabled{opacity:.4;cursor:default}.sel-style:focus-visible,.sel-more:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.sel-bar .sel-bar-act{height:var(--control-xs);gap:var(--space-4);padding:0 var(--space-6);border-radius:var(--radius-mark);font-size:var(--text-caption);color:var(--ink);background:0 0}.sel-bar .sel-bar-act:hover{background:var(--field)}.sel-bar .sel-bar-act svg{width:13px;height:13px;color:var(--glyph)}.sel-bar .sel-more{width:23px;height:var(--control-xs);border-radius:var(--radius-mark);color:var(--ink)}.sel-bar .sel-more svg{width:14px;height:14px}.sel-bar .sel-more[aria-expanded=true]{background:var(--select-soft);color:var(--select-ink)}.project-work[data-mode=open] .sel-outline[data-of=artboard],.project-work[data-mode=open] .ab[data-open] .ab-rs{display:none}.top-actions .row-panel.brand-design-panel{width:272px;padding:0;overflow:hidden}.top-actions .brand-design{gap:0;max-height:min(620px,75vh)}.top-actions .brand-design-head{box-sizing:border-box;height:51px;padding:var(--space-8) 10px var(--space-8) 15px;align-items:center;gap:var(--space-8);border-bottom:1px solid var(--line);font-size:var(--text-ui)}.top-actions .brand-design-head small{margin-left:auto}.brand-design-close{width:34px;height:34px}.top-actions .brand-design-body{padding:var(--space-16);flex-direction:column;gap:14px;display:flex;overflow-y:auto}.top-actions .brand-design-logo{border-radius:var(--radius-control);background:var(--field);min-height:75px}.top-actions .brand-design-box{background:0 0;padding:0}.top-actions .brand-design-label{font-size:var(--text-caption);font-weight:var(--weight-regular);color:var(--faint);margin-bottom:10px}.top-actions .brand-design-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.top-actions .brand-design-chip{height:var(--control-md);border-radius:var(--radius-item)}.top-actions .brand-design-role{font-size:var(--text-caption);color:var(--muted)}.top-actions .brand-design-value{font-size:var(--text-caption)}.top-actions .brand-design-face{border-bottom:1px solid var(--line);padding:9px 0}.top-actions .brand-design-family{font-size:var(--text-field)}.top-actions .brand-design-face small{font-size:var(--text-caption);color:var(--muted)}.top-actions .brand-design .new-brand,.top-actions .brand-design .brand-design-empty{padding:var(--space-16)}.toolbar[hidden]{display:none}:root{--rail-w:52px;--side-sec-w:360px}.project-work[data-float=on]{--side-w:calc(var(--rail-w) + 1px);grid-template-columns:auto minmax(0,1fr)}.project-work[data-float=on][data-side=open]{--side-w:calc(var(--rail-w) + var(--side-sec-w) + 1px)}.project-work[data-float=on] .canvas-col{grid-column:2}.side{z-index:20;background:var(--panel);border-right:1px solid var(--line);grid-area:1/1;height:100%;min-height:0;display:flex;position:relative}.side-rail{width:var(--rail-w);align-items:center;gap:var(--space-4);padding:10px 0 var(--space-12);flex-direction:column;flex:none;display:flex}.side[data-open=on] .side-rail{border-right:1px solid var(--line)}.side-mark,.side-btn{all:unset;box-sizing:border-box;border-radius:var(--radius-control);width:36px;height:36px;color:var(--muted);cursor:pointer;place-items:center;display:grid;position:relative}.side-mark{margin-bottom:var(--space-8);color:var(--ink)}.side-mark svg,.side-btn svg{stroke-width:1.7px}.side-btn:hover,.side-mark:hover{background:var(--hover);color:var(--ink)}.side-btn.on,.side-btn.on:hover{background:var(--select-soft);color:var(--select-ink)}.side-btn:focus-visible,.side-mark:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.side-count{min-width:15px;height:15px;padding:0 var(--space-4);box-sizing:border-box;border-radius:var(--radius-control);background:var(--select);color:var(--on-ink);font-size:var(--text-caption);font-weight:var(--weight-strong);text-align:center;font-variant-numeric:tabular-nums;line-height:15px;position:absolute;top:3px;right:2px}.side-rail .row-pop{position:relative}.side-rail .row-btn{border-radius:var(--radius-control);width:36px;height:36px;color:var(--muted)}.side-rail .row-btn svg{width:18px;height:18px}.side-rail .row-btn.on,.side-rail .row-btn.on:hover{background:var(--select-soft);color:var(--select-ink);box-shadow:none}.side-rail .menu.row-menu{border-radius:var(--radius-panel);width:240px;box-shadow:var(--shadow-md), var(--shadow-md);padding:5px;position:absolute;inset:auto auto 0 calc(100% + 10px)}.side-rail .menu.create-menu{width:174px}.side-rail .menu.create-menu.wide{width:250px}.side-rail .row-menu button{padding:var(--space-6) 11px;border-radius:var(--radius-control);font-size:var(--text-meta)}.side-rail .create-menu>button{padding:10px var(--space-12)}.side-rail .create-menu .tm-name{gap:10px}.side-sec{width:var(--side-sec-w);flex-direction:column;min-width:0;min-height:0;display:flex}.side>.resizer{z-index:30}.side-sec{overflow:hidden}.side-sec>*{min-width:var(--side-sec-w)}.side-sec[data-open=off]{opacity:0;width:0}@media (prefers-reduced-motion:no-preference){.shell[data-settled] .side-sec{transition:width var(--panel-in) var(--ease), opacity var(--panel-in) var(--ease)}.shell[data-settled] .side-sec[data-open=off]{transition-duration:var(--panel-out)}.project-work[data-resizing] .side-sec{transition:none}}.side-band{align-items:center;gap:var(--space-4);height:52px;padding:0 var(--space-8) 0 10px;border-bottom:1px solid var(--line);flex:none;display:flex}.side-band .side-project{min-width:0;max-width:none;height:var(--control-md);padding:0 var(--space-6);field-sizing:fixed;font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);flex:auto}.side-band .side-fold{width:32px;height:var(--control-md);color:var(--muted)}.side .chat-card{z-index:auto;width:auto;max-width:none;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;display:flex;position:static}.side .chat-card[hidden]{display:none}.side .chat-card .chat-head{cursor:default;height:48px;padding:var(--space-6) var(--space-8) var(--space-6) 14px}.side .chat-card .chat-fold{display:none}.side-pane{scrollbar-width:thin;flex:auto;min-height:0;overflow:hidden auto}.side .studio-panel{z-index:auto;width:auto;max-height:none;padding:var(--space-4) var(--space-8) 14px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;animation:none;position:static}.side .studio-panel .rail-box:has(>.project-row){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.side .brand-design{max-height:none}.side .brand-design-head{height:40px;margin:var(--space-4) var(--space-8) 0;padding:0 0 0 var(--space-8);font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);border:0;align-items:center}.side .brand-design-head small{padding-right:var(--space-8);margin-left:auto}.side .brand-design-body{gap:var(--space-16);padding:var(--space-6) var(--space-16) var(--space-20);flex-direction:column;display:flex}.side .brand-design-logo{border-radius:var(--radius-control);background:var(--field);min-height:75px}.side .brand-design-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.side .brand-design .brand-design-empty{padding:0}.side .brand-design .new-brand{padding:var(--space-6) var(--space-16) var(--space-16)}.project-work[data-float=on] .crumbs{top:calc(var(--ruler) + var(--bar-top));left:calc(var(--side-w) + var(--ruler) + 20px);height:var(--bar)}.top-actions .top-card{align-items:center;gap:var(--space-4);height:var(--bar);box-sizing:border-box;border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-md);border:1px solid #0000;padding:3px;display:flex}.zoom-slot{display:contents}.balance{box-sizing:border-box;height:var(--bar);padding:0 var(--space-12);border-radius:var(--radius-panel);font-size:var(--text-ui);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;align-items:center;display:inline-flex}.top-actions .balance{background:var(--panel);box-shadow:var(--shadow-md);border:1px solid #0000}.home-account .balance{height:var(--control-md);border-radius:var(--radius-control);background:var(--field)}.balance[data-out]{color:var(--bad)}.top-card .zoom-pick{height:var(--control-sm);padding:0 var(--space-6) 0 9px;border-radius:var(--radius-control);color:var(--ink);font-size:var(--text-meta);background:0 0;border:0;align-items:center;gap:3px;display:inline-flex}.top-card .zoom-pick:hover,.top-card .zoom-pick[aria-expanded=true]{background:var(--pressed)}.top-card .zoom-pick svg{color:var(--muted);stroke-width:1.7px;transition:rotate .15s var(--ease)}.top-card .zoom-pick .chevron[data-open=true]{rotate:180deg}.top-card .zoom-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:32px}.top-actions .top-card .export-btn{height:var(--control-sm);padding:0 var(--space-12);border-radius:var(--radius-control);border:0}.rail-box{background:0 0;border-radius:0;gap:1px;padding:0}.rail-section{gap:14px}.rail-box-head{z-index:1;height:var(--control-sm);padding:0 var(--space-2) 0 var(--space-8);background:var(--panel);font-weight:var(--weight-strong);justify-content:flex-start;position:sticky;top:0}.rail-box-head:after{content:"";height:1px;margin-left:var(--space-2);background:var(--line);flex:auto}.rail-box-head>span:first-child{flex:0 auto}.studio-panel .rail-box:has(>.project-row){gap:var(--space-6)}.project-row.on .project-open{background:var(--select-soft);box-shadow:none}.brand-design-label{align-items:center;gap:var(--space-8);display:flex}.brand-design-label:after{content:"";background:var(--line);flex:auto;height:1px}.layers-heading{justify-content:flex-start;gap:var(--space-6)}.layers-heading:after{content:"";background:var(--line);flex:auto;height:1px}.ab[data-making=on]>:is(iframe,.ab-loading,.ab-draft){animation:none;-webkit-mask-image:none;mask-image:none}.ab[data-making=on]>.ab-draft,.ab[data-making=on]>.ab-loading{background:var(--draft-ground)!important}.ab-band{z-index:4;pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.ab-making,.ab-band,.ab-agent-edit,.ob-ph[data-reading]{--sp:var(--agent-band);container-type:size}.ab-making,.ob-ph[data-reading]{--sp:var(--shimmer-board)}.ab-making:after,.ab-band:after,.ab-agent-edit:after,.ob-ph[data-reading]:after{content:"";background-image:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--sp) 16%, transparent) 12.5%, color-mix(in srgb, var(--sp) 50%, transparent) 25%, color-mix(in srgb, var(--sp) 84%, transparent) 37.5%, var(--sp) 50%, color-mix(in srgb, var(--sp) 84%, transparent) 62.5%, color-mix(in srgb, var(--sp) 50%, transparent) 75%, color-mix(in srgb, var(--sp) 16%, transparent) 87.5%, transparent 100%);--lean:18.2cqh;width:80cqw;height:100cqh;transform:translateX(calc(-100% - var(--lean))) skewX(-20deg);animation:2.4s linear infinite board-shimmer;animation-delay:var(--beat,0s);position:absolute;top:0;left:0}@keyframes board-shimmer{0%{transform:translateX(calc(-100% - var(--lean))) skewX(-20deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}37.5%,to{transform:translateX(calc(100cqw + var(--lean))) skewX(-20deg)}}@media (prefers-reduced-motion:reduce){.ab-making:after,.ab-band:after,.ab-agent-edit:after,.ob-ph[data-reading]:after{opacity:.5;animation:none;transform:translate(calc(50cqw - 50%))skew(-20deg)}}.chat-col{position:relative}.chat-log{z-index:2;width:28px;height:var(--control-sm);color:var(--faint);position:absolute;top:11px;right:44px}.side .chat-log{top:10px;right:calc(var(--space-8) + var(--control-sm) + var(--space-6))}.side .chat-card .chat-col .chat-head .chat-plus{margin-left:calc(var(--control-sm) + var(--space-6))}.chat-log:hover{color:var(--ink)}.chat-slot .chat-log{display:none}.msg-files{justify-content:flex-end;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.attach-thumb{flex:none;display:inline-flex;position:relative}.attach-open{border:1px solid var(--line);border-radius:var(--radius-box);background:var(--field);cursor:zoom-in;width:72px;height:72px;padding:0;display:block;overflow:hidden}.attach-open:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong)}.attach-open:disabled{cursor:default}.attach-open img{object-fit:cover;width:100%;height:100%;display:block}.files .attach-open{border-radius:var(--radius-control);width:48px;height:48px}.attach-remove{border:1px solid var(--line);background:var(--panel);width:18px;height:18px;color:var(--muted);font-size:var(--text-ui);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.attach-remove:hover:not(:disabled){background:var(--panel);color:var(--ink)}.files:has(.attach-thumb){padding-top:var(--space-8)}.ab-band{transition:opacity .26s var(--ease)}.ab-band[data-out]{opacity:0}.crumbs.focus-bar{gap:var(--space-6)}.focus-bar .crumb-back{gap:var(--space-6);height:var(--control-sm);padding:0 var(--space-6);margin-left:calc(-1 * var(--space-6));border-radius:var(--radius-item);font-size:var(--text-body);white-space:nowrap;color:var(--muted);transition:color .15s var(--ease)}.focus-bar .crumb-back svg{stroke-width:1.8px;transition:transform .2s var(--ease)}.focus-bar .crumb-back:hover{color:var(--ink)}.focus-bar .crumb-back:hover svg{transform:translate(-2px)}@media (prefers-reduced-motion:reduce){.focus-bar .crumb-back svg{transition:none}}.focus-bar .crumb-sep{margin-left:calc(-1 * var(--space-6));font-size:var(--text-body);color:var(--glyph);-webkit-user-select:none;user-select:none}.focus-label{max-width:320px;font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;background:0 0;padding:0;display:inline-block;overflow:hidden}.inspector .insp-view-head,.inspector[data-view=list] .insp-view-head{border-bottom:1px solid var(--line)}.inspector[data-view=list] .layers-heading{padding-top:10px}.inspector .layers-heading:after{content:none}.inspector .insp-align{justify-content:space-between;gap:var(--space-2);background:0 0;border:0;border-radius:0;width:100%;margin:0;padding:0;display:flex}.inspector .insp-align .icon-btn{width:28px;height:var(--control-sm);border-radius:var(--radius-item);color:var(--muted);flex:none}.inspector .insp-align .icon-btn:hover{background:var(--hover);color:var(--ink)}.inspector .insp-panel[data-view] .prow{column-gap:var(--space-4);row-gap:var(--space-4);grid-template-columns:max-content minmax(0,1fr) 24px;grid-template-areas:"label key.""val val.";align-items:center;min-height:0}.inspector .insp-panel[data-view] .prow>.prow-label{font-size:var(--text-meta);line-height:var(--leading-caption);grid-area:label}.inspector .insp-panel[data-view] .prow>.prow-key{grid-area:key;justify-self:start;width:12px;height:14px}.inspector .insp-panel[data-view] .prow>.prow-key .key-dia{height:14px}.inspector .insp-panel[data-view] .prow>.prow-val{grid-area:val}.inspector .insp-panel[data-view] .prow:has(>.prow-val>:is(.insp-switch,.anchor-pick,.brand-value)){grid-template-columns:max-content minmax(0,1fr) auto;grid-template-areas:"label key val"}.inspector .ppair{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;align-items:end}.inspector .ppair.three{margin-right:var(--space-32);gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.ppair-end{height:var(--ep-field,28px);justify-content:center;align-items:center;display:flex}.inspector .pcell-label{font-size:var(--text-meta)}.inspector .num-box{cursor:default}.inspector .num-box .num-grip{width:22px;color:var(--glyph);cursor:ew-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;align-self:stretch;place-items:center;padding:0;display:grid}.inspector .num-box .num-grip.axis{width:20px;padding-left:var(--space-2);font-size:var(--text-meta);color:var(--muted);display:grid}.inspector .num-box .num-grip svg{width:12px;height:12px}.inspector .num-box:hover .num-grip,.inspector .num-box.scrubbing .num-grip{color:var(--ink)}.inspector .num-box .num-grip+input,.inspector .num-box .axis+input{padding-left:1px}.inspector .num-box input[readonly]{cursor:text;-webkit-user-select:none;user-select:none;caret-color:#0000}@container insp (max-width:256px){.inspector .num-box .num-grip.axis{display:grid}}.sel-bar .num-box{cursor:default}.sel-bar .num-box .num-grip{cursor:ew-resize;pointer-events:auto;touch-action:none}.sel-bar .num-box input[readonly]{cursor:text}.inspector .insp-align{gap:var(--space-8);background:0 0;border:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;margin:0;padding:0;display:grid}.inspector .insp-btns{min-width:0;height:var(--ep-field,28px);box-sizing:border-box;padding:var(--space-2);gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-item);background:var(--field);display:flex}.inspector .insp-btns .icon-btn{border-radius:var(--radius-mark);width:auto;min-width:0;height:auto;color:var(--glyph);flex:1 1 0}.inspector .insp-btns .icon-btn svg{width:15px;height:15px}.inspector .insp-btns .icon-btn:hover{background:var(--panel);color:var(--ink)}.inspector .icon-btn.insp-corners{width:24px;height:var(--control-xs);border-radius:var(--radius-mark);color:var(--glyph)}.inspector .icon-btn.insp-corners:hover{color:var(--ink)}.inspector .icon-btn.insp-corners.on{background:var(--select-soft);color:var(--select-ink)}.inspector .pcell-val>select{height:var(--ep-field,28px)}.project-work[data-float=on] .inspector{max-height:none;bottom:14px}.project-work[data-float=on][data-tl=on] .inspector{bottom:calc(var(--tl-h,0px) + 26px);max-height:none}.project-work[data-float=on] .inspector :is(.insp-sheet,.insp-panel:not([hidden])){flex:1 1 0}.project-work[data-float=on] .inspector[data-view=source]{height:auto}.ab-label{min-height:20px;padding:3px 0 var(--space-8);line-height:var(--leading-ui);align-items:center}.ab-kind{padding:var(--space-2) var(--space-6);line-height:15px}.inspector .insp-panel select{padding:0 var(--space-16) 0 7px;background-position:right var(--space-4) center}.ab-making{z-index:3;background:var(--draft-ground);pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.home[data-onboarding]{overflow:auto}.home-page{background:var(--panel);flex-direction:column;min-height:100%;display:flex;overflow:auto}.home-head{height:72px;padding:0 var(--space-24);flex:none;justify-content:space-between;align-items:center;display:flex}.home-mark{align-items:center;gap:var(--space-8);height:var(--control-md);color:var(--ink);font-size:var(--text-body);font-weight:var(--weight-bold);letter-spacing:-.3px;-webkit-user-select:none;user-select:none;display:inline-flex}.home-mark svg{flex:none;display:block}.home-account{align-items:center;gap:var(--space-8);display:flex;position:relative}.home-account-btn{all:unset;box-sizing:border-box;cursor:pointer;width:var(--control-md);height:var(--control-md);border-radius:var(--radius-control);background:var(--action);color:var(--on-ink);place-items:center;display:grid}.home-account-btn:hover{background:var(--action-hover)}.home-account-btn:focus-visible{outline:2px solid var(--select);outline-offset:2px}.home-account-menu.menu{flex-direction:column;width:200px;display:flex}.home-account-who{padding:var(--space-6) var(--space-8);color:var(--muted);font-size:var(--text-meta);overflow-wrap:anywhere}.home-ask{min-height:calc(100dvh - 192px);padding:var(--space-24) var(--space-20);box-sizing:border-box;flex:none;justify-content:center;align-items:center;display:flex}.home-ask .brief{max-width:560px;margin:0 auto;padding:0;overflow:visible}.home-ask .agent-title{font-size:clamp(24px, 3vw, var(--text-headline));line-height:var(--leading-headline);letter-spacing:var(--tracking-display);font-weight:var(--weight-strong);color:var(--ink);text-align:center;margin:0 0 var(--space-20)}.home-ask .brief-box{background:var(--field);border-radius:var(--radius-panel);box-shadow:none;padding:var(--space-12) var(--space-8) var(--space-8) var(--space-16);gap:var(--space-16);border:0}.home-ask .brief-box textarea{min-height:var(--leading-field);line-height:var(--leading-field);padding:0}.home-ask .brief-box textarea::placeholder{color:var(--faint)}.home-ask .brief-tools{align-items:center;padding:0}.home-ask .brief-box .icon-btn:hover{background:var(--field-hover)}.home-ask .ideas{margin-top:var(--space-12)}.brand-chip-wrap{display:inline-flex;position:relative}.brand-chip{all:unset;box-sizing:border-box;cursor:pointer;height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-control);background:var(--panel);align-items:center;gap:var(--space-6);font-size:var(--text-ui);color:var(--ink);white-space:nowrap;display:inline-flex}.brand-chip:hover{background:var(--hover)}.brand-chip:focus-visible{outline:2px solid var(--select);outline-offset:2px}.brand-chip svg{color:var(--glyph)}.brand-chip-dot{border-radius:var(--radius-mark);background:var(--ink);flex:none;width:10px;height:10px}.brand-chip-menu.menu{flex-direction:column;width:200px;display:flex;left:0;right:auto}.home-shelf{background:var(--panel);padding:0 max(var(--space-24), calc((100% - 1080px) / 2)) var(--space-40);gap:var(--space-16);flex-direction:column;flex:1 0 auto;display:flex}.shelf-head{font-size:var(--text-body);font-weight:var(--weight-strong);justify-content:space-between;align-items:center;display:flex}.shelf-all{all:unset;cursor:pointer;align-items:center;gap:var(--space-4);font-size:var(--text-ui);font-weight:var(--weight-regular);color:var(--muted);border-radius:var(--radius-mark);display:inline-flex}.shelf-all:hover{color:var(--ink)}.shelf-all:focus-visible{outline:2px solid var(--select);outline-offset:2px}.shelf{gap:var(--space-16);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.shelf-item{all:unset;box-sizing:border-box;cursor:pointer;gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.shelf-item:focus-visible .shelf-art{outline:2px solid var(--select);outline-offset:2px}.shelf-art{aspect-ratio:4/3;border-radius:var(--radius-box);background:var(--field);transition:background .16s var(--ease);display:block;position:relative;overflow:hidden}.shelf-item:hover .shelf-art{background:var(--field-hover)}.shelf-cr{object-fit:cover;background:var(--board);box-shadow:var(--shadow-board);transition:transform .2s var(--ease);display:block;position:absolute}.shelf-item:hover .shelf-cr{transform:translateY(-3px)}.shelf-cr.back{transform-origin:0 100%;rotate:4deg}.shelf-art.blank{font-size:var(--text-display);font-weight:var(--weight-bold);background:var(--hue-soft);color:var(--hue-ink);place-items:center;display:grid}.shelf-art.blank[data-hue=tomato]{--hue-soft:var(--pop-tomato-soft);--hue-ink:var(--pop-tomato-ink)}.shelf-art.blank[data-hue=sun]{--hue-soft:var(--pop-sun-soft);--hue-ink:var(--pop-sun-ink)}.shelf-art.blank[data-hue=mint]{--hue-soft:var(--pop-mint-soft);--hue-ink:var(--pop-mint-ink)}.shelf-art.blank[data-hue=sky]{--hue-soft:var(--pop-sky-soft);--hue-ink:var(--pop-sky-ink)}.shelf-art.blank[data-hue=sea]{--hue-soft:var(--pop-sea-soft);--hue-ink:var(--pop-sea-ink)}.shelf-art.blank[data-hue=peach]{--hue-soft:var(--pop-peach-soft);--hue-ink:var(--pop-peach-ink)}.shelf-cap{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.shelf-cap b{font-size:var(--text-ui);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shelf-cap span{font-size:var(--text-meta);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shelf-note{font-size:var(--text-ui);color:var(--bad);margin:0}@media (max-width:900px){.home-head{padding:0 var(--space-16)}.home-ask{min-height:0;padding:var(--space-16) var(--space-16) var(--space-32)}.home-shelf{padding:0 var(--space-16) var(--space-24)}.shelf{grid-template-columns:none;grid-auto-columns:42%;grid-auto-flow:column;overflow-x:auto}.shelf.all{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;overflow-x:visible}}.ob{box-sizing:border-box;background:var(--panel);min-height:100%;color:var(--ink)}.ob-brand-step{grid-template-columns:640px minmax(0,1fr);height:100%;min-height:640px;display:grid}.ob-left,.ob-make-step{padding:var(--space-24) calc(var(--space-40) + var(--space-16)) var(--space-24);box-sizing:border-box;flex-direction:column;min-height:0;display:flex}.ob-make-step{height:100%;min-height:640px}.ob-head{justify-content:space-between;align-items:center;gap:var(--space-16);display:flex}.ob-mark{align-items:center;gap:var(--space-8);font-size:var(--text-body);font-weight:var(--weight-bold);display:inline-flex}.ob-head-end{align-items:center;gap:var(--space-24);display:inline-flex}.ob-steps{align-items:center;gap:var(--space-8);display:inline-flex}.ob-bar{border-radius:var(--radius-mark);background:var(--line);width:28px;height:3px}.ob-bar[data-on]{background:var(--ink)}.ob-step{font-size:var(--text-meta);color:var(--faint);margin-left:var(--space-2)}.ob-main{justify-content:center;gap:var(--space-24);padding:var(--space-24) 0;flex-direction:column;flex:1;display:flex}.ob-main.center{align-items:center}.ob-title{gap:var(--space-8);flex-direction:column;display:flex}.ob-title h1{font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-bold);margin:0}.ob-title p{font-size:var(--text-field);line-height:var(--leading-body);color:var(--muted);margin:0}.ob-field-group{gap:var(--space-6);flex-direction:column;display:flex}.ob-label{font-size:var(--text-meta);color:var(--muted)}.ob-field{height:var(--control-lg);border-radius:var(--radius-control);background:var(--field);align-items:center;gap:var(--space-8);padding:0 var(--space-12);color:var(--glyph);display:flex}.ob-field input{min-width:0;font-size:var(--text-field);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0}.ob-field input::placeholder{color:var(--faint)}:where(:root[data-keys]) .ob-field:focus-within{box-shadow:var(--focus-ring)}.ob-read,.ob-ready{align-items:center;gap:var(--space-4);font-size:var(--text-meta);color:var(--ok);white-space:nowrap;display:inline-flex}.ob-read svg,.ob-ready svg{stroke-width:2.6px}.ob-ready{gap:var(--space-6)}.ob-error{font-size:var(--text-meta);color:var(--bad)}.ob-files{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ob-file{align-items:center;gap:var(--space-8);height:var(--bar);padding:0 var(--space-6) 0 var(--space-4);border-radius:var(--radius-control);background:var(--field);font-size:var(--text-ui);min-width:0;display:flex}.ob-file[data-state=failed] .ob-file-note{color:var(--bad)}.ob-tile{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-item);background:var(--panel);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.04em;background:var(--hue-soft,var(--panel));color:var(--hue-ink,var(--ink));flex:none;place-items:center;display:grid;overflow:hidden}.ob-tile img{object-fit:contain;width:100%;height:100%}.ob-tile[data-hue=tomato]{--hue-soft:var(--pop-tomato-soft);--hue-ink:var(--pop-tomato-ink)}.ob-tile[data-hue=violet]{--hue-soft:var(--pop-violet-soft);--hue-ink:var(--pop-violet-ink)}.ob-tile[data-hue=sun]{--hue-soft:var(--pop-sun-soft);--hue-ink:var(--pop-sun-ink)}.ob-tile[data-hue=sea]{--hue-soft:var(--pop-sea-soft);--hue-ink:var(--pop-sea-ink)}.ob-tile[data-hue=mint]{--hue-soft:var(--pop-mint-soft);--hue-ink:var(--pop-mint-ink)}.ob-tile[data-hue=sky]{--hue-soft:var(--pop-sky-soft);--hue-ink:var(--pop-sky-ink)}.ob-file-text{min-width:0;line-height:var(--leading-ui);flex-direction:column;display:flex}.ob-file-name{font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-file-note{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-x{all:unset;cursor:pointer;width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-item);color:var(--glyph);flex:none;place-items:center;margin-left:auto;display:grid}.ob-x:hover{background:var(--field-hover);color:var(--ink)}.ob-x:focus-visible{outline:2px solid var(--select);outline-offset:1px}.ob-drop{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--radius-control);background:var(--field);align-items:center;gap:var(--space-8);height:52px;padding:0 var(--space-16);font-size:var(--text-ui);color:var(--muted);display:flex}.ob-drop svg{color:var(--faint);flex:none}.ob-drop:hover,.ob-drop[data-over]{background:var(--field-hover)}.ob-drop[data-over]{box-shadow:inset 0 0 0 1.5px var(--select)}.ob-drop:focus-visible{outline:2px solid var(--select);outline-offset:2px}.ob-drop u{color:var(--ink);font-weight:var(--weight-strong);text-underline-offset:2px}.ob-go-row{align-items:center;gap:var(--space-16);min-height:var(--control-lg);display:flex}.ob-go{all:unset;box-sizing:border-box;cursor:pointer;height:var(--control-lg);padding:0 var(--space-20);border-radius:var(--radius-control);background:var(--action);color:var(--on-ink);align-items:center;gap:var(--space-8);font-size:var(--text-body);font-weight:var(--weight-strong);white-space:nowrap;display:inline-flex}.ob-go:hover:not(:disabled){background:var(--action-hover)}.ob-go:disabled{opacity:.4;cursor:default}.ob-go:focus-visible{outline:2px solid var(--select);outline-offset:2px}.ob-busy{box-sizing:border-box;height:var(--control-lg);padding:0 var(--space-20);border-radius:var(--radius-control);background:var(--field);align-items:center;gap:var(--space-8);font-size:var(--text-body);font-weight:var(--weight-strong);color:var(--ink);white-space:nowrap;display:inline-flex}.ob-aside{font-size:var(--text-meta);color:var(--faint)}.ob-foot{justify-content:space-between;align-items:center;gap:var(--space-16);display:flex}.ob-link{all:unset;cursor:pointer;font-size:var(--text-ui);color:var(--muted);border-radius:var(--radius-mark);white-space:nowrap}.ob-link b{color:var(--ink);font-weight:var(--weight-strong)}.ob-link.quiet{color:var(--faint)}.ob-link:hover,.ob-link.quiet:hover{color:var(--ink)}.ob-link:focus-visible{outline:2px solid var(--select);outline-offset:2px}.ob-close{all:unset;box-sizing:border-box;cursor:pointer;width:var(--control-md);height:var(--control-md);border-radius:var(--radius-control);color:var(--muted);place-items:center;display:grid}.ob-close:hover{background:var(--hover);color:var(--ink)}.ob-close:focus-visible{outline:2px solid var(--select);outline-offset:2px}.ob-brand{background:var(--field);padding:calc(var(--space-40) + var(--space-24)) calc(var(--space-40) + var(--space-8)) var(--space-32);box-sizing:border-box;gap:var(--space-20);flex-direction:column;min-height:0;display:flex;position:relative;overflow:auto}.ob-brand-top{top:var(--space-24);left:calc(var(--space-40) + var(--space-8));right:var(--space-24);justify-content:space-between;align-items:center;display:flex;position:absolute}.ob-brand-name{gap:var(--space-8);font-size:var(--text-ui);display:inline-flex}.ob-brand-name b{font-weight:var(--weight-strong)}.ob-brand-name span{color:var(--faint)}.ob-sections{gap:var(--space-20);flex-direction:column;display:flex}.ob-pair{gap:var(--space-12);grid-template-columns:200px minmax(0,1fr);display:grid}.ob-sec{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.ob-sec-label{justify-content:space-between;align-items:baseline;gap:var(--space-8);font-size:var(--text-meta);color:var(--muted);display:flex}.ob-source{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ob-ph{border-radius:var(--radius-control);background:var(--placeholder);height:56px;position:relative;overflow:hidden}.ob-ph.tall{border-radius:var(--radius-box);height:108px}.ob-ph.face{border-radius:var(--radius-box)}.ob-logo{border-radius:var(--radius-box);background:var(--panel);place-items:center;height:108px;display:grid;overflow:hidden}.ob-logo img{object-fit:contain;max-width:72%;max-height:56%}.ob-empty{text-align:center;padding:var(--space-12);box-sizing:border-box;border-radius:var(--radius-box);background:var(--panel);font-size:var(--text-meta);color:var(--faint);place-items:center;display:grid}.ob-logo-empty,.ob-empty.tall{height:108px}.ob-empty-line{font-size:var(--text-meta);color:var(--faint)}.ob-voice{box-sizing:border-box;border-radius:var(--radius-box);background:var(--panel);height:108px;padding:var(--space-12) var(--space-16);justify-content:space-between;gap:var(--space-8);flex-direction:column;display:flex;overflow:hidden}.ob-quote{color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:18px;line-height:23px;display:-webkit-box;overflow:hidden}.ob-tags{gap:var(--space-4);flex-wrap:wrap;display:flex}.ob-tag{font-size:var(--text-caption);line-height:var(--leading-caption);padding:var(--space-2) var(--space-6);border-radius:var(--radius-mark);background:var(--field);color:var(--ink)}.ob-swatches{gap:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ob-swatch{cursor:pointer;gap:var(--space-6);border-radius:var(--radius-control);flex-direction:column;min-width:0;display:flex;position:relative}.ob-swatch:hover,.ob-swatch:focus-within{box-shadow:0 0 0 2px var(--field), 0 0 0 4px var(--select)}.ob-chip{border-radius:var(--radius-control);height:56px;box-shadow:inset 0 0 0 1px var(--line)}.ob-swatch-text{font-size:var(--text-meta);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-swatch-text b{font-weight:var(--weight-strong)}.ob-swatch-text span{color:var(--faint);font-variant-numeric:tabular-nums}.ob-swatch input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.ob-faces{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ob-face-wrap{min-width:0;position:relative}.ob-face{all:unset;box-sizing:border-box;cursor:pointer;background:var(--panel);border-radius:var(--radius-box);width:100%;padding:var(--space-8) var(--space-12);align-items:center;gap:var(--space-12);display:flex}.ob-face:hover,.ob-face[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--line-strong)}.ob-face:focus-visible{outline:2px solid var(--select);outline-offset:2px}.ob-aa{color:var(--ink);flex:none;font-size:32px;line-height:36px}.ob-face-text{flex-direction:column;gap:1px;min-width:0;display:flex}.ob-face-text b{font-size:var(--text-ui);font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-face-text span{font-size:var(--text-meta);color:var(--faint)}.ob-face-list{z-index:20;left:0;right:0;top:calc(100% + var(--space-6));background:var(--panel);border-radius:var(--radius-box);box-shadow:var(--shadow-lg);padding:var(--space-4);gap:var(--space-4);animation:pop .16s var(--ease) both;flex-direction:column;display:flex;position:absolute}.ob-face-list input{height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);background:var(--field);font-size:var(--text-ui);border:0}.ob-face-list ul{scrollbar-width:thin;max-height:240px;margin:0;padding:0;list-style:none;overflow:auto}.ob-face-list li button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;height:var(--control-sm);line-height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-item);font-size:var(--text-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ob-face-list li button:hover,.ob-face-list li button:focus-visible{background:var(--hover)}.ob-face-list li[aria-selected=true] button{background:var(--select-soft);color:var(--select-ink)}.ob-face-none{font-size:var(--text-ui);color:var(--faint);padding:var(--space-6) var(--space-8)}.ob-hint{margin:var(--space-8) 0 0;font-size:var(--text-ui);line-height:var(--leading-code);color:var(--faint);max-width:320px}.ob-make{gap:var(--space-24);flex-direction:column;width:min(780px,100%);display:flex}.ob-formats{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ob-format{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--radius-box);background:var(--field);height:64px;padding:0 var(--space-16) 0 var(--space-12);align-items:center;gap:var(--space-12);min-width:0;display:flex}.ob-format:hover{background:var(--field-hover)}.ob-format:focus-visible{outline:2px solid var(--select);outline-offset:2px}.ob-format-ico{border-radius:var(--radius-control);background:var(--hue-soft);width:36px;height:36px;color:var(--hue-ink);flex:none;place-items:center;display:grid}.ob-format-text{flex-direction:column;gap:1px;min-width:0;display:flex}.ob-format-text b{font-size:var(--text-body);font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-format-text span{font-size:var(--text-meta);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-format[aria-pressed=true]{background:var(--hue-soft);box-shadow:inset 0 0 0 1.5px var(--hue-ink);color:var(--hue-ink)}.ob-format[aria-pressed=true] .ob-format-ico{background:var(--panel)}.ob-format[aria-pressed=true] .ob-format-text span{color:var(--hue-ink)}.ob-format[data-hue=mint]{--hue-soft:var(--pop-mint-soft);--hue-ink:var(--pop-mint-ink)}.ob-format[data-hue=sky]{--hue-soft:var(--pop-sky-soft);--hue-ink:var(--pop-sky-ink)}.ob-format[data-hue=sun]{--hue-soft:var(--pop-sun-soft);--hue-ink:var(--pop-sun-ink)}.ob-format[data-hue=sea]{--hue-soft:var(--pop-sea-soft);--hue-ink:var(--pop-sea-ink)}.ob-format[data-hue=peach]{--hue-soft:var(--pop-peach-soft);--hue-ink:var(--pop-peach-ink)}.ob-format[data-hue=violet]{--hue-soft:var(--pop-violet-soft);--hue-ink:var(--pop-violet-ink)}.ob-words{background:var(--field);border-radius:var(--radius-box);padding:var(--space-12) var(--space-16) var(--space-12);gap:var(--space-12);flex-direction:column;display:flex}.ob-words textarea{resize:none;font-size:var(--text-field);line-height:var(--leading-body);color:var(--ink);background:0 0;border:0;border-radius:0;outline:0;padding:0}.ob-words textarea::placeholder{color:var(--faint)}.ob-refs{align-items:center;gap:var(--space-6);flex-wrap:wrap;min-height:48px;display:flex}.ob-spacer{flex:1}.ob-ref{border-radius:var(--radius-item);background:var(--panel);flex:none;width:48px;height:48px;position:relative;overflow:hidden}.ob-ref img{object-fit:cover;width:100%;height:100%;display:block}.ob-ref-chip{height:48px;padding:0 var(--space-8);border-radius:var(--radius-item);background:var(--panel);align-items:center;gap:var(--space-8);font-size:var(--text-ui);max-width:220px;color:var(--faint);display:inline-flex;position:relative}.ob-ref-text{min-width:0;color:var(--ink);flex-direction:column;display:flex}.ob-ref-text b{font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-ref-text span{font-size:var(--text-caption);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ob-ref-x{all:unset;cursor:pointer;border-radius:var(--radius-mark);background:var(--panel);width:18px;height:18px;color:var(--ink);box-shadow:var(--shadow-sm);opacity:0;place-items:center;display:grid;position:absolute;top:2px;right:2px}.ob-ref:hover .ob-ref-x,.ob-ref-chip:hover .ob-ref-x,.ob-ref-x:focus-visible{opacity:1}@media (hover:none){.ob-ref-x{opacity:1}}.ob-link-field{width:220px;height:var(--control-md);padding:0 var(--space-8);border-radius:var(--radius-control);background:var(--panel);font-size:var(--text-ui);border:0}.ob-add-wrap{position:relative}.ob-add{all:unset;box-sizing:border-box;cursor:pointer;height:var(--control-md);padding:0 var(--space-8);border-radius:var(--radius-control);background:var(--panel);align-items:center;gap:var(--space-6);font-size:var(--text-ui);color:var(--ink);display:inline-flex}.ob-add:hover{background:var(--hover)}.ob-add:focus-visible{outline:2px solid var(--select);outline-offset:2px}.ob-add-menu.menu{width:180px;top:auto;bottom:calc(100% + var(--space-6));flex-direction:column;display:flex}@media (max-width:900px){.ob-brand-step{grid-template-columns:minmax(0,1fr);height:auto}.ob-left,.ob-make-step{padding:var(--space-20) var(--space-16)}.ob-brand{padding:calc(var(--space-40) + var(--space-16)) var(--space-16) var(--space-24)}.ob-brand-top{left:var(--space-16);right:var(--space-16)}.ob-pair,.ob-files,.ob-formats{grid-template-columns:minmax(0,1fr)}.ob-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-go-row,.ob-foot{flex-wrap:wrap}}