*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;letter-spacing:-.005em;background:#f5f5f6;color:#1c1c1f;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{cursor:pointer}button,input,select,textarea{font:inherit;letter-spacing:inherit}.chrome{--shell:#e9e9ec;--bg:#f5f5f6;--canvas-bg:#f6f6f8;--surface:#ffffff;--surface-2:#f4f4f5;--surface-3:#fafafa;--edge:#ececee;--edge-strong:#dededf;--ink:#1c1c1f;--ink-soft:#71717a;--ink-faint:#a1a1aa;--accent:#5b53e0;--accent-ink:#ffffff;--accent-soft:#efeefc;--field:#ffffff;--hover:#f4f4f5;--danger:#e11d48;--shadow-sm:0 1px 2px rgb(0 0 0/0.04);--shadow-panel:0 1px 2px rgb(0 0 0/0.05),0 12px 32px -16px rgb(0 0 0/0.14);--shadow-pop:0 8px 28px -8px rgb(0 0 0/0.22);--pill-shadow:0 2px 10px rgb(0 0 0/0.10),0 0 0 1px var(--edge);--r-s:7px;--r-m:10px;--r-l:14px;--r-tile:16px;--r-pop:18px;--r-xl:24px;--r-pill:28px;--r-section:12px;--dot:rgb(0 0 0/0.05)}.chrome-dark{--shell:#0a0a0c;--bg:#0d0d0f;--canvas-bg:#101012;--surface:#161618;--surface-2:#1f1f22;--surface-3:#1b1b1e;--edge:#262629;--edge-strong:#35353a;--ink:#f4f4f5;--ink-soft:#a1a1aa;--ink-faint:#6b6b73;--accent:#8b83f5;--accent-ink:#14121f;--accent-soft:#211f3a;--field:#0f0f11;--hover:#202023;--danger:#fb7185;--shadow-sm:0 1px 2px rgb(0 0 0/0.4);--shadow-panel:0 1px 2px rgb(0 0 0/0.4),0 12px 32px -16px rgb(0 0 0/0.6);--shadow-pop:0 10px 30px -6px rgb(0 0 0/0.6);--pill-shadow:0 2px 12px rgb(0 0 0/0.55),0 0 0 1px var(--edge);--dot:rgb(255 255 255/0.045)}.chrome input:focus-visible,.chrome select:focus-visible,.chrome textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.chrome ::placeholder{color:var(--ink-faint)}.canvas-grid{background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:22px 22px}.chrome .hoverable{transition:background .11s ease,color .11s ease,border-color .11s ease}.chrome .hoverable:hover{background:var(--hover)}.chrome .hoverable:active{background:var(--accent-soft)}.chrome .hoverable:disabled{opacity:.45;pointer-events:none}.chrome .swatch{transition:box-shadow .12s ease,transform .12s ease}.chrome .swatch:hover{transform:scale(1.12)}.chrome .sc-tile{transition:transform .14s cubic-bezier(.2,0,0,1),background .12s ease}.chrome .sc-tile:hover{transform:translateY(-1px)}.chrome .sc-tile:active{transform:scale(.96)}.chrome .sc-press{transition:transform .12s cubic-bezier(.2,0,0,1),background .12s ease,color .12s ease;user-select:none}.chrome .sc-press:active:not(:disabled){transform:scale(.94)}.chrome .sc-press:disabled{opacity:.4;pointer-events:none}.chrome .sc-chevron{transition:transform .16s cubic-bezier(.2,0,0,1)}.chrome .canvas-node{outline:1.5px solid transparent;outline-offset:2px;border-radius:3px;transition:outline-color 90ms ease}.chrome .canvas-node:not(.is-selected):hover{outline-color:color-mix(in srgb,var(--accent) 32%,transparent)}@keyframes sc-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes sc-drop-in{0%{opacity:0;transform:scale(.82)}60%{opacity:1}to{transform:scale(1)}}.chrome .sc-drop{animation:sc-drop-in .24s cubic-bezier(.2,0,0,1)}@keyframes sc-ripple{0%{transform:translate(-50%,-50%) scale(.2);opacity:.5}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.chrome .sc-ripple{animation:sc-ripple .32s cubic-bezier(.2,0,0,1) forwards}@media (prefers-reduced-motion:reduce){.chrome .sc-drop,.chrome .sc-ripple{animation:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink-faint) 40%,transparent);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink-faint) 65%,transparent);background-clip:content-box}