:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f4f5;--surface:#fff;--border:#e4e4e7;--text:#18181b;--muted:#71717a;--btn-bg:#fff;--btn-border:#d4d4d8;--btn-hover-border:#a1a1aa;--accent-bg:#111;--accent-text:#fff;--frame:#18181b;--shadow:0 1px 3px #00000014;--shadow-lg:0 8px 30px #0000002e}:root[data-theme=dark],:root[data-theme=auto][data-os-dark],:root:not([data-theme])[data-os-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d10;--surface:#18181b;--border:#2a2a2e;--text:#f4f4f5;--muted:#a1a1aa;--btn-bg:#1f1f23;--btn-border:#3f3f46;--btn-hover-border:#52525b;--accent-bg:#f4f4f5;--accent-text:#18181b;--frame:#000;--shadow:0 1px 3px #0006;--shadow-lg:0 8px 30px #00000080}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:system-ui,sans-serif}.controls{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem 2rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.group.push{margin-left:auto}.group>.label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-right:.2rem;font-size:.7rem}button{font:inherit;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .7rem;font-size:.85rem}button:hover{border-color:var(--btn-hover-border)}button[aria-pressed=true]{background:var(--accent-bg);color:var(--accent-text);border-color:var(--accent-bg)}.stage{padding:2rem 1rem}.stage>webtile-view{background:var(--surface);display:block}.stage[data-size=widget]>webtile-view{--webtile-height:256px;border:1px solid var(--border);width:256px;box-shadow:var(--shadow);border-radius:10px;margin:0 auto;overflow:hidden}.stage[data-size=mobile]>webtile-view{--webtile-height:720px;border:10px solid var(--frame);width:390px;box-shadow:var(--shadow-lg);border-radius:28px;margin:0 auto;padding:.5rem}.stage[data-size=full]{padding:0}.stage[data-size=full]>webtile-view{--webtile-height:160vh;border:0;border-radius:0;max-width:none;margin:0}.hint{text-align:center;color:var(--muted);margin:0;padding:0 1rem 2.5rem;font-size:.8rem}.stage[data-size=full]+.hint{display:none}