.spinner[data-v-f5c1f6f9]{display:inline-block;flex:none;width:40px;height:40px;border:4px solid color-mix(in srgb,currentColor 20%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin-f5c1f6f9 .8s linear infinite}.spinner--small[data-v-f5c1f6f9]{width:14px;height:14px;border-width:2px}@keyframes spin-f5c1f6f9{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner[data-v-f5c1f6f9]{animation-duration:2.4s}}:root{--bg: #f4f4f5;--panel: #ffffff;--text: #18181b;--muted: #71717a;--line: #e4e4e7;--accent: #2563eb;--error: #b91c1c;--warn: #a16207;--preview: #d4d4d8;--veil: rgb(244 244 245 / .72);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #18181b;--panel: #232326;--text: #f4f4f5;--muted: #a1a1aa;--line: #3f3f46;--accent: #60a5fa;--error: #f87171;--warn: #facc15;--preview: #09090b;--veil: rgb(24 24 27 / .72)}}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}input,select,button{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px}input,select{padding:6px 8px}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button[aria-busy=true]{opacity:.85;cursor:progress}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.field{display:flex;flex-direction:column;gap:4px;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hint{margin:0;color:var(--muted);font-size:12px}.hint code{font:11px/1.4 ui-monospace,SF Mono,Menlo,monospace;overflow-wrap:anywhere}#status{min-height:1.4em;margin:0;color:var(--muted);white-space:pre-wrap}#status.error{color:var(--error)}#status.warn{color:var(--warn)}.client{display:grid;grid-template-columns:minmax(340px,34%) 1fr;height:100%}.panel{display:flex;flex-direction:column;gap:16px;min-height:0;padding:16px;overflow:auto;border-right:1px solid var(--line);background:var(--panel)}.panel section{display:flex;flex-direction:column;gap:8px}.title{margin:0;font-size:18px}select[size]{padding:4px}select[size] option{padding:4px 6px;border-radius:4px}.preview-pane{position:relative;min-width:0;min-height:0;background:var(--preview)}.preview{height:100%;overflow:auto;padding:16px}#frame-box{position:relative;overflow:hidden}#frame-box iframe{display:block;width:1123px;height:794px;border:0;background:#fff;transform-origin:0 0}#frame-box iframe.pending{position:absolute;top:0;left:0;height:200px;visibility:hidden}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--accent);font-size:15px}.loading p{margin:0;color:var(--text)}.loading--badge{inset:12px auto auto 50%;transform:translate(-50%);flex-direction:row;gap:8px;padding:6px 14px;border-radius:99px;background:var(--panel);box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:13px;pointer-events:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:760px){.client{grid-template-columns:1fr;height:auto}.panel{border-right:0;border-bottom:1px solid var(--line)}.preview-pane{min-height:70vh}.preview{height:auto;overflow:visible}}.card{display:flex;flex-direction:column;gap:12px;width:min(560px,calc(100% - 32px));margin:max(16px,12vh) auto 16px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.card h1{margin:0;font-size:22px}.card p{margin:0;color:var(--muted)}.card #status.error{color:var(--error)}