:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--fg: #e6e8eb;--muted: #8a93a3;--accent: #f38020;--link: #7cb8ff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:12px}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar h1{font-size:16px;margin:0}.spacer{flex:1}.back{font-size:13px}.path{font-family:ui-monospace,monospace;color:var(--muted);font-size:13px}.page{padding:0 0 40px}.group{padding:8px 16px}.folder{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 8px}.list{list-style:none;margin:0;padding:0}.script-link{display:flex;align-items:baseline;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;background:var(--panel)}.script-link:hover{border-color:var(--accent);text-decoration:none}.script-link .name{font-weight:600}.script-link .path{font-size:12px}.playground{display:flex;flex-direction:column;height:100%}.split{display:flex;flex:1;min-height:0}.left,.right{flex:1;min-width:0;overflow:auto}.left{border-right:1px solid var(--border)}.editor{height:100%;font-size:13px}.right{padding:12px;display:flex;flex-direction:column;gap:12px}button{font:inherit;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--fg);padding:6px 12px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.run{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:600}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{border:0;border-radius:0;background:transparent;padding:6px 12px}.seg button.active{background:var(--accent);color:#1a1206;font-weight:600}.seg button:not(.active):hover{background:#20242d}.badge{font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge-page{color:#ffd08a;border-color:#4a3a1f}.badge-iframe{color:#9fd0ff;border-color:#243a52}.page-mount{background:#fff;color:#000;overflow:auto;padding:8px}.run-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.run-head{display:flex;gap:10px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--border)}.run-id{font-weight:700;color:var(--accent)}.run-frame{width:100%;height:220px;border:0;background:#fff;display:block}.console{max-height:220px;overflow:auto;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px;border-top:1px solid var(--border)}.logline{white-space:pre-wrap;word-break:break-word;padding:1px 0}.log-error{color:#ff6b6b}.log-warn{color:#ffc14d}.log-debug{color:var(--muted)}