@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.block\!{display:block!important}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both}.columns-2{columns:2}.columns-3{columns:3}.columns-4{columns:4}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.mask-alpha{-webkit-mask-source-type:alpha;-webkit-mask-source-type:alpha;-webkit-mask-source-type:alpha;mask-mode:alpha}.p-\[7px\]{padding:7px}.text-wrap{text-wrap:wrap}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\!ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}}.app{--left-col:0px;--left-w:var(--panel-w);grid-template-rows:var(--bar) minmax(0, 1fr) auto;grid-template-columns:var(--rail-w) var(--left-col) minmax(0, 1fr) var(--panel-w);transition:grid-template-columns var(--d-med) var(--ease);background:var(--bg);grid-template-areas:"top top top top""rail panel stage inspector""rail timeline timeline timeline";display:grid;position:fixed;inset:0}.app[data-panel=templates]{--left-w:360px}.app[data-left]{--left-col:var(--left-w)}.topbar{align-items:center;gap:var(--s-1);min-width:0;padding:var(--s-0) var(--s-2);border-bottom:1px solid var(--line);background:var(--panel);grid-area:top;display:flex}.top-start{align-items:center;gap:var(--s-2);flex:auto;min-width:0;display:flex}.top-mid{flex:none;justify-content:center;display:flex}.top-end{justify-content:flex-end;align-items:center;gap:var(--s-1);flex:none;display:flex}.rail{width:var(--rail-w);min-height:0;padding:var(--s-2) var(--s-0);border-right:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:rail;display:flex;overflow-y:auto}.tool-buttons{gap:var(--s-1);flex-direction:column;display:flex}.leftpanel{z-index:5;border-right:1px solid var(--line);background:var(--panel);grid-area:panel;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden auto}.inspector{width:var(--panel-w);border-left:1px solid var(--line);background:var(--panel);grid-area:inspector;min-height:0;overflow:hidden auto}.leftpanel:focus,.inspector:focus{outline:none}.timeline-dock{border-top:1px solid var(--line);background:var(--panel);grid-area:timeline;min-width:0}.stage-area{background:var(--stage);grid-area:stage;min-width:0;min-height:0;position:relative;container-type:inline-size}.stage-area:focus-visible{outline-offset:-3px}.toast-layer{z-index:70;pointer-events:none;grid-area:stage;min-width:0;min-height:0;position:relative}.brand{--brand-size:18px;--brand-font:700 var(--brand-size)/1 var(--font-display);font:var(--brand-font);letter-spacing:-.01em;align-items:baseline;gap:var(--s-0);white-space:nowrap;color:var(--text);flex:none;text-decoration:none;display:flex}.brand i{color:var(--accent);font-style:normal}button.brand{min-height:var(--h-ctl);padding:var(--s-0) var(--s-1);border-radius:var(--r-md);margin:var(--s-0);cursor:pointer;background:0 0;border:0;align-items:center}button.brand:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brand-caret,.brand-mark{display:none}.ph.opening-head{justify-content:space-between}.docname{width:100%;min-width:0;max-width:240px;height:var(--h-ctl);border-radius:var(--r-md);padding:var(--s-0) var(--s-2);text-overflow:ellipsis;background:0 0;border:1px solid #0000;font-weight:500}.docname:hover{border-color:var(--line-2)}.docname:focus{background:var(--panel-2)}.docname:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (min-width:861px){.topbar{gap:var(--s-2);padding:var(--s-0) var(--s-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.top-start{flex:none;min-width:0}.top-end{min-width:0}}.stage-canvas{position:absolute;inset:0}.stage-canvas.in-component{top:52px}.skip-link:focus{align-items:center;min-height:44px;display:flex}.railbtn{justify-content:center;align-items:center;gap:var(--s-1);width:100%;height:56px;padding:var(--s-0);border-radius:var(--r-md);color:var(--muted);font:var(--t-xs);letter-spacing:-.02em;text-align:center;white-space:nowrap;transition:background var(--d-fast) var(--ease), color var(--d-fast) var(--ease);background:0 0;border:0;flex-direction:column;font-weight:500;display:flex}.railbtn svg{flex:none;width:20px;height:20px}.railbtn:hover{background:var(--panel-2);color:var(--text)}.railbtn[aria-pressed=true],.railbtn[aria-expanded=true]{background:var(--text);color:var(--bg)}.rail .railbtn:focus-visible{outline-offset:-2px}.seg{box-sizing:border-box;height:var(--h-ctl);padding:var(--s-half);border-radius:var(--r-md);background:var(--panel-2);display:inline-flex}.seg button{justify-content:center;align-items:center;gap:var(--s-1);height:calc(var(--h-ctl) - 2 * var(--s-half));padding:var(--s-0) var(--s-3);border-radius:var(--r-sm);color:var(--muted);white-space:nowrap;transition:background var(--d-fast) var(--ease), color var(--d-fast) var(--ease);background:0 0;border:0;font-weight:500;display:inline-flex;position:relative}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--text);color:var(--bg)}.seg button svg{width:var(--icon);height:var(--icon);flex:none}.seg-compact button{padding:var(--s-0) var(--s-2)}.seg-compact svg{display:none}@media (min-width:600px){.seg-compact button{padding:var(--s-0) var(--s-3)}.seg-compact svg{display:block}}.top-end .btn[aria-pressed=true],.history-pill .btn[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.top-end .btn[aria-pressed=true]:hover,.history-pill .btn[aria-pressed=true]:hover{background:var(--text)}.stage-pill{z-index:3;align-items:center;gap:var(--s-half);padding:var(--s-half);border-radius:var(--r-full);border:1px solid var(--line-2);background:var(--panel);box-shadow:var(--shadow-1);display:flex;position:absolute}.zoom-pill{right:var(--s-3);bottom:var(--s-3)}.history-pill{left:var(--s-3);bottom:var(--s-3)}.zoom-read{min-width:56px;height:var(--h-ctl);padding:var(--s-0) var(--s-2);border-radius:var(--r-full);color:var(--text);font:var(--t-num);font-variant-numeric:tabular-nums;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.zoom-read:hover,.zoom-read[aria-expanded=true]{background:var(--panel-2)}.zoom-wrap{display:flex;position:relative}.zoom-menu{right:0;bottom:calc(100% + var(--s-2));z-index:4;gap:var(--s-half);min-width:160px;padding:var(--s-1);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-1);display:grid;position:absolute}.zoom-menu .btn{width:100%;height:var(--h-ctl);padding:var(--s-0) var(--s-2);border-radius:var(--r-sm);justify-content:flex-start;font-weight:400}.zoom-menu .btn[aria-checked=true]{background:var(--text);color:var(--bg)}.zoom-menu .btn[aria-checked=true] span{font-weight:600}.drop-hint{left:0;right:0;top:var(--s-2);z-index:3;padding:var(--s-0) var(--s-4);pointer-events:none;justify-content:center;display:flex;position:absolute}.drop-pill{pointer-events:auto;align-items:center;gap:var(--s-2);max-width:100%;min-height:calc(var(--h-ctl) + var(--s-2));padding:var(--s-0) var(--s-2) var(--s-0) var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-full);background:var(--panel);display:flex}@supports (color:color-mix(in lab, red, red)){.drop-pill{background:color-mix(in srgb, var(--panel) 94%, transparent)}}.drop-pill{box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:var(--t-md)}.drop-pill>svg{width:var(--icon);height:var(--icon);color:var(--muted);flex:none}.drop-pill p{margin:var(--s-0);min-width:0;color:var(--text);white-space:nowrap}@container (max-width:440px){.drop-pill>svg{display:none}}.drop-overlay{inset:var(--s-2);z-index:6;border:2px dashed var(--accent);border-radius:var(--r-xl);background:var(--bg);place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.drop-overlay{background:color-mix(in srgb, var(--bg) 72%, transparent)}}.drop-overlay{pointer-events:none}.drop-overlay p{margin:var(--s-0);padding:var(--s-2) var(--s-4);border-radius:var(--r-full);background:var(--panel);box-shadow:var(--shadow-1);font:var(--t-lg);color:var(--text)}.component-bar{min-height:44px;padding:var(--s-1) var(--s-3);justify-content:space-between}.toast{left:50%;top:var(--s-2);z-index:5;justify-content:center;align-items:center;gap:var(--s-2) var(--s-3);text-align:center;width:max-content;max-width:calc(100% - 32px);padding:var(--s-2) var(--s-4);border-radius:var(--r-full);background:var(--text);color:var(--bg);box-shadow:var(--shadow);animation:toast-in .2s var(--ease);pointer-events:auto;flex-wrap:wrap;font-weight:500;display:flex;position:absolute;transform:translate(-50%)}.toast:has(.btn){padding-right:var(--s-2)}.toast .btn{color:inherit;background:0 0}.toast .btn:focus-visible{outline-offset:-2px;outline:2px solid}@media (min-width:861px){.app[data-hint] .toast{top:56px}body:has([aria-modal=true]) .app .toast{top:var(--s-2);position:fixed}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.toast-warn{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--danger), var(--shadow)}.toast-icon{width:var(--icon);height:var(--icon);color:var(--danger);flex:none}@media (min-width:861px) and (max-width:1279px){.app{--left-col:0px}.leftpanel{width:var(--left-w);border-right:1px solid var(--line-2);border-top-right-radius:var(--r-xl);border-bottom-right-radius:var(--r-xl);box-shadow:var(--shadow-2);position:absolute;top:0;bottom:0;left:0}}@media (min-width:861px) and (max-width:1023px){.app[data-float-open]{grid-template-columns:var(--rail-w) var(--s-0) minmax(0, 1fr) var(--s-0)}.app[data-float-open] .inspector{display:none}}@media (max-width:860px){.app{--bar:48px;--tabbar-h:65px;grid-template-rows:var(--bar) minmax(0, 1fr) auto auto auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""stage""sheet""timeline""rail"}.topbar{gap:var(--s-1);padding:var(--s-0) var(--s-2)}.top-start{gap:var(--s-1)}.docname{flex:96px;width:auto;max-width:none}.brand{--brand-size:16px;justify-content:center;align-items:center;min-width:28px;min-height:32px}.brand-word{display:none}.brand-mark{display:inline}.rail{width:auto;min-height:0;padding:var(--s-1) var(--s-2) calc(var(--s-1) + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);flex-direction:row;overflow:visible}.tool-buttons{gap:var(--s-0);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.railbtn{height:56px}.leftpanel,.inspector{z-index:5;border:0;border-top:1px solid var(--line-2);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);width:auto;max-height:32dvh;box-shadow:var(--shadow-2);animation:sheet-in .22s var(--ease);grid-area:sheet;position:relative}.app[data-mode=animate] .tl{max-height:128px!important}.app[data-sheet] .timeline-dock{max-height:47px;overflow:hidden}.app[data-sheet][data-mode=design] .timeline-dock .tl-ruler-wrap{display:none}.stage-area{container-type:normal}.drop-hint{top:auto;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s-2));position:fixed}.app[data-hint] .timeline-dock{display:none}.app[data-hint] .stage-pill{bottom:56px}.drop-pill>svg,.drop-paste{display:none}.zoom-pill{right:var(--s-2);bottom:var(--s-2)}.history-pill{left:var(--s-2);bottom:var(--s-2)}.app[data-more] .stage-pill{visibility:hidden}.app .toast{top:calc(var(--bar) + var(--s-2) + env(safe-area-inset-top));max-width:calc(100vw - 32px);position:fixed;bottom:auto}.app .toast:has(.btn){border-radius:var(--r-lg)}.hide-phone{display:none!important}}@media (max-width:599px){.brand-caret{width:12px;height:12px;margin-left:var(--s-1);color:var(--muted);display:inline-block}.top-end>button[aria-label=Menu]{display:none}.dialog-menu{flex-direction:column;display:flex}.dialog-menu>.ph{order:0}.dialog-menu>.menu-theme{border-top:0;border-bottom:1px solid var(--line);order:1}.dialog-menu>.menu-list{order:2}.dialog-menu>.menu-foot{order:3}}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}}@media (min-width:861px){.hide-desk{display:none!important}}.stage.stage-tween .stage-inner{transition:height var(--d-med) var(--ease), padding var(--d-med) var(--ease)}.stage.stage-tween .artboard,.stage.stage-tween .artboard>canvas{transition:width var(--d-med) var(--ease), height var(--d-med) var(--ease)}.sheet-head{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2) var(--s-0);flex:none;display:flex}.sheet-head .stage-pill{z-index:auto;flex:none;position:relative;inset:auto}.sheet-head .zoom-menu{top:calc(100% + var(--s-2));bottom:auto}.sheet-zoom{flex:none;display:flex}.sheet-grab{min-width:0;height:var(--h-ctl);padding:var(--s-0);cursor:grab;touch-action:none;background:0 0;border:0;flex:auto;justify-content:center;align-items:center;display:flex}.sheet-grab>span{width:40px;height:var(--s-1);border-radius:var(--r-full);background:var(--line-2);display:block}.scrim.more-scrim{padding:var(--s-0);animation:fade .15s var(--ease);place-items:end stretch}.more-sheet{gap:var(--s-3);max-height:32dvh;padding:var(--s-0) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom));border-top:1px solid var(--line-2);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-2);animation:sheet-in .22s var(--ease);flex-direction:column;display:flex;overflow-y:auto}.more-head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.more-sheet h2{margin:var(--s-0);font:var(--t-lg)}.more-list{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.more-item{justify-content:center;align-items:center;gap:var(--s-1);min-height:64px;padding:var(--s-2);border-radius:var(--r-md);background:var(--panel-2);color:var(--text);font:var(--t-sm);white-space:nowrap;border:0;flex-direction:column;display:flex}.more-item:hover{background:var(--panel-3)}.more-item:nth-child(5){grid-column:span 2}.more-item[aria-pressed=true]{background:var(--text);color:var(--bg)}.more-item svg{flex:none;width:20px;height:20px}@media (pointer:coarse){.seg{height:44px}.seg button{height:calc(44px - 2 * var(--s-half))}.seg button:after{content:"";inset:calc(-1 * var(--s-half));position:absolute}.docname{height:44px}.brand{min-width:44px;min-height:44px}.zoom-read,.zoom-menu .btn,.sheet-grab{height:44px}button.brand{min-width:44px;min-height:44px}}@media (min-width:861px){.leftpanel:has(.tpl-panel){width:360px}}.tpl-panel{flex-direction:column;min-height:100%;display:flex}.tpl-head{--bleed:calc(var(--s-4) * -1);z-index:3;gap:var(--s-3);padding:var(--s-4);background:var(--panel);border-bottom:1px solid var(--line);display:grid;position:sticky;top:0}.tpl-top{gap:var(--s-3);min-width:0;display:grid}.tpl-title{margin:unset;font:var(--t-lg);color:var(--text)}.tpl-search{min-width:0}.tpl-search input::placeholder{color:var(--faint)}.tpl-clear{width:var(--h-ctl);height:var(--h-ctl);padding:unset;border-radius:var(--r-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.tpl-clear:hover{background:var(--panel-3);color:var(--text)}.tpl-chips{gap:var(--s-1) var(--s-2)}.tpl-chips .chip{height:var(--h-ctl)}.tpl-body{gap:var(--s-2);padding-inline:var(--s-4);padding-bottom:var(--s-4);flex-direction:column;display:flex}.brand-row{align-items:center;gap:var(--s-2) var(--s-3);padding-block:var(--s-4);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.brand-row>.toggle{grid-column:1/-1;justify-self:start}.brand-name{min-width:0}.brand-dots{gap:var(--s-1);display:inline-flex}.brand-dots[data-muted]{opacity:.5}.brand-dot{width:var(--icon);height:var(--icon);border-radius:var(--r-full);border:1px solid var(--line-2);flex:none}.tpl-panel .masonry{columns:2;column-gap:var(--s-2);display:block}.tpl-panel .masonry>.tile{break-inside:avoid;gap:var(--s-1);margin-block-end:var(--s-2)}.tpl-tile{border-radius:var(--r-md)}.tpl-tile .thumb{place-items:center;display:grid}.tpl-panel .tpl-tile .tile-name{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font:var(--t-sm);color:var(--text);display:block;overflow:visible}.thumb-canvas{width:100%;display:block}.tpl-group{gap:var(--s-2);display:grid}.tpl-group-title{top:var(--tpl-head,0);z-index:2;margin:unset;padding-top:var(--s-2);padding-bottom:var(--s-1);background:var(--panel);font:var(--t-sm);color:var(--muted);position:sticky}.tpl-empty{justify-items:start;gap:var(--s-2);padding-top:var(--s-2);display:grid}.tpl-empty-title{margin:unset;font:var(--t-xl);color:var(--text)}.tpl-empty p{margin:unset;font:var(--t-md);color:var(--muted)}.dialog.brand-dialog{flex-direction:column;width:min(440px,100%);display:flex;overflow:hidden}.brand-dialog-head{justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-3) var(--s-2) var(--s-6);display:flex}.brand-dialog-head h2{margin:unset;font:var(--t-xl)}.brand-dialog-body{gap:var(--s-4);min-height:0;padding:var(--s-2) var(--s-6) var(--s-6);overscroll-behavior:contain;display:grid;overflow-y:auto}.brand-note{margin:unset;font:var(--t-md);color:var(--muted)}.brand-group{gap:var(--s-3);margin:unset;display:grid}.brand-group+.brand-group{padding-top:var(--s-4);border-top:1px solid var(--line)}.brand-h{margin:unset;font:var(--t-lg);color:var(--text)}.brand-field{gap:var(--s-2);display:grid}.brand-field-head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.brand-colours{gap:var(--s-3);display:grid}.brand-add{justify-self:start}.brand-dialog [aria-disabled=true]{opacity:.4;pointer-events:none;cursor:default}.brand-foot{justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-6);border-top:1px solid var(--line);flex-wrap:wrap;flex:none;display:flex}@media (pointer:coarse){.brand-dialog{--h-ctl:44px;--h-sm:44px}}@media (max-width:860px){.tpl-head{padding:var(--s-3) var(--s-4) var(--s-2)}.tpl-top{align-items:center;gap:var(--s-3);grid-template-columns:auto minmax(0,1fr)}.tpl-head .tpl-chips{scrollbar-width:none;margin-inline:var(--bleed);padding-inline:var(--s-4) var(--s-8);scroll-padding-inline:var(--s-4) var(--s-8);-webkit-mask-image:linear-gradient(90deg, transparent, currentColor var(--s-4), currentColor calc(100% - var(--s-8)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, currentColor var(--s-4), currentColor calc(100% - var(--s-8)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, currentColor var(--s-4), currentColor calc(100% - var(--s-8)), transparent);mask-image:linear-gradient(90deg, transparent, currentColor var(--s-4), currentColor calc(100% - var(--s-8)), transparent);flex-wrap:nowrap;overflow-x:auto}.tpl-head .tpl-chips::-webkit-scrollbar{display:none}.tpl-head .tpl-chips .chip{flex:none}.tpl-empty{gap:var(--s-1)}}.icon-grid{grid-template-columns:repeat(auto-fill, minmax(var(--h-ctl), 1fr));gap:var(--s-1)}.icon-grid .icon-btn{height:var(--h-ctl)}.icon-grid .icon-btn svg{width:var(--icon);height:var(--icon)}:root{--s-0:0px;--r-0:0px;--bleed-2:calc(var(--s-2) * -1);--bleed-4:calc(var(--s-4) * -1);--data-shadow:#000;--data-outline:#0d0d0d;--data-fill:#fff;--data-paper:#f7f7f5;--data-deep:#2a1a14;--data-star:#febc2e;--data-glass:#ffffff1f;--data-glass-line:#ffffff47;--data-swatch-2:#3b82f6;--data-swatch-3:#22c55e;--data-swatch-4:#a855f7;--data-swatch-5:#f59e0b;--data-swatch-6:#ec4899;--scrim:#00000073;--mask-ink:#000;--lift:0 1px 2px #0003, 0 0 0 1px var(--line);--film-ground:#000;--film-chrome:#1c1c1c;--film-chrome-hover:#303030;--film-line:#666;--film-ink:#fff;--t-input-size:16px}.ph{z-index:2;align-items:center;gap:var(--s-2);min-height:var(--s-12);padding:var(--s-3) var(--s-4);background:var(--panel);display:flex;position:sticky;top:0}.leftpanel .ph,.inspector .ph{padding:var(--s-2) var(--s-4)}.psec>.label,.psec h3.label{margin:var(--s-0);color:var(--muted);font-weight:500;display:block}.psec-blocks{gap:var(--s-4);min-width:0;display:grid}.psec-head{justify-content:space-between;align-items:center;gap:var(--s-2);min-height:0;display:flex}.psec-head:has(>.btn){min-height:var(--h-ctl)}.field-label{font:var(--t-sm);color:var(--faint);display:block}.psec-sub{margin:var(--s-1) var(--s-0) var(--s-0);font:var(--t-sm);color:var(--faint);display:block}.hint{margin:var(--s-0);font:var(--t-sm);color:var(--muted)}.empty{margin:var(--s-0);font:var(--t-md);color:var(--muted)}.stack{gap:var(--s-2);min-width:0;display:grid}.stack-tight{gap:var(--s-1);min-width:0;display:grid}.grid2{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.grid3{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.grid4{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.grid5{gap:var(--s-2);grid-template-columns:repeat(5,1fr);display:grid}.grid2>*,.grid3>*,.grid4>*,.grid5>*{min-width:0}.swatch-row{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.swatch-grid{grid-template-columns:repeat(auto-fill, var(--h-sm));gap:var(--s-2);display:grid}.btn-block{width:100%}.btn.btn-grow{flex:auto;min-width:0}.btn[aria-disabled=true]{cursor:default}.btn.btn-main{flex:1;justify-content:flex-start;min-width:0}.psec .btn[aria-pressed=true],.psec .btn[aria-pressed=true]:hover{background:var(--text);color:var(--bg);box-shadow:none}.psec .btn[aria-pressed=true]>*,.chip[aria-pressed=true]>*,.kind-grid .btn[aria-pressed=true]>*,.inspector .seg button[aria-pressed=true]>*,.leftpanel .seg button[aria-pressed=true]>*{color:inherit}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.row.top{align-items:flex-start}.rec-dot{border-radius:var(--r-full);background:var(--accent);flex:none;width:8px;height:8px;display:inline-block}.rec-dot.square{border-radius:var(--r-0)}.loading-note{padding:var(--s-4);margin:var(--s-0)}.form-error{margin:var(--s-0);font:var(--t-sm);color:var(--danger)}.gradient-preview{height:var(--s-6);border-radius:var(--r-md);border:1px solid var(--line-2)}.btn.btn-wrap{height:auto;min-height:var(--h-ctl);padding:var(--s-2) var(--s-3);white-space:normal;text-align:left;justify-content:flex-start;line-height:16px}.btn.btn-accent{border-color:var(--accent)}.btn.btn-danger{background:var(--panel);color:var(--danger);border-color:var(--danger)}.btn.btn-danger:hover{background:var(--panel-2)}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;width:100%;height:100%;margin:var(--s-0);position:absolute;inset:0}.file-btn:focus-within{outline:2px solid var(--focus);outline-offset:2px}.kind-grid .btn{height:auto;min-height:var(--h-ctl);padding:var(--s-2) var(--s-3);white-space:normal;border-radius:var(--r-md);line-height:16px}.kind-grid .btn[aria-pressed=true],.kind-grid .btn[aria-pressed=true]:hover{background:var(--text);color:var(--bg);box-shadow:none}.annot-grid .btn{gap:var(--s-1);height:auto;min-height:56px;padding:var(--s-2) var(--s-1);min-width:0;font:var(--t-xs);white-space:normal;text-align:center;flex-direction:column;line-height:14px}.annot-grid .btn svg{width:var(--icon);height:var(--icon);flex:none}.shape-grid .btn{min-width:0;padding:var(--s-0) var(--s-2);text-overflow:ellipsis;overflow:hidden}:root{--field-edge:var(--text)}@supports (color:color-mix(in lab, red, red)){:root{--field-edge:color-mix(in srgb, var(--text) 40%, transparent)}}:root[data-theme=light]{--field-edge:var(--text)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=light]{--field-edge:color-mix(in srgb, var(--text) 50%, transparent)}}.ph-name{min-width:0;height:var(--h-ctl);margin-left:var(--bleed-2);padding:var(--s-0) var(--s-2);border-radius:var(--r-md);font:var(--t-lg);color:var(--text);text-overflow:ellipsis;background:0 0;border:1px solid #0000;flex:1;line-height:24px}.ph-name:hover{border-color:var(--line-2)}.ph-name:focus{background:var(--panel-2)}.ph-name:focus-visible{outline:2px solid var(--focus);outline-offset:-1px}.value-line{margin:var(--s-0);font:var(--t-md);overflow-wrap:anywhere;font-weight:500}.code-input{font:var(--t-num);font-weight:400}.field{align-items:center;gap:var(--s-2);height:var(--h-ctl);padding:var(--s-0) var(--s-2);border-radius:var(--r-md);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--field-edge);min-width:0;transition:background var(--d-fast) var(--ease);display:flex;position:relative}.field:hover{background:var(--panel-3)}.field:focus-within{outline:2px solid var(--focus);outline-offset:-1px;background:var(--panel-2)}.field span{font:var(--t-sm);color:var(--faint);flex:none}.field input,.field select{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%}.field select{appearance:none;cursor:pointer;text-overflow:ellipsis;padding-right:var(--s-6)}.field-chevron{top:50%;right:var(--s-2);width:var(--icon);height:var(--icon);color:var(--faint);pointer-events:none;flex:none;position:absolute;transform:translateY(-50%)}.field input.num{font:var(--t-num);font-variant-numeric:tabular-nums}.input{width:100%;height:var(--h-ctl);padding:var(--s-0) var(--s-3);border-radius:var(--r-md);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--field-edge);border:1px solid #0000;outline:none}.input:hover{background:var(--panel-3)}.input:focus{outline:2px solid var(--focus);outline-offset:-1px}.input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--danger)}.input.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}textarea.input{height:auto;padding:var(--s-2) var(--s-3);resize:vertical;line-height:18px}.field-error{margin:var(--s-0);font:var(--t-sm);color:var(--danger)}.slider{height:var(--h-ctl);border-radius:var(--r-md);background:var(--panel-2);touch-action:none;position:relative;overflow:hidden}.slider .fill{background:var(--panel-3);position:absolute;inset:0 auto 0 0}.slider:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--field-edge);pointer-events:none;position:absolute;inset:0}.slider .lbl,.slider .val{pointer-events:none;align-items:center;display:flex;position:absolute;top:0;bottom:0}.slider .lbl{left:var(--s-3);color:var(--faint);font:var(--t-sm)}.slider .val{right:var(--s-3);font:var(--t-num);font-variant-numeric:tabular-nums;color:var(--text)}.slider input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:var(--s-0);position:absolute;inset:0}.slider:focus-within{outline:2px solid var(--focus);outline-offset:1px}.field .scrub{cursor:ew-resize;touch-action:none}.seg.seg-block{width:100%;display:flex}.seg.seg-block button{min-width:0;padding:var(--s-0) var(--s-1);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;overflow:hidden}.inspector .seg button[aria-pressed=true],.leftpanel .seg button[aria-pressed=true]{background:var(--text);color:var(--bg);box-shadow:none}@media (pointer:coarse){.inspector .seg,.leftpanel .seg{height:48px}.inspector .seg button,.leftpanel .seg button{height:44px}}.chip{align-items:center;gap:var(--s-1);height:var(--h-ctl);padding:var(--s-0) var(--s-3);border-radius:var(--r-full);border:1px solid var(--line-2);font:var(--t-sm);white-space:nowrap;transition:background var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease);background:0 0;display:inline-flex}.chip:hover{background:var(--panel-2)}.chip[aria-pressed=true],.chip[aria-pressed=true]:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.chips{gap:var(--s-1) var(--s-2);flex-wrap:wrap;display:flex}.chips-scroll{gap:var(--s-1) var(--s-2);scrollbar-width:none;margin:var(--s-0) var(--bleed-4);padding:var(--s-0) var(--s-4);-webkit-mask-image:linear-gradient(90deg, transparent var(--s-0), var(--mask-ink) var(--s-4), var(--mask-ink) calc(100% - var(--s-8)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent var(--s-0), var(--mask-ink) var(--s-4), var(--mask-ink) calc(100% - var(--s-8)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent var(--s-0), var(--mask-ink) var(--s-4), var(--mask-ink) calc(100% - var(--s-8)), transparent);mask-image:linear-gradient(90deg, transparent var(--s-0), var(--mask-ink) var(--s-4), var(--mask-ink) calc(100% - var(--s-8)), transparent);flex-wrap:nowrap;display:flex;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll>.chip{flex:none}.swatch{width:var(--h-sm);height:var(--h-sm);border-radius:var(--r-full);border:1px solid var(--line-2);box-shadow:inset 0 0 0 1px var(--field-edge);padding:var(--s-0);flex:none;position:relative}.swatch--accent-1{background:var(--accent)}.swatch--accent-2{background:var(--data-swatch-2)}.swatch--accent-3{background:var(--data-swatch-3)}.swatch--accent-4{background:var(--data-swatch-4)}.swatch--accent-5{background:var(--data-swatch-5)}.swatch--accent-6{background:var(--data-swatch-6)}.swatch[aria-pressed=true],.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--text)}.colour-preview{width:var(--h-ctl);height:var(--h-ctl);border-radius:var(--r-md);border:1px solid var(--line-2);flex:none;position:relative;overflow:hidden}.colour-preview input{opacity:0;cursor:pointer;width:100%;height:100%;margin:var(--s-0);position:absolute;inset:0}.colour-preview:focus-within{outline:2px solid var(--focus);outline-offset:2px}.colour-field .input{flex:1;min-width:0}.colour-error{margin:var(--s-0);font:var(--t-sm);color:var(--danger)}@media (pointer:coarse){.chip{height:44px}}.toggle{align-items:center;gap:var(--s-3);min-height:var(--h-ctl);padding:var(--s-0);text-align:left;color:var(--text);font:var(--t-md);background:0 0;border:0;display:inline-flex}.toggle-track{border-radius:var(--r-full);background:var(--panel-3);border:1px solid var(--line-2);width:36px;height:24px;transition:background .15s var(--ease);flex:none;position:relative}.toggle-track[data-on=true]{background:var(--text);border-color:var(--text)}.toggle-dot{border-radius:var(--r-full);background:var(--text);width:16px;height:16px;transition:transform .15s var(--ease);position:absolute;top:3px;left:2px}.toggle-track[data-on=true] .toggle-dot{background:var(--bg);transform:translate(14px)}.tile-full{width:100%}.thumb-device{aspect-ratio:.8;padding:var(--s-2)}.thumb-square{aspect-ratio:1}.thumb-preset{aspect-ratio:.8}.saved-item{min-width:0;position:relative}.saved-remove{top:var(--s-1);right:var(--s-1);position:absolute}.bg-in-use{align-items:flex-start;gap:var(--s-3)}.bg-in-use-thumb{width:var(--s-12);height:var(--s-12);border-radius:var(--r-md);border:1px solid var(--line-2);flex:none;overflow:hidden}.bg-in-use-thumb canvas{width:100%;height:100%;display:block}.bg-choices{flex-wrap:wrap}.sound-track{gap:var(--s-2);min-width:0;display:grid}.sound-head{justify-content:space-between;gap:var(--s-2)}.sound-name{gap:var(--s-2);min-width:0}.dialog.dialog-400{width:min(400px,100%)}.tiles{gap:var(--s-3) var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.leftpanel .tiles,.inspector .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{align-items:stretch;gap:var(--s-2);padding:var(--s-0);text-align:left;color:var(--muted);font:var(--t-sm);background:0 0;border:0;flex-direction:column;min-width:0;display:flex;position:relative}.tile .thumb{aspect-ratio:1;border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--line);transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);place-items:center;display:grid;overflow:hidden}.tile:hover .thumb{border-color:var(--line-2)}.tile[aria-pressed=true] .thumb{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.tile[aria-pressed=true]{color:var(--text)}.tile:focus-visible .thumb{outline:2px solid var(--focus);outline-offset:2px}.tile-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font:var(--t-sm);overflow:hidden}.tile-caption{-webkit-line-clamp:2;white-space:normal;min-width:0;font:var(--t-sm);-webkit-box-orient:vertical;line-height:16px;display:-webkit-box;overflow:hidden}.masonry{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--s-1);column-gap:var(--s-2);grid-auto-flow:dense;align-items:start;display:grid}.masonry .tile{gap:var(--s-2)}.ph-stack{align-items:stretch;gap:var(--s-3);flex-direction:column}.tile img,.tile canvas{object-fit:cover;width:100%;height:100%;display:block}.effect-row{gap:var(--s-2);scrollbar-width:none;margin:var(--s-0) var(--bleed-4);padding:var(--s-0) var(--s-6) var(--s-0) var(--s-4);-webkit-mask-image:linear-gradient(to right, transparent var(--s-0), var(--mask-ink) var(--s-4), var(--mask-ink) calc(100% - var(--s-6)), transparent);-webkit-mask-image:linear-gradient(to right, transparent var(--s-0), var(--mask-ink) var(--s-4), var(--mask-ink) calc(100% - var(--s-6)), transparent);-webkit-mask-image:linear-gradient(to right, transparent var(--s-0), var(--mask-ink) var(--s-4), var(--mask-ink) calc(100% - var(--s-6)), transparent);mask-image:linear-gradient(to right, transparent var(--s-0), var(--mask-ink) var(--s-4), var(--mask-ink) calc(100% - var(--s-6)), transparent);display:flex;overflow-x:auto}.effect-row::-webkit-scrollbar{display:none}.effect-tile{gap:var(--s-2);width:64px;padding:var(--s-0);color:var(--muted);font:var(--t-sm);text-align:center;background:0 0;border:0;flex-direction:column;flex:none;display:flex}.effect-thumb{aspect-ratio:1;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel-2);transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);place-items:center;display:grid;overflow:hidden}.effect-tile:hover .effect-thumb{border-color:var(--line-2)}.effect-tile[aria-pressed=true]{color:var(--text)}.effect-tile[aria-pressed=true] .effect-thumb{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.effect-tile:focus-visible .effect-thumb{outline:2px solid var(--focus);outline-offset:2px}.effect-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:16px;display:-webkit-box;overflow:hidden}.tilt{gap:var(--s-2);grid-template-columns:1fr auto;align-items:center;display:grid}.tilt-pad{border-radius:var(--r-md);background-color:var(--panel-2);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);touch-action:none;cursor:crosshair;background-position:50%;background-size:25% 25%;height:120px;position:relative}.tilt-dot{width:16px;height:16px;margin:var(--bleed-2) var(--s-0) var(--s-0) var(--bleed-2);border-radius:var(--r-full);background:var(--accent);box-shadow:0 0 0 4px var(--accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.tilt-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent)}}.tilt-dot{pointer-events:none}.tilt-read{gap:var(--s-1);min-width:64px;display:grid}.tilt-num{font:var(--t-num);font-variant-numeric:tabular-nums;color:var(--text)}.layer-list{margin:var(--s-0);padding:var(--s-0);gap:var(--s-1);grid-template-columns:minmax(0,1fr);list-style:none;display:grid}.layer-row{align-items:center;gap:var(--s-1);border-radius:var(--r-md);padding-left:calc(var(--depth,var(--s-0)) * var(--s-4));display:flex}.layer-row[data-selected=true]{background:var(--panel-3)}.layer-row>.btn{flex:none}.layer-row>.btn-main{min-width:0;height:var(--h-ctl);justify-content:center;align-items:flex-start;gap:var(--s-0);padding:var(--s-0) var(--s-2);flex-direction:column;flex:1 1 0}.layer-row[data-hidden=true]>.btn-main{opacity:.5}.layer-type{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:var(--t-xs);color:var(--faint);display:block;overflow:hidden}.layer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font:var(--t-md);display:block;overflow:hidden}.artboard-row{align-items:center;gap:var(--s-1);min-width:0;display:flex}.artboard-row .btn-main>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.artboard-row .label{flex:none}.btn.text-style{gap:var(--s-1);height:auto;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);text-align:left;flex-direction:column;justify-content:flex-start}.text-style>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.text-style-face{font:var(--t-sm);color:var(--faint)}.icon-grid{grid-template-columns:repeat(auto-fill, minmax(var(--h-ctl), 1fr));gap:var(--s-1);display:grid}.icon-btn{height:var(--h-ctl);border-radius:var(--r-md);background:var(--panel-2);color:var(--text);border:1px solid #0000;place-items:center;display:grid}.icon-btn svg{width:var(--icon);height:var(--icon);flex:none}.fp-trigger{text-align:left;cursor:pointer;width:100%}.fp-trigger:hover{background:var(--panel-3)}.fp-cur{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--t-lg);flex:1;overflow:hidden}.fp-trigger svg{width:var(--icon);height:var(--icon);color:var(--faint);flex:none}.fp-scrim{z-index:60;padding:var(--s-0);border-radius:var(--r-0);cursor:default;background:0 0;border:0;position:fixed;inset:0}.fp-pop{z-index:61;width:min(360px, calc(100vw - var(--s-4)));height:min(480px, calc(100dvh - var(--s-6)));background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow);animation:fade .12s var(--ease);outline:none;flex-direction:column;display:flex;position:fixed;overflow:hidden}.fp-bar{padding:var(--s-2) var(--s-2) var(--s-0) var(--s-4);font:var(--t-lg);justify-content:space-between;align-items:center;display:flex}.fp-head{gap:var(--s-2);padding:var(--s-3);border-bottom:1px solid var(--line);display:grid}.fp-search{position:relative}.fp-search svg{left:var(--s-3);width:var(--icon);height:var(--icon);color:var(--faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.fp-search .input{padding-left:var(--s-8)}.fp-chips{gap:var(--s-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fp-chips .chip{justify-content:center;min-width:0}.fp-list{overscroll-behavior:contain;min-height:0;padding:var(--s-1);flex:1;position:relative;overflow-y:auto}.fp-opt{align-items:center;gap:var(--s-2);height:44px;padding:var(--s-0) var(--s-2) var(--s-0) var(--s-3);border-radius:var(--r-md);cursor:pointer;display:flex}.fp-opt[aria-selected=true]{background:var(--panel-3)}.fp-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--t-xl);font-family:var(--font-ui);transition:opacity .15s var(--ease);flex:1;overflow:hidden}.fp-name[data-ready=false]{opacity:.3}.fp-cat{font:var(--t-xs);color:var(--faint);flex:none}.fp-check{width:var(--icon);height:var(--icon);color:var(--accent-ink);opacity:0;flex:none}.fp-check[data-on=true]{opacity:1}.fp-list[data-empty=true]{padding:var(--s-0);flex:none}.fp-empty{padding:var(--s-6) var(--s-4);color:var(--muted);text-align:center;flex:1}.spin{width:var(--s-3);height:var(--s-3);border-radius:var(--r-full);border:2px solid var(--line-2);border-top-color:var(--focus);flex:none;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fp-opt .spin{margin-left:var(--s-1)}.fp-cur-wrap{align-items:center;gap:var(--s-2);flex:1;min-width:0;display:inline-flex}@media (pointer:coarse){.fp-trigger,.fp-chips .chip{height:44px}}@media (max-width:860px){.fp-scrim{background:var(--scrim);animation:fade .15s var(--ease)}.fp-pop{inset:auto var(--s-0) var(--s-0) var(--s-0);border-radius:var(--r-xl) var(--r-xl) var(--r-0) var(--r-0);width:auto;height:min(70dvh,600px);padding-bottom:env(safe-area-inset-bottom);animation:sheet-in .22s var(--ease);border-width:1px 0 0}.fp-pop:before{content:"";width:var(--s-10);height:var(--s-1);border-radius:var(--s-1);background:var(--line-2);margin:var(--s-2) auto var(--s-0);flex:none}.fp-search .input{height:44px;font-size:var(--t-input-size)}.psec{padding:var(--s-4)}}@media (pointer:coarse){.leftpanel,.inspector{--h-ctl:44px;--h-sm:44px}.leftpanel .input,.inspector .input,.leftpanel .field input,.inspector .field input,.leftpanel .field select,.inspector .field select{font-size:var(--t-input-size)}.leftpanel .tile-name,.inspector .tile-name{font:var(--t-md);font-weight:500}}.leftpanel .btn-sm,.inspector .btn-sm{height:var(--h-ctl);min-height:var(--h-ctl)}.leftpanel .btn-sm.btn-icon,.inspector .btn-sm.btn-icon{width:var(--h-ctl)}.insp-loading .insp-loading-row{height:var(--h-ctl);border-radius:var(--r-md);background:var(--panel-2);display:block}.psec.layer-actions{align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-4);flex-flow:wrap}.leftpanel .component-card{gap:var(--s-1);display:grid}.component-foot{align-items:center;gap:var(--s-1);min-width:0;display:flex}.component-foot>.component-name,.component-foot>.component-rename{flex:auto;min-width:0}.leftpanel .component-more{width:var(--h-ctl);min-width:var(--h-ctl);height:var(--h-ctl);opacity:1;background:0 0;flex:none;position:static}.leftpanel .component-menu{top:calc(100% + var(--s-1));right:var(--s-0)}@media (hover:none),(pointer:coarse),(max-width:700px){.leftpanel .component-more{width:44px;min-width:44px;height:44px}}:root{--sample-26:26px;--sample-22:22px;--sample-18:18px;--sample-15:15px;--sample-14:14px}.text-sample{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);line-height:normal;display:block;overflow:hidden}.text-sample--big-headline{font-family:Garet, var(--font-display);font-weight:700;font-size:var(--sample-26);letter-spacing:-.03em}.text-sample--headline{font-family:Garet, var(--font-display);font-weight:700;font-size:var(--sample-22);letter-spacing:-.02em}.text-sample--subhead{font-family:Inter, var(--font-ui);font-weight:500;font-size:var(--sample-18);letter-spacing:-.01em}.text-sample--body{font-family:Domine,serif;font-weight:400;font-size:var(--sample-15);letter-spacing:0}.text-sample--label{font-family:"IBM Plex Mono", var(--font-mono);font-weight:500;font-size:var(--sample-14);letter-spacing:.02em}.text-sample--caption{font-family:Inter, var(--font-ui);font-weight:400;font-size:var(--sample-14);letter-spacing:0}:root{--camera:#7c8cff;--sound:#34d399;--on-accent:#fff}.anim-panel{flex-direction:column;min-width:0;display:flex}.anim-added{top:var(--s-12);z-index:2;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--panel);border-bottom:1px solid var(--line);scroll-margin-top:var(--s-12);flex-wrap:wrap;position:sticky}.anim-added-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.anim-group{border-bottom:1px solid var(--line-2);scroll-margin-top:var(--s-12);flex-direction:column;display:flex}.anim-group-head{align-items:baseline;gap:var(--s-2);min-width:0;padding-top:var(--s-4);padding-inline:var(--s-4);display:flex}.anim-group-head h3{min-width:0;font:var(--t-md);color:var(--text);white-space:nowrap;flex:none;font-weight:600}.anim-fold{display:block}.anim-fold>summary{justify-content:space-between;align-items:center;gap:var(--s-2);min-height:var(--h-ctl);padding:var(--s-3) var(--s-4);cursor:pointer;border-radius:var(--r-sm);list-style:none;display:flex}.anim-fold>summary:focus-visible{outline-offset:-2px}.anim-fold>summary::-webkit-details-marker{display:none}.anim-fold>summary h3{min-width:0;font:var(--t-md);color:var(--text);font-weight:600}.anim-fold>summary:hover h3{color:var(--accent-ink)}.anim-fold>summary .anim-chev{color:var(--muted);transition:transform var(--d-fast) var(--ease);flex:none}.anim-fold[open]>summary .anim-chev{transform:rotate(180deg)}.anim-fold[open]>summary{padding-bottom:var(--s-1)}.anim-group-note{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.anim-h{font:var(--t-sm);color:var(--muted)}.anim-note{font:var(--t-md);color:var(--muted)}.anim-sub{gap:var(--s-2);display:grid}.anim-sub>.label{color:var(--faint)}.anim-stack{gap:var(--s-2);display:grid}.anim-wrap{flex-wrap:wrap}.anim-list{gap:var(--s-1);display:grid}.btn.anim-clip-btn{justify-content:space-between;width:100%;min-width:0}.anim-clip-time{font:var(--t-num);color:var(--muted)}.anim-group:has(+.anim-foot){border-bottom:0}.anim-foot{padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);display:flex}.btn.anim-clear{color:var(--danger)}.anim-panel>.ph{border-bottom:1px solid var(--line)}.anim-ph{justify-content:space-between}.anim-ph>div{min-width:0}.anim-ph>.row{flex:none}.anim-ph h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.anim-ph .label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.btn.anim-mood{height:auto;min-height:var(--h-ctl);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);align-items:flex-start;gap:var(--s-1);text-align:left;flex-direction:column}.anim-mood-name{font:var(--t-md);color:var(--text);font-weight:500}.anim-mood-hint{font:var(--t-sm);color:var(--muted);white-space:normal;font-weight:400}.anim-curve{background:var(--panel-2);border-radius:var(--r-md);width:100%;height:auto;display:block}.anim-curve-edit{touch-action:none}.anim-knob{cursor:grab;touch-action:none;outline:none}.anim-panel .chip,.film .chip{height:var(--h-ctl)}.anim-panel .btn-sm,.film .btn-sm{height:var(--h-ctl);min-width:var(--h-ctl)}.anim-panel .seg button[aria-pressed=true],.film .seg button[aria-pressed=true]{background:var(--text);color:var(--bg);box-shadow:none}.anim-panel .chips>.chip{max-width:100%;height:auto;min-height:var(--h-ctl);padding-block:var(--s-1);white-space:normal;overflow-wrap:anywhere;text-align:left}.film{gap:var(--s-3);display:grid}.film-part{gap:var(--s-2);display:grid}.film-note{font:var(--t-md);color:var(--muted)}@media (pointer:coarse){.anim-panel .chip,.film .chip{height:44px;padding-inline:var(--s-4)}.anim-panel .chips>.chip{min-height:44px}.anim-panel .seg button,.film .seg button{height:44px}.anim-panel .btn-sm,.film .btn-sm{min-width:44px;height:44px}.anim-panel .field,.anim-panel .input{height:44px}.anim-fold>summary,.btn.anim-mood{min-height:44px}}.tl{--tl-track:28px;--tl-ruler:32px;--tl-hit:24px;--tl-hit-half:calc(var(--tl-hit) / 2);--tl-edge-hit:16px;--tl-end-hit:24px;--tl-gutter:136px;flex-direction:column;height:100%;display:flex}@media (pointer:coarse){.tl{--tl-track:44px;--tl-ruler:44px;--tl-hit:44px;--tl-hit-half:calc(var(--tl-hit) / 2);--tl-edge-hit:44px;--tl-end-hit:44px}}.tl[data-expanded=true]{max-height:288px}@media (max-height:800px){.tl[data-expanded=true]{max-height:220px}}.tl-bar{gap:var(--s-2);padding:var(--s-2) var(--s-3)}.tl-tools{gap:var(--s-2);flex:none;min-width:0}.tl-clock{min-width:104px;font:var(--t-num);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.tl-loop[aria-pressed=true],.tl-loop[aria-pressed=true]:hover{color:var(--bg);background:var(--text)}.tl-loop[aria-pressed=false]{color:var(--faint)}.tl-zoom{gap:var(--s-1)}.tl-ruler-wrap{min-width:0;padding-right:var(--tl-end-hit);flex:1;position:relative}.ruler{height:var(--tl-ruler);cursor:ew-resize;touch-action:none;border-radius:var(--r-sm);position:relative;overflow:hidden}.ruler:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tl-tick{top:var(--s-1);bottom:var(--s-1);border-left:1px solid var(--line-2);position:absolute}.tl-tick-label{left:var(--s-1);font:var(--t-xs);font-family:var(--font-mono);color:var(--faint);white-space:nowrap;position:absolute;top:-2px}.tl-tick-label[data-edge]{transform:translateX(calc(-100% - var(--s-2)))}.tl-mini{bottom:var(--s-1);border-radius:var(--r-xs);background:var(--accent);height:4px;position:absolute}@supports (color:color-mix(in lab, red, red)){.tl-mini{background:color-mix(in srgb, var(--accent) 55%, transparent)}}.tl-mini-sound{top:var(--s-1);background:var(--sound);height:3px;bottom:auto}@supports (color:color-mix(in lab, red, red)){.tl-mini-sound{background:color-mix(in srgb, var(--sound) 60%, transparent)}}.tl-playhead{border-radius:var(--r-full);background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;translate:-50%}.tl-end{width:var(--tl-end-hit);padding-block:var(--s-1);cursor:ew-resize;touch-action:none;border-radius:var(--r-xs);justify-content:flex-start;display:flex;position:absolute;top:0;bottom:0;right:0}.tl-end:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tl-end-grip{width:var(--s-2);border-radius:var(--r-xs);background:var(--panel-3);border:1px solid var(--line-2);pointer-events:none}.tl[data-expanded=true] .tl-bar{grid-template-columns:var(--tl-gutter) minmax(0, 1fr);align-items:center;row-gap:var(--s-1);padding:var(--s-1) var(--s-4);column-gap:normal;display:grid}.tl[data-expanded=true] .tl-tools{grid-column:1/-1}.tl[data-expanded=true] .tl-zoom{grid-area:2/1;justify-self:start}.tl[data-expanded=true] .tl-ruler-wrap{grid-area:2/2}.tl-body{min-height:0;padding-inline:var(--s-4);padding-bottom:var(--s-2);flex:1;overflow:hidden auto}.tl-empty{margin-top:var(--s-2);margin-bottom:var(--s-1);font:var(--t-sm);color:var(--muted)}.tl-group{grid-template-columns:var(--tl-gutter) minmax(0, 1fr);margin-top:var(--s-1);display:grid}.tl-group-tracks{gap:var(--s-1);min-width:0;display:grid}.tl-name{z-index:1;min-width:0;padding-right:var(--s-3);-webkit-line-clamp:2;overflow-wrap:anywhere;font:var(--t-sm);color:var(--muted);background:var(--panel);-webkit-box-orient:vertical;align-self:center;display:-webkit-box;position:sticky;left:0;overflow:hidden}.tl-track{min-width:0;height:var(--tl-track);position:relative}.tl-clip{align-items:center;gap:var(--s-1);min-width:0;padding-inline:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--accent);display:flex;position:absolute;top:0;bottom:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tl-clip{background:color-mix(in srgb, var(--accent) 30%, var(--panel-3))}}.tl-clip{color:var(--text);font:var(--t-sm);white-space:nowrap;cursor:grab;touch-action:none}.tl-clip[data-target=camera]{background:var(--camera)}@supports (color:color-mix(in lab, red, red)){.tl-clip[data-target=camera]{background:color-mix(in srgb, var(--camera) 35%, var(--panel-3))}}.tl-clip[data-kind=sound]{background:var(--sound)}@supports (color:color-mix(in lab, red, red)){.tl-clip[data-kind=sound]{background:color-mix(in srgb, var(--sound) 28%, var(--panel-3))}}.tl-clip[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.tl-clip[data-muted]{opacity:.45}.tl-clip:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.tl-clip-label{text-overflow:ellipsis;min-width:0;position:relative;overflow:hidden}.tl-clip-time{padding-left:var(--s-1);font:var(--t-num);opacity:.8;flex:none;margin-left:auto;position:relative}.tl-clip[aria-pressed=true] .tl-clip-time{opacity:1}.tl-clip>.tl-icon{flex:none;position:relative}.tl-wave{opacity:.45;pointer-events:none;height:100%;position:absolute;top:0;left:0}.tl-wave path{fill:none;stroke:var(--sound);stroke-width:2px;stroke-linecap:round}.tl-edge{z-index:1;width:var(--tl-edge-hit);cursor:ew-resize;touch-action:none;position:absolute;top:0;bottom:0;translate:-50%}.tl-probe{visibility:hidden;white-space:nowrap;pointer-events:none;font:var(--t-sm);position:absolute;top:0;left:0}.tl-tag{white-space:nowrap;font:var(--t-sm);color:var(--text);pointer-events:none;align-items:center;display:flex;position:absolute;top:0;bottom:0}.tl-edge:before{content:"";top:var(--s-1);bottom:var(--s-1);border-radius:var(--r-xs);background:var(--text);width:8px;position:absolute;left:50%;translate:-50%}@supports (color:color-mix(in lab, red, red)){.tl-edge:before{background:color-mix(in srgb, var(--text) 55%, transparent)}}.tl-edge:before{pointer-events:none}.tl-failed{margin-inline:var(--s-4)}@media (max-width:640px){.tl{--tl-gutter:112px}.tl-bar{row-gap:var(--s-1);padding:var(--s-1) var(--s-2);flex-wrap:wrap}.tl-ruler-wrap{flex:200px}}@media (max-width:860px){.app[data-mode=animate] .leftpanel{max-height:26dvh}.app[data-mode=animate] .anim-panel>.ph:not(.anim-ph){display:contents}.app[data-mode=animate] .anim-panel>.ph:not(.anim-ph) h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app[data-mode=animate] .anim-panel>.anim-ph{padding:var(--s-2) var(--s-4)}.app[data-mode=animate] .anim-added{top:0}.app[data-mode=animate] .tl{max-height:180px!important}.app[data-mode=animate][data-sheet] .timeline-dock{max-height:181px;overflow:visible}.app[data-mode=animate] .tl[data-expanded=true] .tl-bar{padding-block:initial}.app[data-mode=animate] .tl-body{padding-bottom:initial}}:root{--none:0;--hair:1px;--h-touch:44px;--tap-pad:14px;--tap-lift:calc(var(--tap-pad) * -1);--thumb:56px;--input-size:16px;--palette-top:12vh;--scrim-ink:#00000073;--toast-band:64px;--export-band:88px;--timeline-band:48px;--canvas-ink:#000;--canvas-paper:#fff}.ph{top:var(--none);z-index:2;align-items:center;gap:var(--s-2);min-height:var(--s-12);padding:var(--s-3) var(--s-4);background:var(--panel);display:flex;position:sticky}.ph h2{margin:var(--none);font:var(--t-lg)}.psec{gap:var(--s-2);padding:var(--s-4);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.psec:last-child{border-bottom:0}.psec>.label{display:block}.scrim{z-index:40;background:var(--scrim-ink);padding:var(--s-4);animation:fade .15s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-xl);width:min(560px,100%);max-height:min(86vh,900px);box-shadow:var(--shadow-2);overflow:auto}.dialog:focus-visible{outline:none}.dialog-wide{width:min(1080px,100%)}.dialog>.ph{justify-content:flex-start}.dialog .ph h2{min-width:0;font:var(--t-xl);flex:auto}.dialog .ph>.btn-icon{flex:none}.dialog-actions{justify-content:flex-end;align-items:center;gap:var(--s-2);flex-flow:wrap;display:flex}.dialog-actions-split{justify-content:space-between}.dialog-actions-start{justify-content:flex-start}.dialog-foot{z-index:2;justify-content:flex-end;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.psec:has(+.dialog-foot){border-bottom:0}.btn-danger{color:var(--danger)}.dialog-notice{align-items:flex-start;gap:var(--s-2);margin:var(--none);font:var(--t-md);display:flex}.dialog-notice svg{width:16px;height:16px;margin-top:var(--hair);flex:none}.dialog-notice-error{color:var(--danger)}.dialog-notice-info,.dialog-notice-warn{color:var(--muted)}.progress{border-radius:var(--r-full);background:var(--panel-3);width:100%;max-width:360px;height:8px;display:block;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width var(--d-med) var(--ease)}.progress[data-indeterminate=true] .progress-fill{width:40%;animation:progress-run 1.2s var(--ease) infinite}@keyframes progress-run{0%{transform:translate(-100%)}to{transform:translate(250%)}}.dialog-busy{align-items:center;gap:var(--s-2);padding:var(--s-8) var(--s-4);text-align:center;flex-direction:column;display:flex}.dialog-counter{margin:var(--none);font:var(--t-xl);font-variant-numeric:tabular-nums}.dialog-toast{align-items:center;gap:var(--s-3);display:flex}.toast:has(.btn){width:max-content}.toast .btn{color:inherit;background:0 0;border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.toast .btn{border-color:color-mix(in srgb, currentColor 40%, transparent)}}.toast .btn:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.toast .btn:hover{background:color-mix(in srgb, currentColor 14%, transparent)}}body:has([aria-modal=true]) .app .toast{z-index:50;top:auto;bottom:calc(var(--s-6) + env(safe-area-inset-bottom))}.dialog-export{max-height:calc(100dvh - var(--s-12) - var(--export-band))}@media (min-width:861px){.dialog-export{max-height:calc(100dvh - var(--s-12) - var(--export-band) - var(--timeline-band))}}@media (max-width:600px){.dialog-export .dialog-foot>.btn,.dialog-export .dialog-actions>.btn-primary{flex:auto}.dialog-export .dialog-actions>.btn-primary{flex-basis:100%}}.dialog .btn,.dialog-toast .btn{height:var(--h-ctl)}.dialog .btn-sm{height:var(--h-ctl);min-width:var(--h-ctl)}.dialog .chip,.dialog .seg{height:var(--h-ctl)}.dialog .toggle{min-height:var(--h-ctl)}@media (pointer:coarse){.dialog .btn,.dialog-toast .btn,.dialog .btn-sm,.dialog .chip,.dialog .seg{height:var(--h-touch);min-height:var(--h-touch)}.dialog .btn-icon{width:var(--h-touch)}.dialog .chip{min-width:var(--h-touch)}.dialog .seg button{height:var(--h-touch)}.dialog .toggle{min-height:var(--h-touch)}.dialog .field,.dialog .slider{height:var(--h-touch);min-height:var(--h-touch)}.dialog .swatch-grid{grid-template-columns:repeat(auto-fill, var(--h-touch))}.dialog .swatch{width:var(--h-touch);height:var(--h-touch);padding:var(--s-2);background-clip:content-box;border:0}.dialog .swatch:after{content:"";inset:var(--s-2);border:1px solid var(--line-2);border-radius:inherit;box-sizing:border-box;pointer-events:none;position:absolute}.dialog .swatch[aria-pressed=true],.dialog .swatch[aria-checked=true]{box-shadow:none}.dialog .swatch[aria-pressed=true]:after,.dialog .swatch[aria-checked=true]:after{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--text);border-color:#0000}}.dialog .seg{width:100%;padding:var(--none);border-radius:var(--r-md);display:flex;overflow:hidden}.dialog .seg button{justify-content:center;align-items:center;gap:var(--s-1);min-width:0;height:100%;padding:var(--none) var(--s-2);border-radius:var(--none);border:0;flex:1 1 0;display:inline-flex}.dialog .seg button:first-child{border-radius:var(--r-md) var(--none) var(--none) var(--r-md)}.dialog .seg button:last-child{border-radius:var(--none) var(--r-md) var(--r-md) var(--none)}.dialog .seg button[aria-pressed=true],.dialog .seg button[aria-pressed=true]:hover{background:var(--text);color:var(--bg);box-shadow:none}.dialog .seg button svg{width:var(--icon);height:var(--icon);flex:none}.dialog-options{gap:var(--s-4)}.dialog-field{gap:var(--s-2);min-width:0;display:grid}.dialog .chips{gap:var(--s-2)}.chip-detail{font:var(--t-num);opacity:.72}.dialog-code{height:auto;padding:var(--s-2) var(--s-3);resize:none;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--t-num);overflow:auto}.scrim:has(>.dialog-export){padding-top:var(--s-12);place-items:start center}.dialog-note{margin:var(--none);font:var(--t-md)}.dialog-embed{gap:var(--s-2);margin-top:var(--s-3);display:grid}.dialog-link{align-items:center;gap:var(--s-2);display:flex}.dialog-link .input{flex:1;min-width:0}.export-preview{border-radius:var(--r-lg);background:var(--panel-2);place-items:center;max-height:46vh;display:grid;overflow:hidden}.export-preview img,.export-preview video{object-fit:contain;max-width:100%;max-height:46vh;display:block}.export-preview-text{margin:var(--none);padding:var(--s-6) var(--s-4);text-align:center}.export-file{align-items:center;gap:var(--s-1);margin:var(--none);display:flex}.export-file svg{width:14px;height:14px;color:var(--ok);flex:none}.scrim-menu{padding:var(--s-2);place-items:start end}.dialog-menu{width:min(380px,100%);max-height:calc(100dvh - var(--s-4))}.menu-list{padding:var(--s-2) var(--none);display:grid}.menu-group{display:grid}.menu-group+.menu-group{margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--line)}.menu-item{justify-content:space-between;align-items:center;gap:var(--s-2);width:auto;height:var(--h-ctl);margin:var(--none) var(--s-2);padding:var(--none) var(--s-2);border-radius:var(--r-md);color:var(--text);font:var(--t-md);text-align:left;background:0 0;border:0;display:flex}.menu-item:hover:not(:disabled){background:var(--panel-2)}.menu-item:disabled{color:var(--faint);cursor:default}.menu-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-theme{gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);display:grid}.menu-foot{gap:var(--s-2);padding:var(--s-3) var(--s-4) var(--s-4);border-top:1px solid var(--line);display:grid}.menu-foot p{margin:var(--none)}.menu-link{color:var(--text);text-underline-offset:3px;text-decoration:underline}@media (pointer:coarse){.menu-link{padding:var(--tap-pad) var(--none);margin:var(--tap-lift) var(--none);display:inline-block}}.menu-body{gap:var(--s-3);padding:var(--s-2) var(--s-4) var(--s-4);display:grid}.menu-body>p{margin:var(--none)}.menu-empty{margin:var(--s-2) var(--none)}.project-list{gap:var(--s-1);margin:var(--none);padding:var(--none);list-style:none;display:grid}.project-row{align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-md);flex-wrap:wrap;display:flex}.project-row:hover{background:var(--panel-2)}.project-open{align-items:center;gap:var(--s-3);min-width:0;padding:var(--none);border-radius:var(--r-md);color:var(--text);text-align:left;background:0 0;border:0;flex:180px;display:flex}.project-thumb{width:var(--thumb);height:var(--thumb);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-3);flex:none;place-items:center;display:grid;overflow:hidden}.project-thumb img{object-fit:contain;max-width:100%;max-height:100%;display:block}.project-text{gap:var(--s-1);min-width:0;display:grid}.project-name{overflow-wrap:anywhere;min-width:0;font:var(--t-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.project-actions{gap:var(--s-1);padding-left:calc(var(--thumb) + var(--s-1));flex:none;display:flex}.project-confirm{justify-content:flex-end;align-items:center;gap:var(--s-2);flex-wrap:wrap;flex:100%;display:flex}.project-confirm>span{min-width:0;font:var(--t-md);flex:auto}.ai-steps{gap:var(--s-4);margin:var(--none);padding:var(--none) var(--none) var(--none) var(--s-5);list-style:decimal;display:grid}.ai-steps li::marker{font:var(--t-md);color:var(--muted);font-variant-numeric:tabular-nums}.ai-steps h3{margin:var(--none) var(--none) var(--s-1);font:var(--t-md);font-weight:500}.ai-steps p{margin:var(--none)}.ai-address{justify-items:start;gap:var(--s-2);margin-top:var(--s-2);display:grid}.ai-address code{width:100%;min-width:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--panel-2);font:var(--t-num);overflow-wrap:anywhere;display:block}.ai-copy{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.ai-status{min-width:0}.ai-status[data-state=failed]{color:var(--danger)}.kbd{min-height:var(--s-5);padding:var(--none) var(--s-1);border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--panel-2);color:var(--muted);font:var(--t-num);white-space:nowrap;align-items:center;display:inline-flex}.kbd-plain{min-height:0;padding:var(--none);background:0 0;border:0}.dialog-palette{width:min(620px,100%)}.scrim-palette{padding-top:var(--palette-top);place-items:start center}.palette-search{align-items:center;gap:var(--s-2);height:var(--h-ctl);margin:var(--s-2);padding:var(--none) var(--s-3);border-radius:var(--r-md);background:var(--panel-2);color:var(--faint);display:flex}.palette-search:focus-within{outline:2px solid var(--focus);outline-offset:-1px}.palette-search svg{flex:none;width:16px;height:16px}.palette-search input{min-width:0;height:100%;font:var(--t-md);color:var(--text);background:0 0;border:0;outline:none;flex:1}.palette-search input::placeholder{color:var(--faint)}.palette-list{max-height:52vh;padding:var(--none) var(--s-2) var(--s-2);overflow:hidden auto}.palette-list[data-more=true]{-webkit-mask-image:linear-gradient(var(--text) calc(100% - var(--s-3)), transparent);-webkit-mask-image:linear-gradient(var(--text) calc(100% - var(--s-3)), transparent);-webkit-mask-image:linear-gradient(var(--text) calc(100% - var(--s-3)), transparent);mask-image:linear-gradient(var(--text) calc(100% - var(--s-3)), transparent)}.palette-group{grid-template-columns:minmax(0,1fr);display:grid}.palette-group-label{padding:var(--s-3) var(--s-2) var(--s-1)}.palette-option{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:var(--h-ctl);padding:var(--s-1) var(--s-2);border-radius:var(--r-md);color:var(--text);font:var(--t-md);cursor:pointer;display:flex}.palette-option[aria-selected=true]{background:var(--panel-3)}.palette-option[data-disabled]{cursor:not-allowed}.palette-option[data-disabled] .palette-label{color:var(--faint)}.palette-option:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.palette-label{overflow-wrap:anywhere;min-width:0}.palette-reason{color:var(--muted);font:var(--t-sm);white-space:nowrap;flex:none}.palette-empty{padding:var(--s-3)}.palette-foot{align-items:center;gap:var(--s-1) var(--s-4);padding:var(--s-2) var(--s-4);border-top:1px solid var(--line);color:var(--muted);font:var(--t-sm);flex-wrap:wrap;display:flex}.palette-key{align-items:center;gap:var(--s-1);display:inline-flex}@media (pointer:coarse){.palette-search{height:var(--h-touch)}.palette-search input{font-size:var(--input-size)}.palette-option{min-height:var(--h-touch)}.menu-item{height:var(--h-touch)}}.fp-pop .chip{height:var(--h-ctl)}.fp-pop .fp-opt{gap:var(--s-1)}@media (pointer:coarse){.fp-pop .chip{height:var(--h-touch)}}.dialog-keys{width:min(640px,100%)}.keys-body{padding:var(--none) var(--s-4) var(--s-8);max-height:70vh;overflow-y:auto}.keys-body[data-more=true]{-webkit-mask-image:linear-gradient(var(--text) calc(100% - var(--s-3)), transparent);-webkit-mask-image:linear-gradient(var(--text) calc(100% - var(--s-3)), transparent);-webkit-mask-image:linear-gradient(var(--text) calc(100% - var(--s-3)), transparent);mask-image:linear-gradient(var(--text) calc(100% - var(--s-3)), transparent)}.shortcut-table{align-items:center;column-gap:var(--s-4);row-gap:var(--s-2);grid-template-columns:max-content minmax(0,1fr);display:grid}.shortcut-section,.shortcut-rows,.shortcut-row{display:contents}.shortcut-group{margin:var(--s-4) var(--none) var(--none);grid-column:1/-1}.shortcut-section:first-child .shortcut-group{margin-top:var(--none)}.shortcut-table dt{margin:var(--none);white-space:nowrap}.shortcut-table dd{margin:var(--none);font:var(--t-md)}@media (max-width:600px){.shortcut-table{column-gap:var(--s-3)}}.bulk{width:min(760px,100%)}.bulk h3{margin:var(--none);font:var(--t-lg)}.bulk h3:focus{outline:none}.bulk-note{margin:var(--none);color:var(--muted);font:var(--t-md)}.bulk-hint{margin:var(--s-2) var(--none) var(--none)}.bulk-wrap{overflow-wrap:anywhere}.bulk-label{display:block}.bulk-text{white-space:pre;min-height:176px;font:var(--t-md);overflow:auto}.bulk-text::placeholder{color:var(--faint);opacity:1}.bulk-actions{margin-top:var(--s-2);justify-content:flex-start}.linkbtn{min-height:var(--h-ctl);padding:var(--none) var(--s-1);color:var(--text);text-underline-offset:3px;background:0 0;border:0;font-weight:500;text-decoration:underline}.linkbtn:hover{text-decoration-thickness:2px}.bulk-over{box-shadow:inset 0 0 0 2px var(--focus), var(--shadow)}.bulk-map{gap:var(--s-3);margin:var(--none);padding:var(--none);list-style:none;display:grid}.bulk-row{gap:var(--s-2) var(--s-4);grid-template-columns:minmax(0,1fr) minmax(0,15rem);align-items:center;display:grid}.bulk-who{align-items:center;column-gap:var(--s-2);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.bulk-who svg{width:16px;height:16px;color:var(--faint);grid-row:span 2}.bulk-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.bulk-cur{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bulk-sel select{align-self:stretch;height:auto}.bulk-prev{gap:var(--s-3);margin:var(--s-2) var(--none) var(--none);padding:var(--none);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.bulk-prev li{align-content:start;gap:var(--s-1);min-width:0;display:grid}.bulk-prev .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bulk-thumb{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel-2);overflow:hidden}.bulk-problems{margin-top:var(--s-3);padding:var(--s-2) var(--s-3);border-left:3px solid var(--muted);border-radius:var(--r-xs) var(--r-md) var(--r-md) var(--r-xs);background:var(--panel-2);font:var(--t-md);overflow-wrap:anywhere}.bulk-problems ul{margin:var(--none);padding-left:var(--s-5);list-style:outside}.bulk-problems li+li{margin-top:var(--s-1)}.bulk-problems-title{margin:var(--none) var(--none) var(--s-1);font-weight:500}.bulk-foot{z-index:2;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.bulk-reason{min-width:0;margin:var(--none);text-align:right;flex:1 1 0}@media (max-width:600px){.bulk-scrim{padding:var(--none);place-items:stretch stretch}.bulk{border-radius:var(--none);border:0;flex-direction:column;width:100%;height:100%;max-height:none;display:flex}.bulk>*{flex:none}.bulk-done{align-self:start;height:auto}.bulk-foot{padding-bottom:calc(var(--s-3) + var(--toast-band) + env(safe-area-inset-bottom));margin-top:auto}.bulk-foot .btn:not(.btn-ghost){flex:auto}.bulk-foot .spacer{display:none}.bulk-reason{text-align:left;flex-basis:100%}.bulk-row{grid-template-columns:minmax(0,1fr)}.bulk-text,.bulk-sel select{font-size:var(--input-size)}.bulk-text{white-space:pre-wrap}.bulk-prev{gap:var(--s-2)}}@media (pointer:coarse){.bulk .field{height:var(--h-touch)}.bulk .chip{height:var(--h-touch);padding:var(--none) var(--s-4)}.bulk .seg button{height:var(--h-touch)}.linkbtn{min-height:var(--h-touch)}}.mark-editor{gap:var(--s-2);min-width:0;display:grid}.mark-head{justify-content:space-between}.mark-start{flex-wrap:wrap}.route{background:var(--bg);min-height:100dvh;color:var(--text)}.route-head{background:var(--panel);border-bottom:1px solid var(--line)}.route-bar{justify-content:space-between;align-items:center;gap:var(--s-3);height:var(--bar);max-width:1200px;padding-inline:var(--s-4);box-sizing:border-box;margin-inline:auto;display:flex}.brand.route-brand{align-items:center}@media (pointer:coarse){.route-brand{min-height:44px}}.route-err{flex-direction:column;display:flex}.route-page{padding:var(--s-6) var(--s-4);box-sizing:border-box;background:var(--bg);color:var(--text);flex:1;place-items:center;display:grid}.route-msg{align-items:flex-start;gap:var(--s-3);width:min(400px,100%);padding:var(--s-6);box-sizing:border-box;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.route-msg h1{margin:initial;font:var(--t-xl);overflow-wrap:anywhere;text-wrap:balance}.route-msg p{margin:initial;font:var(--t-md);color:var(--muted)}.lab{max-width:1200px;padding:var(--s-10) var(--s-4) var(--s-12);box-sizing:border-box;margin-inline:auto}.lab>.label{margin:initial}.lab-title{margin-block:var(--s-2) var(--s-3);margin-inline:initial;font:var(--t-2xl);letter-spacing:-.02em}.lab-dot{color:var(--accent)}.lab-lede{margin:initial;margin-bottom:var(--s-8);max-width:560px;font:var(--t-md);color:var(--muted)}.lab-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.lab-card{min-width:0;padding:var(--s-2);box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;display:flex}.lab-frame{aspect-ratio:4/5;border-radius:var(--r-lg);background:var(--stage);border:0;position:relative;overflow:hidden}.lab-frame canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.lab-body{gap:var(--s-2);min-width:0;padding-top:var(--s-3);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.lab-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);min-width:0;display:flex}.lab-name{margin:initial;font:var(--t-lg);overflow-wrap:anywhere}.lab-status{align-items:center;gap:var(--s-1);font:var(--t-sm);color:var(--muted);white-space:nowrap;flex:none;display:inline-flex}.lab-status:before{content:"";border-radius:var(--r-full);background:currentColor;width:6px;height:6px}.lab-status[data-status=works]{color:var(--ok)}.lab-status[data-status=wild]{color:var(--accent-ink)}.lab-line{margin:initial;min-height:18px;font:var(--t-md);color:var(--muted);text-wrap:pretty}.lab-open{align-self:flex-start;margin-top:auto;text-decoration:none}@media (max-width:559px){.lab-grid{gap:var(--s-3) var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr))}.lab-head{align-items:flex-start;gap:var(--s-1);flex-direction:column}}@media (max-width:399px){.lab-grid{grid-template-columns:minmax(0,1fr)}}.share{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;display:flex}.share-main{gap:var(--s-5);width:100%;max-width:1200px;padding:var(--s-6) var(--s-4) var(--s-12);box-sizing:border-box;flex-direction:column;flex:1;margin-inline:auto;display:flex}.share-stage{aspect-ratio:16/9;background:var(--stage);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-height:clamp(280px,68vh,720px);position:relative;overflow:hidden}.share-stage canvas{outline:1px solid var(--line-2);outline-offset:-1px}.share-bar{justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.share-title{gap:var(--s-1);flex-direction:column;flex:280px;min-width:0;display:flex}.share-title h1{margin:initial;font:var(--t-2xl);letter-spacing:-.02em;overflow-wrap:anywhere}.share-meta{margin:initial;align-items:baseline;gap:var(--s-1);font:var(--t-sm);color:var(--muted);flex-wrap:wrap;display:flex}.share-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.share-actions .btn{text-decoration:none}:root[data-theme=light] .share-actions .btn:not(.btn-primary),:root[data-theme=light] .lab-open{border-color:var(--line-2)}.share-note{min-height:var(--s-4);margin:initial;font:var(--t-sm);color:var(--muted)}.share-play{left:var(--s-3);bottom:var(--s-3);z-index:1;width:var(--h-ctl);height:var(--h-ctl);padding:initial;background:var(--panel);color:var(--text);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-1);cursor:pointer;transition:background var(--d-fast) var(--ease);place-items:center;display:grid;position:absolute}.share-play:hover{background:var(--panel-2)}.share-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 4px var(--bg)}@media (pointer:coarse){.share-play{width:44px;height:44px}}@media (max-width:560px){.share-main{padding:var(--s-4) var(--s-4) var(--s-8)}.share-title h1{font:var(--t-xl);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.share-actions{width:100%}.share-actions .btn{flex:1 1 0}}.player{cursor:pointer;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.player canvas{display:block}.embed{background:0 0;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.embed-msg{padding:var(--s-4);box-sizing:border-box;cursor:default;place-items:center;display:grid}.embed-msg .route-msg{padding:var(--s-4)}.embed-open{height:var(--h-ctl);padding-inline:var(--s-4);border-radius:var(--r-md);background:var(--accent-fill);color:var(--on-accent);font:var(--t-md-strong);align-items:center;text-decoration:none;display:inline-flex}.embed-open:hover{background:var(--accent-fill-hover)}.embed-open:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (pointer:coarse),(hover:none){.embed-open{height:44px}}.embed-play,.embed-credit{bottom:var(--s-2);box-sizing:border-box;transition:opacity var(--d-med) var(--ease);background:var(--panel-3);position:absolute}@supports (color:color-mix(in lab, red, red)){.embed-play,.embed-credit{background:color-mix(in oklab, var(--panel-3) 92%, transparent)}}.embed-play,.embed-credit{color:var(--text);border:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.embed-play,.embed-credit{border:1px solid color-mix(in oklab, var(--text) 30%, transparent)}}.embed-play,.embed-credit{border-radius:var(--r-md);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.embed-play{opacity:0}.embed-credit{opacity:.8}.embed:hover .embed-play,.embed:hover .embed-credit,.embed-play:focus-visible,.embed-credit:focus-visible,.embed[aria-busy=false] .embed-play[aria-label=Play]{opacity:1}.embed-play{left:var(--s-2);width:var(--h-ctl);height:var(--h-ctl);padding:initial;cursor:pointer;place-items:center;display:grid}.embed-credit{right:var(--s-2);height:var(--h-ctl);padding-inline:var(--s-3);font:var(--t-md-strong);align-items:center;text-decoration:none;display:inline-flex}.embed-controls-top .embed-play,.embed-controls-top .embed-credit{top:var(--s-2);bottom:auto}.embed-play:focus-visible,.embed-credit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.embed-note{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (pointer:coarse),(hover:none){.embed-play,.embed-credit{opacity:1}.embed-play{width:44px;height:44px}.embed-credit{height:44px}}@font-face{font-family:Garet;src:url(/fonts/garet-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Garet;src:url(/fonts/garet-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Domine;src:url(/fonts/domine-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Domine;src:url(/fonts/domine-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-200.woff2)format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-700.woff2)format("woff2");font-weight:600 800;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/plex-mono-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/plex-mono-500.woff2)format("woff2");font-weight:500;font-display:swap}:root{--s-0:0px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-half:2px;--t-xs:500 11px/14px var(--font-ui);--t-sm:500 12px/16px var(--font-ui);--t-md:400 13px/18px var(--font-ui);--t-lg:600 15px/20px var(--font-ui);--t-xl:700 19px/24px var(--font-display);--t-2xl:700 28px/32px var(--font-display);--t-num:500 12px/16px var(--font-mono);--t-md-strong:500 13px/18px var(--font-ui);--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:999px;--h-ctl:32px;--h-sm:var(--h-ctl);--icon:16px;--bar:48px;--rail-w:72px;--panel-w:288px;--ease:cubic-bezier(.25, .46, .45, .94);--ease-out:cubic-bezier(.16, 1, .3, 1);--d-fast:.12s;--d-med:.2s;--font-ui:Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-display:Garet, Inter, sans-serif;--accent:#ea4711;--accent-ink:#ff7a45;--accent-fill:#d03d0c;--accent-fill-hover:#b8360a;--danger:#ff5a52;--ok:#3ecf8e;--bg:#0c0c0d;--stage:#111113;--panel:#161618;--panel-2:#1e1e21;--panel-3:#28282c;--line:#ffffff12;--line-2:#ffffff21;--field-edge:#f4f4f266;--text:#f4f4f2;--muted:#f4f4f2a8;--faint:#f4f4f28f;--focus:#ff8a5c;--sel:#ea4711;--on-accent:#fff;--knob:#fff;--guide:#ff3d81;--screen:#000;--checker-a:#fff;--checker-b:#d9d9d9;--shadow-1:0 1px 0 #ffffff0a inset, 0 8px 24px #0006;--shadow-2:0 1px 0 #ffffff0d inset, 0 24px 64px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--orange:var(--accent);--orange-ink:var(--accent-ink);--orange-fill:var(--accent-fill);--r:var(--r-lg);--shadow:var(--shadow-2)}:root[data-theme=light]{--accent-ink:#b23708;--danger:#c4231b;--ok:#18794e;--bg:#f6f6f4;--stage:#ebeae7;--panel:#fcfcfb;--panel-2:#f2f1ee;--panel-3:#e7e6e2;--line:#0c0c0d14;--line-2:#0c0c0d24;--field-edge:#0c0c0d80;--text:#0c0c0d;--muted:#0c0c0da8;--faint:#0c0c0d99;--focus:#b23708;--checker-a:#fff;--checker-b:#d9d9d9;--shadow-1:0 0 0 1px #0c0c0d0a, 0 8px 24px #0c0c0d1a;--shadow-2:0 0 0 1px #0c0c0d0d, 0 24px 64px #0c0c0d29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:var(--s-0);background:var(--bg);color:var(--text);font:var(--t-md);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{width:1px;height:1px;padding:var(--s-0);margin:var(--s-0);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;position:absolute;overflow:hidden}.skip-link:focus{top:var(--s-2);left:var(--s-3);z-index:1001;width:auto;height:auto;margin:var(--s-0);padding:var(--s-3) var(--s-4);clip:auto;clip-path:none;white-space:normal;background:var(--panel);color:var(--text);border-radius:var(--r-md);box-shadow:var(--shadow);position:fixed;overflow:visible}.mono{font-family:var(--font-mono)}.label{font:var(--t-sm);color:var(--muted)}.num{font:var(--t-num);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.spacer{flex:1}.btn{justify-content:center;align-items:center;gap:var(--s-2);height:var(--h-ctl);min-width:var(--h-ctl);padding:var(--s-0) var(--s-3);border-radius:var(--r-md);background:var(--panel-2);white-space:nowrap;transition:background var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease);border:1px solid #0000;font-weight:500;display:inline-flex}.btn:hover{background:var(--panel-3)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-fill-hover)}.btn-ghost{background:0 0}.btn-ghost:hover{background:var(--panel-2)}.btn-outline{border-color:var(--line-2);background:0 0}.btn-icon{padding:var(--s-0);width:var(--h-ctl)}.btn-sm{height:var(--h-sm);min-width:var(--h-sm);padding:var(--s-0) var(--s-2);border-radius:var(--r-sm)}.btn-sm.btn-icon{width:var(--h-sm)}.btn svg{width:var(--icon);height:var(--icon);flex:none}@media (pointer:coarse){.btn,.btn-sm{min-width:44px;height:44px}.btn-icon{width:44px}}.row{align-items:center;gap:var(--s-2);display:flex}.stage{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.stage-scroll{touch-action:pan-x pan-y;overflow:auto}.stage-inner{place-items:center;display:grid;position:relative}.artboard{--shadow-art:0 0 0 1px var(--line), 0 30px 80px #00000059;--r-hair:2px;box-shadow:var(--shadow-art);border-radius:var(--r-hair);position:relative}.artboard canvas{display:block}.checker{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.camera-hint{top:var(--s-3);z-index:2;margin:var(--s-0);padding:var(--s-2) var(--s-3);background:var(--panel);color:var(--text);border-radius:var(--r-md);font:var(--t-sm);pointer-events:none;position:absolute}.tile .thumb.component-preview{--checker-base:var(--panel-2);--checker-ink:var(--panel-3);background-color:var(--checker-base);background-image:conic-gradient(var(--checker-ink) 25%, transparent 0 50%, var(--checker-ink) 0 75%, transparent 0);background-size:16px 16px}.tile .thumb.component-preview[data-tone=dark]{--checker-base:#1c1c1c;--checker-ink:#242424}.tile .thumb.component-preview[data-tone=light]{--checker-base:#f1f0ed;--checker-ink:#e6e5e1}.component-card{min-width:0;position:relative}.component-card .tile{min-width:0}.component-more{top:var(--s-2);right:var(--s-2);width:var(--h-ctl);height:var(--h-ctl);min-width:var(--h-ctl);background:var(--panel);opacity:0;position:absolute}.component-card:hover .component-more,.component-card:focus-within .component-more{opacity:1}.component-menu{top:42px;right:var(--s-2);z-index:8;min-width:128px;padding:var(--s-1);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow);scroll-margin:60px 0 8px;display:grid;position:absolute}.component-menu .btn{border-radius:var(--r-md);justify-content:flex-start}.component-rename{width:100%;margin-top:var(--s-2)}@media (hover:none),(pointer:coarse),(max-width:700px){.component-more{opacity:1;width:44px;min-width:44px;height:44px}.component-menu{top:54px}.component-menu .btn{min-height:44px}}.component-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.editor-checker{--ec-base:var(--panel-2);--ec-ink:var(--panel-3);background-color:var(--ec-base);background-image:conic-gradient(var(--ec-ink) 25%, transparent 0 50%, var(--ec-ink) 0 75%, transparent 0);background-size:20px 20px}:root[data-theme=light] .editor-checker{--ec-base:#92918d;--ec-ink:#a3a29f}.component-backdrop{pointer-events:none;position:absolute;inset:0}.component-backdrop+canvas{position:relative}.component-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-bar>.btn{flex:none}.instance-properties input{scroll-margin:60px 0 12px}@media (pointer:coarse){.instance-properties .field,.instance-properties .toggle,.component-properties .field,.component-properties .slider{min-height:44px}.component-rename,.component-properties .input{height:44px}}@media (max-width:860px){.component-card .thumb{aspect-ratio:3/2}}.sel{--r-sel:1px;border:1.5px solid var(--sel);pointer-events:none;border-radius:var(--r-sel);position:absolute}.hd{width:12px;height:12px;margin:var(--s-0);background:var(--knob);border:1.5px solid var(--sel);--r-handle:3px;border-radius:var(--r-handle);pointer-events:auto;touch-action:none;position:absolute;translate:-50% -50%}.hd:after{content:"";position:absolute;inset:-12px}@media (pointer:coarse){.hd:after{inset:-16px}}.hd-nw{cursor:nwse-resize;top:0;left:0}.hd-n{cursor:ns-resize;top:0;left:50%}.hd-ne{cursor:nesw-resize;top:0;left:100%}.hd-e{cursor:ew-resize;top:50%;left:100%}.hd-se{cursor:nwse-resize;top:100%;left:100%}.hd-s{cursor:ns-resize;top:100%;left:50%}.hd-sw{cursor:nesw-resize;top:100%;left:0}.hd-w{cursor:ew-resize;top:50%;left:0}.hd-rot{border-radius:var(--r-full);cursor:grab;top:-30px;left:50%}.guide{background:var(--guide);pointer-events:none;position:absolute}.guide-v{width:1px;top:0;bottom:0}.guide-h{height:1px;left:0;right:0}.text-edit{margin:var(--s-0);padding:var(--s-0);outline:1.5px dashed var(--sel);resize:none;white-space:pre-wrap;transform-origin:50%;caret-color:var(--accent);background:0 0;border:0;position:absolute;overflow:hidden}@keyframes fade{0%{opacity:0}}@media (max-width:860px){.tiles{grid-template-columns:repeat(4,1fr)}}.path-ed{pointer-events:none;position:absolute;inset:0;overflow:visible}.path-knob{pointer-events:all;cursor:grab;outline:none}.path-knob:focus-visible rect,.path-knob:focus-visible circle:last-child{stroke:var(--focus);stroke-width:3px}@media (max-width:640px){.tl-bar{row-gap:var(--s-half);flex-wrap:wrap}.tl-bar .ruler-wrap{order:5;flex:1 0 100%!important}}.icon-grid{gap:var(--s-1);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.icon-btn{border-radius:var(--r-md);background:var(--panel-2);height:44px;color:var(--text);border:1px solid #0000;place-items:center;display:grid}.icon-btn:hover{border-color:var(--line-2);background:var(--panel-3)}.icon-btn:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.bz-knob:focus-visible circle:last-child{stroke:var(--focus);stroke-width:3.5px}.artboard:fullscreen{background:var(--screen);place-items:center;display:grid;width:100vw!important;height:100vh!important}.artboard:fullscreen>canvas{aspect-ratio:auto;max-width:100vw;max-height:100vh;width:auto!important;height:auto!important}.artboard:fullscreen>:not(canvas){display:none!important}.film-player{z-index:1000;background:var(--screen);cursor:pointer;place-items:center;display:grid;position:fixed;inset:0}.film-player>canvas{width:auto;max-width:100vw;height:auto;max-height:100vh}.film-player{--film-ctl:#1c1c1c;--film-ctl-hover:#303030;--film-line:#666;--film-ink:#fff}.film-close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));background:var(--film-ctl);min-width:44px;height:44px;color:var(--film-ink);border-color:var(--film-line);transition:opacity .2s var(--ease);position:absolute}.film-close:hover{background:var(--film-ctl-hover)}.film-close:focus-visible{outline-color:var(--film-ink);outline-offset:3px}.film-player[data-controls-hidden=true]{cursor:none}.film-player[data-controls-hidden=true] .film-close{opacity:0;pointer-events:none}.film-player[data-controls-hidden=true] .film-close:focus{opacity:1;pointer-events:auto}.film-player:has(.film-close:focus){cursor:pointer}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}