@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/inter-400-C38fXH4l.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/assets/inter-500-Cerq10X2.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/inter-600-LgqL8muc.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:800;font-display:swap;src:url(/assets/inter-800-BYj_oED-.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f4f5;--dots:#dedee2;--panel:#fff;--line:#e4e4e7;--line-strong:#d4d4d8;--text:#111113;--muted:#71717a;--faint:#a1a1aa;--field:#fff;--hover:#f4f4f5;--primary:#111113;--primary-text:#fff;--ring:#11111329;--ok:#15803d;--error:#b91c1c}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--dots:#1d1d21;--panel:#121214;--line:#232327;--line-strong:#303036;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a;--field:#18181b;--hover:#1c1c20;--primary:#f4f4f5;--primary-text:#0b0b0d;--ring:#f4f4f533;--ok:#4ade80;--error:#f87171}.wordmark{filter:invert()}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.45 Inter,system-ui,sans-serif}.app{grid-template-columns:340px minmax(0,1fr);height:100vh;display:grid}.panel{background:var(--panel);border-right:1px solid var(--line);padding:20px 20px 28px;overflow-y:auto}.brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:18px;display:flex}.wordmark{height:20px;display:block}.divider{background:var(--line-strong);width:1px;height:16px}.product{color:var(--muted);font-weight:500}form{flex-direction:column;gap:18px;display:flex}.field{border:0;flex-direction:column;gap:7px;min-width:0;margin:0;padding:0;display:flex}.label{padding:0;font-size:12px;font-weight:600}.field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.link{font:inherit;color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-size:12px;font-weight:500}.link:hover{color:var(--text)}.link:disabled{opacity:.55;cursor:progress}.link:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.optional{color:var(--faint);margin-left:4px;font-weight:400}.hint{color:var(--muted);font-size:12px}input[type=text],select{width:100%;height:36px;font:inherit;color:inherit;background:var(--field);border:1px solid var(--line-strong);border-radius:8px;padding:0 10px}input[type=text]::placeholder{color:var(--faint)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238E8E96' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}input[type=text]:focus-visible,select:focus-visible,.button:focus-visible{border-color:var(--text);box-shadow:0 0 0 3px var(--ring);outline:none}.themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme{border:1px solid var(--line-strong);cursor:pointer;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:7px 9px;display:flex;position:relative}.theme:hover{background:var(--hover)}.theme:has(input:checked){border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.theme:has(input:focus-visible){box-shadow:inset 0 0 0 1px var(--text), 0 0 0 3px var(--ring)}.theme input,.segmented input{opacity:0;pointer-events:none;position:absolute}.swatch{letter-spacing:-.02em;border-radius:5px;flex:none;place-items:center;width:26px;height:20px;font-size:10px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #7f7f7f4d}.theme-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.checks{flex-wrap:wrap;gap:10px 18px;display:flex}.theme-options{display:contents}.check{cursor:pointer;align-items:center;gap:7px;display:flex}.check input{width:15px;height:15px;accent-color:var(--primary);margin:0}.segmented{background:var(--hover);border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented label{position:relative}.segmented span{text-align:center;color:var(--muted);cursor:pointer;border-radius:6px;padding:5px 0;font-weight:500;display:block}.segmented input:checked+span{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--line)}.segmented input:focus-visible+span{box-shadow:0 0 0 3px var(--ring)}.actions{grid-template-columns:1fr auto;gap:8px;margin-top:4px;display:grid}.button{height:38px;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line-strong);cursor:pointer;border-radius:9px;padding:0 14px;font-weight:600}.button:hover{background:var(--hover)}.button.primary{color:var(--primary-text);background:var(--primary);border-color:var(--primary)}.button.primary:hover{opacity:.88}.button:disabled{opacity:.55;cursor:progress}.status{min-height:20px;color:var(--muted);overflow-wrap:anywhere;margin:-6px 0 0;font-size:12.5px}.status[data-tone=ok]{color:var(--ok)}.status[data-tone=error]{color:var(--error)}.canvas{background-color:var(--bg);background-image:radial-gradient(var(--dots) 1px, transparent 1px);background-size:18px 18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;padding:48px;display:flex;overflow:hidden}.frame{background:var(--panel);box-shadow:0 0 0 1px var(--line), 0 18px 48px -18px #00000047;border-radius:2px;position:relative;overflow:hidden}.frame iframe{transform-origin:0 0;pointer-events:none;visibility:hidden;border:0;position:absolute;top:0;left:0}.frame iframe.is-front{visibility:visible}.empty{color:var(--muted);place-items:center;margin:0;display:none;position:absolute;inset:0}.frame.is-empty iframe{visibility:hidden}.frame.is-empty .empty{display:grid}.meta{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}@media (width<=860px){.app{grid-template-columns:1fr;height:auto}.panel{border-right:0;border-bottom:1px solid var(--line);overflow:visible}.canvas{padding:24px 16px 32px}}