:root{--bg: #111214;--panel: #18191c;--raised: #202226;--line: #2c2f34;--text: #d9dbdf;--muted: #8b9098;--accent: #7aa2f7;--in: #9ece6a;--out: #e0af68;--sdk: #7dcfff;--api: #bb9af7;--note: #8b9098;--focus: #7aa2f7;color-scheme:dark;font:13px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{margin:0 0 12px;font-size:15px;font-weight:600}h2{margin:16px 0 8px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.app{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(320px,34%);height:100vh}.panel{background:var(--panel);overflow:auto}.setup{padding:12px;border-right:1px solid var(--line)}fieldset{margin:0 0 12px;padding:8px;border:1px solid var(--line);border-radius:4px}legend{padding:0 4px;color:var(--muted)}.field{display:grid;gap:2px;margin:0 0 8px;color:var(--muted)}.row{display:flex;gap:6px;align-items:center;margin:0 0 6px}input,select,button{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:3px}input[type=text],input[type=url],input[type=number],input[type=search],select{width:100%;padding:4px 6px}input:disabled{opacity:.5}button{padding:4px 10px;cursor:pointer}button:hover{border-color:var(--muted)}button.primary{width:100%;padding:6px;background:var(--accent);border-color:var(--accent);color:#0d1117;font-weight:600}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.buttons{display:flex;flex-wrap:wrap;gap:6px}.note{margin:4px 0 8px;color:var(--muted);font-size:12px}kbd{padding:0 4px;border:1px solid var(--line);border-radius:3px;background:var(--raised);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.stage{display:flex;flex-direction:column;min-width:0}.toolbar,.log-toolbar{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.segmented{display:flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:3px 0 0 3px}.segmented button:last-child{border-radius:0 3px 3px 0;border-left:0}.segmented button[aria-pressed=true]{background:var(--line);color:#fff}.muted{overflow:hidden;color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;text-overflow:ellipsis}.frame-area{flex:1;display:grid;place-items:center;min-height:0;overflow:hidden}.device{position:relative;overflow:hidden;border:1px solid var(--line);background:#000}.device iframe{display:block;border:0;transform-origin:0 0}.empty{color:var(--muted)}.log{display:flex;flex-direction:column;border-left:1px solid var(--line);overflow:hidden}.log-toolbar input{flex:1}.log-list{flex:1;margin:0;padding:0;overflow:auto;list-style:none;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.entry{border-bottom:1px solid #1f2125}.line{display:flex;gap:8px;padding:2px 8px;white-space:nowrap;cursor:default}summary.line{cursor:pointer;list-style:none}summary.line::-webkit-details-marker{display:none}details[open]>summary.line{background:var(--raised)}.t{color:var(--muted)}.tag{flex:0 0 72px;color:var(--note)}.type{color:var(--text)}.preview{overflow:hidden;color:var(--muted);text-overflow:ellipsis}.dir-in .tag{color:var(--in)}.dir-out .tag{color:var(--out)}.dir-sdk .tag{color:var(--sdk)}.dir-api .tag{color:var(--api)}pre{margin:0;padding:6px 8px 8px 24px;overflow:auto;background:#141518;color:var(--text)}.log-status{margin:0;padding:4px 8px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}[hidden]{display:none!important}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:auto 70vh 50vh;height:auto}}