:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#eef2ea;--card:#fff;--ink:#171a17;--line:#0000001f;--sans:"Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--glass:#1d1d1db8;--glass-line:#ffffff1a;--hover:#ffffff0a;--pressed:#ffffff1a;--button:32px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1411;--card:#171e1a;--ink:#f1f4f0;--line:#ffffff1f}}@media (max-width:460px){:root{--button:26px}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden}.scene{place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{justify-items:center;gap:28px;width:min(460px,100%);padding:0 24px;display:grid}.logo{margin:0;line-height:0}.logo img{width:min(280px,64vw);height:auto}.logo .dark{display:none}@media (prefers-color-scheme:dark){.logo .light{display:none}.logo .dark{display:block}}.install{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;width:100%;padding:6px 6px 6px 16px;display:flex}.install code{min-width:0;font:14px/1.5 var(--mono);white-space:nowrap;scrollbar-width:none;flex:1;overflow-x:auto}.copy{z-index:3;width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid;position:relative}.copy:hover{background:var(--line)}.drawing .copy{pointer-events:none}canvas,.surface,.shade{position:fixed;inset:0}canvas{z-index:1;pointer-events:none;width:100%;height:100%}.surface{z-index:2;cursor:crosshair;touch-action:none}.surface.text{cursor:text}.shade{z-index:4;pointer-events:none;background:#00000080;animation:.14s ease-out fade}.outline{z-index:5;pointer-events:none;border:1px solid #fff;transition:left .11s cubic-bezier(.33,1,.68,1),top .11s cubic-bezier(.33,1,.68,1),width .11s cubic-bezier(.33,1,.68,1),height .11s cubic-bezier(.33,1,.68,1);position:fixed}.outline.dragging{transition:none}.outline.hint{opacity:.4}.size{z-index:5;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#1d1d1de6;border-radius:6px;padding:0 7px;font-size:12px;font-weight:500;line-height:22px;position:fixed}.bar,.swatches{z-index:6;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;align-items:center;gap:2px;padding:0 6px;transition:left .11s,top .11s;animation:.14s ease-out fade;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 24px #00000021,0 9px 10px #00000026}.bar{height:44px}.swatches{height:40px}.tool{width:var(--button);height:var(--button);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;transition:background .12s;display:grid;position:relative}.tool img{opacity:.6;width:16px;height:16px;transition:opacity .12s}.tool:hover{background:var(--hover)}.tool:hover img,.tool[aria-pressed=true] img{opacity:1}.tool:active,.tool[aria-pressed=true]{background:var(--pressed)}.tool:disabled{opacity:.35;cursor:default;background:0 0}.tool:disabled img{opacity:.6}:is(.tool:focus-visible,.copy:focus-visible,.reopen:focus-visible){outline-offset:1px;outline:2px solid #89b4fa}.dot{border:1px solid #ffffff59;border-radius:50%;width:16px;height:16px}.swatches .tool{border-radius:9px;width:28px;height:28px}.swatches .tool[aria-pressed=true]{background:0 0}.swatches .tool[aria-pressed=true]:after{content:"";border:1.5px solid #fff;border-radius:50%;position:absolute;inset:3px}.divider{background:var(--glass-line);flex:none;width:1px;height:18px;margin:0 4px}.label{z-index:3;min-width:2ch;font:600 22px/1.2 var(--sans);field-sizing:content;background:0 0;border:0;outline:0;margin:0;padding:0;position:fixed}.reopen{z-index:6;background:var(--glass);border:1px solid var(--glass-line);color:#fff;font:500 13px var(--sans);cursor:pointer;border-radius:12px;padding:8px 14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes fade{0%{opacity:.4}}@media (prefers-reduced-motion:reduce){.outline,.bar,.swatches,.shade{transition:none;animation:none}}