.view-menu{position:relative}.view-menu-list{position:absolute;top:calc(100% + 10px);right:0;z-index:1;min-width:200px;padding:6px;border-radius:var(--corner-card);background:var(--raised);box-shadow:var(--shadow-border),var(--elevation-overlay)}.view-menu-list button{display:flex;align-items:center;gap:8px;width:100%;height:var(--size-control);padding:0 10px 0 8px;border:0;border-radius:var(--corner-field);background:transparent;color:var(--ink);font:inherit;font-size:.8125rem;cursor:default}.view-menu-list button:hover,.view-menu-list button:focus-visible{background:var(--surface-muted);outline:none}.view-menu-list button[aria-checked=false] svg{visibility:hidden}.view-menu-list kbd{margin-left:auto;padding-left:24px;color:var(--ink-muted);font:inherit}.view-menu-list hr{height:1px;margin:6px -6px;border:0;background:var(--line)}.view-menu-heading{padding:6px 8px 2px;color:var(--ink-muted);font-size:.75rem;font-weight:500}.view-menu-greys{display:grid;grid-template-columns:repeat(5,var(--size-control));justify-content:space-between}.view-menu-list .view-menu-grey{justify-content:center;width:var(--size-control);padding:0}.view-menu-grey span{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--media-edge)}.view-menu-grey[aria-checked=true] span{box-shadow:inset 0 0 0 1px var(--media-edge),0 0 0 2px var(--raised),0 0 0 4px var(--accent)}@layer theme{:root,:host{--spacing:.25rem}}@layer base{:where(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit}:where(button,[role=button],[role=radio],a[href],summary,select,input:is([type=checkbox],[type=color])):not(:disabled,[aria-disabled=true]){cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.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}.relative{position:relative}.right-2{right:calc(var(--spacing) * 2)}.m-0{margin:0}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-control{width:var(--size-control);height:var(--size-control)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-control{min-height:var(--size-control)}.min-h-control-small{min-height:var(--size-control-small)}.w-18{width:calc(var(--spacing) * 18)}.w-control-small{width:var(--size-control-small)}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-button{border-radius:var(--corner-button)}.rounded-card{border-radius:var(--corner-card)}.rounded-control{border-radius:var(--corner-control)}.rounded-field{border-radius:var(--corner-field)}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-ink{background-color:var(--ink)}.bg-surface{background-color:var(--surface)}.bg-surface-muted{background-color:var(--surface-muted)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0{padding-block:0}.pr-1{padding-right:var(--spacing)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.text-base{font-size:var(--type-size-base)}.text-md{font-size:var(--type-size-md)}.text-sm{font-size:var(--type-size-sm)}.font-medium{--tw-font-weight:var(--type-weight-medium);font-weight:var(--type-weight-medium)}.font-semibold{--tw-font-weight:var(--type-weight-semibold);font-weight:var(--type-weight-semibold)}.wrap-anywhere{overflow-wrap:anywhere}.text-canvas{color:var(--canvas)}.text-ink{color:var(--ink)}.text-ink-muted{color:var(--ink-muted)}.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,)}.no-underline{text-decoration-line:none}.shadow-edge{--tw-shadow:var(--shadow-border);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-floating{--tw-shadow:var(--shadow-border), var(--elevation-raised);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);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.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(--motion-ease));transition-duration:var(--tw-duration,var(--motion-fast))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--motion-ease));transition-duration:var(--tw-duration,var(--motion-fast))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:bg-surface-muted:hover{background-color:var(--surface-muted)}.hover\:shadow-edge-hover:hover{--tw-shadow:var(--shadow-border-hover);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.not-aria-pressed\:hover\:bg-surface-muted:not([aria-pressed=true]):hover{background-color:var(--surface-muted)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--accent)}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:scale-96:active,.not-disabled\:active\:scale-96:not(:disabled):active{--tw-scale-x:96%;--tw-scale-y:96%;--tw-scale-z:96%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.aria-checked\:bg-surface[aria-checked=true]{background-color:var(--surface)}.aria-checked\:text-ink[aria-checked=true]{color:var(--ink)}.aria-checked\:shadow-edge[aria-checked=true]{--tw-shadow:var(--shadow-border);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-pressed\:bg-accent-strong[aria-pressed=true]{background-color:var(--accent-strong)}.aria-pressed\:bg-surface-muted[aria-pressed=true]{background-color:var(--surface-muted)}.aria-pressed\:text-on-accent[aria-pressed=true]{color:var(--on-accent)}.aria-pressed\:shadow-edge[aria-pressed=true]{--tw-shadow:var(--shadow-border);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&\:\:-webkit-color-swatch\]\:rounded-swatch::-webkit-color-swatch{border-radius:var(--corner-swatch)}.\[\&\:\:-webkit-color-swatch\]\:border-0::-webkit-color-swatch{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-webkit-color-swatch\]\:outline-1::-webkit-color-swatch{outline-style:var(--tw-outline-style);outline-width:1px}.\[\&\:\:-webkit-color-swatch\]\:-outline-offset-1::-webkit-color-swatch{outline-offset:-1px}.\[\&\:\:-webkit-color-swatch\]\:outline-media-edge::-webkit-color-swatch{outline-color:var(--media-edge)}.\[\&\:\:-webkit-color-swatch\]\:outline-solid::-webkit-color-swatch{--tw-outline-style:solid;outline-style:solid}.\[\&\:\:-webkit-color-swatch-wrapper\]\:p-0::-webkit-color-swatch-wrapper{padding:0}.\[\&\>\:first-child\]\:flex-1>:first-child{flex:1}}:root{color-scheme:light dark;--canvas:light-dark(#f6f6f5,#121212);--surface:light-dark(#fff,#1c1c1c);--surface-muted:light-dark(#f6f6f5,#2a2a2a);--raised:light-dark(#fff,#242424);--line:light-dark(#0000000f,#ffffff14);--line-hover:light-dark(#00000014,#ffffff21);--media-edge:light-dark(#0000001a,#ffffff1a);--ink:light-dark(#111,#f2f2f2);--ink-muted:light-dark(#6b6b6b,#9a9a9a);--accent:light-dark(#0b8ae6,#0d99ff);--accent-strong:#0b8ae6;--accent-soft:light-dark(#e5f4ff,#153249);--on-accent:#fff;--danger:light-dark(#d4380d,#ff6b3d);--warning:light-dark(#8f6908,#b5850b);--shadow-border:0 0 0 1px var(--line), 0 1px 2px -1px light-dark(#0000000f,#0000), 0 2px 4px 0 light-dark(#0000000a,#0000);--shadow-border-hover:0 0 0 1px var(--line-hover), 0 1px 2px -1px light-dark(#00000014,#0000), 0 2px 4px 0 light-dark(#0000000f,#0000);--elevation-raised:0 4px 12px light-dark(#0000000f,#0000003d);--elevation-overlay:0 8px 24px light-dark(#0000001a,#00000052);--canvas-selection:#0d99ff;--canvas-selection-fill:#0d99ff14;--canvas-handle:#fff;--canvas-cursor-edge:#fff;--canvas-selection-strong:#0a73d6;--canvas-on-selection:#fff;--canvas-label-type:600 11px var(--type-family-sans);--canvas-label-height:20px;--canvas-label-padding:6px;--canvas-label-corner:var(--corner-field);--canvas-frame-name:#6b6b6b;--canvas-frame-name-selected:#0a6fce;--canvas-frame-name-on-dark:#b0b0b0;--canvas-frame-name-selected-on-dark:#4db1ff;--canvas-frame-name-type:500 11px var(--type-family-sans);--canvas-pixel-grid:#80808040;--canvas-edge-light:#fff;--canvas-edge-dark:#000;--canvas-pixel-grid-light:#ffffff26;--canvas-pixel-grid-dark:#00000026;--presence-red:#f24822;--presence-red-ink:#111;--presence-violet:#9747ff;--presence-violet-ink:#fff;--presence-green:#14ae5c;--presence-green-ink:#111;--presence-orange:#ff7a00;--presence-orange-ink:#111;--presence-teal:#0fa9b6;--presence-teal-ink:#111;--presence-pink:#e93d82;--presence-pink-ink:#111;--presence-blue:#2f6fed;--presence-blue-ink:#fff;--presence-gold:#b5850b;--presence-gold-ink:#111;--grey-100:#f5f5f5;--grey-200:#d8d8d8;--grey-300:#bcbcbc;--grey-400:#a1a1a1;--grey-500:#868686;--grey-600:#6c6c6c;--grey-700:#545454;--grey-800:#3c3c3c;--grey-900:#262626;--grey-1000:#121212;--type-family-sans:system-ui, sans-serif;--type-size-sm:.8125rem;--type-size-md:.875rem;--type-size-base:.9375rem;--type-weight-regular:400;--type-weight-medium:500;--type-weight-semibold:600;--size-control:40px;--size-control-small:28px;--size-avatar:28px;--size-row:30px;--size-bar:44px;--size-layers:240px;--size-panel:264px;--corner-swatch:2px;--corner-field:6px;--corner-control:8px;--corner-button:10px;--corner-card:12px;--corner-toolbar:14px;--corner-panel:18px;--motion-fast:.12s;--motion-panel:.2s;--motion-slow:.32s;--motion-ease:cubic-bezier(0, 0, .2, 1);--motion-ease-move:cubic-bezier(.4, 0, .2, 1);--motion-scale-from:.96}@media(prefers-reduced-motion:reduce){:root{--motion-scale-from:1}}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-canvas="100"]{--canvas:var(--grey-100)}[data-canvas="200"]{--canvas:var(--grey-200)}[data-canvas="300"]{--canvas:var(--grey-300)}[data-canvas="400"]{--canvas:var(--grey-400)}[data-canvas="500"]{--canvas:var(--grey-500)}[data-canvas="600"]{--canvas:var(--grey-600)}[data-canvas="700"]{--canvas:var(--grey-700)}[data-canvas="800"]{--canvas:var(--grey-800)}[data-canvas="900"]{--canvas:var(--grey-900)}[data-canvas="1000"]{--canvas:var(--grey-1000)}:root{font-family:var(--type-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--canvas);color:var(--ink);margin:0}h1,h2{text-wrap:balance}p{text-wrap:pretty}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::placeholder{color:var(--ink-muted);opacity:1}.wordmark{letter-spacing:-.02em;font-weight:700}.sign-in{text-align:center;justify-items:center;gap:8px;margin:22vh auto 0;padding:0 24px;display:grid}.sign-in h1{margin:0;font-size:2.5rem}.sign-in p{color:var(--ink-muted);margin:0 0 16px}.bar{justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.who{align-items:center;gap:10px;display:flex}.avatar{width:var(--size-avatar);height:var(--size-avatar);outline:1px solid var(--media-edge);outline-offset:-1px;border-radius:50%}.avatar.initial{background:var(--surface);box-shadow:var(--shadow-border);outline:0;place-items:center;font-size:.8rem;font-weight:600;display:grid}.projects{max-width:720px;margin:32px auto;padding:0 24px}.project-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project h2{margin:0;font-size:1.25rem}.repo{color:var(--ink-muted);font-size:.875rem}.empty,.error{color:var(--ink-muted)}.documents{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.document{border-radius:var(--corner-card);background:var(--surface);min-height:48px;box-shadow:var(--shadow-border);color:inherit;transition-property:box-shadow;transition-duration:var(--motion-fast);transition-timing-function:var(--motion-ease);justify-content:space-between;align-items:center;gap:16px;padding:0 16px;text-decoration:none;display:flex}.document:hover{box-shadow:var(--shadow-border-hover)}.document time,.document .size{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.875rem}.canvas-page{background:var(--canvas);position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.canvas-bar{height:var(--size-bar);border-radius:var(--corner-card);background:var(--surface);box-shadow:var(--shadow-border),var(--elevation-raised);pointer-events:auto;align-items:center;gap:8px;padding:0 8px 0 4px;display:flex;position:absolute;top:12px;left:12px;right:12px}.canvas-bar .back{border-radius:var(--corner-control);width:36px;height:36px;color:var(--ink);transition-property:background-color,scale;transition-duration:var(--motion-fast);transition-timing-function:var(--motion-ease);place-items:center;display:grid;position:relative}.canvas-bar .back:after{content:"";position:absolute;inset:-4px}.canvas-bar .back:hover{background:var(--surface-muted)}.canvas-bar .back:active{scale:.96}.document-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.spacer{flex:1}.zoom{min-width:48px;color:var(--ink-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.8125rem}.saving{color:var(--ink-muted);white-space:nowrap;font-size:.8125rem}.saving[data-saving=offline]{color:var(--warning)}.people{margin:0;padding:0;list-style:none;display:flex}.people li{width:var(--size-avatar);height:var(--size-avatar);box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;margin-left:-6px;font-size:.75rem;font-weight:600;display:grid}.people li.more{background:var(--surface-muted);color:var(--ink-muted)}.canvas-status{border-radius:var(--corner-button);background:var(--surface);box-shadow:var(--shadow-border);color:var(--ink-muted);pointer-events:none;margin:0;padding:10px 16px;position:absolute;top:50%;left:50%;translate:-50% -50%}.seed-files{max-width:720px;margin:0 auto 48px;padding:0 24px}.seed-files h2{margin:0;font-size:1.25rem}.seed-files p{color:var(--ink-muted);margin:4px 0 0;font-size:.875rem}.bar-button{border-radius:var(--corner-control);height:32px;color:var(--ink);font:inherit;cursor:pointer;transition-property:background-color,scale;transition-duration:var(--motion-fast);transition-timing-function:var(--motion-ease);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:.8125rem;font-weight:500;display:inline-flex;position:relative}.bar-button:hover,.bar-button[aria-expanded=true]{background:var(--surface-muted)}.bar-button:active{scale:.96}.bar-button:after{content:"";position:absolute;inset:-4px 0}.picker{z-index:1;border-radius:var(--corner-card);background:var(--raised);width:320px;max-height:min(480px,100vh - 88px);box-shadow:var(--shadow-border),var(--elevation-overlay);flex-direction:column;padding:6px;display:flex;position:absolute;top:52px;left:0}.picker-search{border-radius:var(--corner-field);background:var(--surface-muted);height:36px;color:var(--ink);font:inherit;border:0;outline:none;padding:0 10px;font-size:.875rem}.picker-problem{color:var(--danger);margin:6px 8px 0;font-size:.8125rem}.picker-list{margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.picker-list li{border-radius:var(--corner-field);cursor:default;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:7px 10px;font-size:.875rem;display:flex}.picker-list li[aria-selected=true]{background:var(--surface-muted)}.picker-module{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.picker-parts{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;font-size:.75rem;overflow:hidden}.picker-none{color:var(--ink-muted)}.props-panel{border-radius:var(--corner-panel);background:var(--surface);box-shadow:var(--shadow-border),var(--elevation-raised);flex-direction:column;font-size:.8125rem;display:flex}.props-panel header{padding:12px 14px 8px}.props-panel .kit-name{color:var(--ink-muted);margin-left:4px;font-weight:400}.props-panel .failed{color:var(--danger);overflow-wrap:anywhere;margin:6px 0 0}.props-panel .doc{color:var(--ink-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.props{grid-template-columns:minmax(72px,auto) 1fr;align-items:center;gap:6px 10px;padding:4px 14px 12px;display:grid}.prop{display:contents}.prop-name{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.prop-name .required{margin-left:1px}.props select,.props input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;height:var(--size-control-small);border-radius:var(--corner-field);background:var(--surface-muted);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;border:0;padding:0 8px}.props input[type=checkbox]{justify-self:start;margin:0}.props .slot{gap:4px;min-width:0;display:grid}.props .wired{align-items:center;gap:6px;display:flex}.unsupported{color:var(--ink-muted);padding:0 14px 12px}.unsupported ul{margin:6px 0 0;padding-left:16px}.layout-panel{contain:layout paint;width:var(--size-panel);border-radius:var(--corner-panel);background:var(--surface);max-height:calc(100% - 104px);box-shadow:var(--shadow-border),var(--elevation-raised);font-variant-numeric:tabular-nums;padding:12px;font-size:.8125rem;position:absolute;top:68px;right:12px;overflow:auto;transform:translateZ(0)}.layout-grid{gap:8px}.layout-field{margin-top:10px}.layout-panel .select-parent{padding:0 10px}.layout-check{min-height:var(--size-control);cursor:pointer;align-items:center;gap:8px;display:flex}.layout-check input{accent-color:var(--accent);margin:0}.layout-panel fieldset{border:0;margin:12px 0 0;padding:0}.layout-panel legend{color:var(--ink-muted);padding:0}.layout-hint{color:var(--ink-muted);margin-bottom:0;line-height:1.5}.toolbar{contain:layout paint;border-radius:var(--corner-toolbar);background:var(--surface);box-shadow:var(--shadow-border),var(--elevation-raised);gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translateZ(0)translate(-50%)}.panels{contain:layout paint;width:var(--size-panel);overscroll-behavior:contain;flex-direction:column;gap:12px;max-width:max(200px,100% - 280px);max-height:calc(100% - 152px);padding:4px;display:flex;position:absolute;top:64px;right:8px;overflow:hidden auto;transform:translateZ(0)}.panels:empty{display:none}.panels>*{box-sizing:border-box;flex:none;width:auto;min-width:0}.panels>.layout-panel{contain:none;width:auto;max-height:none;position:static;overflow:visible;transform:none}.inspector{border-radius:var(--corner-panel);background:var(--surface);box-shadow:var(--shadow-border),var(--elevation-raised);font-variant-numeric:tabular-nums;padding:4px 12px 12px;font-size:.8125rem}.inspector-section+.inspector-section{border-top:1px solid var(--line)}.inspector-section{padding:8px 0 4px}.inspector-section>*+*,.shadow>:nth-child(2){margin-top:8px}.inspector-note{color:var(--ink-muted);margin:0 0 4px;line-height:1.5}.shadow-kind{color:var(--ink-muted);flex:1;margin:0}.image-paint{flex:1;gap:4px;display:grid}.image-size{color:var(--ink-muted)}.shadow+.shadow{margin-top:12px}.hint{color:var(--ink-muted);margin:8px 0 0}.notice{contain:layout paint;max-width:min(480px,100% - 24px);position:absolute;bottom:72px;left:50%;transform:translateZ(0)translate(-50%)}.layers{contain:layout paint;width:var(--size-layers);border-radius:var(--corner-panel);background:var(--surface);max-height:calc(100% - 156px);box-shadow:var(--shadow-border),var(--elevation-raised);flex-direction:column;font-size:.8125rem;display:flex;position:absolute;top:68px;left:12px;overflow:hidden;transform:translateZ(0)}.layers h2{margin:0;padding:12px 16px 8px;font-size:.8125rem;font-weight:600}.layers-list{overscroll-behavior:contain;min-height:60px;padding:0 6px 6px;position:relative;overflow:auto}.layers-empty{color:var(--ink-muted);margin:4px 10px 8px}.layer{height:var(--size-row);border-radius:var(--corner-card);cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:4px;padding-right:4px;display:flex;position:absolute;left:0;right:0}.layer:hover{background:var(--surface-muted)}.layer[aria-selected=true]{background:var(--accent-soft)}.layer[data-dim]>:is(.layer-icon,.layer-name){opacity:.45}.layer-chevron{width:16px;height:var(--size-row);color:var(--ink-muted);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.layer-chevron svg{transition-property:rotate;transition-duration:var(--motion-fast);transition-timing-function:var(--motion-ease-move)}.layer-icon{color:var(--ink-muted);flex:none}.layer-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.layer-rename{border-radius:var(--corner-field);min-width:0;height:24px;font:inherit;box-shadow:inset 0 0 0 1px var(--accent);border:0;outline:none;flex:1;padding:0 6px}.frame-name-field{position:absolute;top:0;left:0}.frame-rename{box-sizing:border-box;border-radius:var(--corner-field);min-width:48px;max-width:480px;height:20px;font:var(--canvas-frame-name-type);color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent);field-sizing:content;border:0;outline:none;margin:-2px 0 0 -4px;padding:0 3px;display:block}.layer-flags{opacity:0;flex:none;display:flex}.layer:hover .layer-flags,.layer-flags[data-set]{opacity:1}.layer-flag{width:26px;height:var(--size-row);color:var(--ink-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.layer-flags[data-set] .layer-flag:not([data-on]){visibility:hidden}.layer:hover .layer-flag{visibility:visible}.layer-flag:hover{color:var(--ink)}.layer-flag:active{scale:.96}.layers-drop{pointer-events:none;position:absolute}.layers-drop.line{background:var(--accent);border-radius:1px;height:2px;right:4px}.layers-drop.into{border-radius:var(--corner-card);box-shadow:inset 0 0 0 2px var(--accent);left:0;right:0}:root[data-theme-change]::view-transition{pointer-events:none}:root[data-theme-change=live]{view-transition-name:none}:root[data-theme-change]::view-transition-group(root){animation-duration:var(--motion-slow);animation-timing-function:var(--motion-ease)}@media(prefers-reduced-motion:reduce){:root[data-theme-change]::view-transition-group(root){animation-duration:var(--motion-fast)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@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-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}