@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&display=swap";:root{font-family:Outfit,system-ui,sans-serif;color-scheme:light;--bg: #ffffff;--bg-secondary: #fafafa;--panel: #ffffff;--panel-2: #f6f6f6;--border: #111111;--border-soft: #d8d8d8;--border-hover: #000000;--text: #111111;--text-secondary: #555555;--text-muted: #777777;--accent: #111111;--accent-strong: #111111;--cyan: #111111;--success: #287a4d;--warning: #9a5b00}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-secondary: #fafafa;--panel: #ffffff;--panel-2: #f6f6f6;--border: #111111;--border-soft: #d8d8d8;--border-hover: #000000;--text: #111111;--text-secondary: #555555;--text-muted: #777777;--accent: #111111;--accent-strong: #111111;--cyan: #111111;--success: #287a4d;--warning: #9a5b00}:root[data-theme=dark]{color-scheme:dark;--bg: #111111;--bg-secondary: #171717;--panel: #181818;--panel-2: #202020;--border: #eeeeee;--border-soft: #444444;--border-hover: #ffffff;--text: #f5f5f5;--text-secondary: #b5b5b5;--text-muted: #858585;--accent: #ffffff;--accent-strong: #ffffff;--cyan: #ffffff;--success: #65b88a;--warning: #d39a52}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif;transition:background .2s ease,color .2s ease}button,input,textarea{font:inherit}button{cursor:pointer}.landing{width:100%;height:100vh;min-height:620px;overflow:hidden;position:relative;background:#fff}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.65}.landing-content{position:relative;z-index:1;width:min(680px,48vw);height:100vh;min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:48px 8vw}.brand{letter-spacing:.18em;font-weight:700;font-size:15px;display:flex;gap:9px;align-items:center}.brand i{width:9px;height:9px;background:#111;display:inline-block;transform:rotate(45deg)}.brand span{color:#777;font-weight:400}.eyebrow{margin:10vh 0 0;color:#555;letter-spacing:.15em;font:12px DM Mono,monospace}.landing h1{font-size:clamp(3.2rem,7vw,6.8rem);line-height:.91;letter-spacing:-.06em;margin:18px 0}.landing h1 em{font-style:normal;color:#111}.intro{max-width:460px;color:#555;font-size:17px;line-height:1.5;margin:0}.enter{display:flex;margin-top:28px;max-width:500px}.enter button{border:1px solid #111111;background:#111;color:#fff;font-weight:700;padding:15px 24px;cursor:pointer;border-radius:6px;min-height:50px}.enter button:hover{background:#333}.hint{font:11px DM Mono,monospace;color:#777;margin-top:15px}.workspace{min-height:100vh;background:var(--bg);padding:0 4vw 80px;transition:background .2s ease,color .2s ease}.workspace-header{height:76px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border)}.workspace-header .brand i{background:var(--accent)}.status{font:12px DM Mono,monospace;margin-left:auto}.status.online{color:var(--success)}.status.offline,.status.error{color:var(--warning)}.status.connecting{color:var(--text-muted)}.ghost,.secondary-button,.primary-button{border-radius:6px;padding:9px 13px;font:12px DM Mono,monospace;transition:background .15s ease,border-color .15s ease,color .15s ease}.ghost{background:var(--panel);border:1px solid var(--border);color:var(--text-secondary)}.ghost:hover,.secondary-button:hover{border-color:var(--border-hover);color:var(--text);background:var(--panel-2)}.roombar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:20px}.roombar small{font:10px DM Mono,monospace;color:var(--text-muted);display:block;letter-spacing:.12em;margin-bottom:5px}.roombar strong{font:17px DM Mono,monospace;color:var(--text)}.room-id{margin-top:4px;font:9px DM Mono,monospace;color:var(--text-muted)}.room-actions{display:flex;gap:8px}.secondary-button{background:var(--panel);border:1px solid var(--border);color:var(--text-secondary)}.primary-button{background:#111;border:1px solid #111111;color:#fff;font-weight:600}.primary-button:hover{background:#333}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:620px}.notepad-panel,.runner-panel,.terminal-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:background .2s ease,border-color .2s ease}.notepad-panel{min-height:620px;display:flex;flex-direction:column}.right-column{min-width:0;display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:620px}.runner-panel,.terminal-panel{min-height:0;display:flex;flex-direction:column}.pane-header{min-height:64px;border-bottom:1px solid var(--border);padding:13px 17px;display:flex;align-items:center;justify-content:space-between}.pane-kicker{font:9px DM Mono,monospace;letter-spacing:.13em;color:var(--text-muted);margin-bottom:4px}.pane-name{font:14px DM Mono,monospace;color:var(--text)}.pane-badge,.python-badge{display:flex;align-items:center;justify-content:center;width:32px;height:26px;border-radius:5px;font:10px DM Mono,monospace;font-weight:500;color:var(--text);border:1px solid var(--border);background:var(--panel)}.notepad{flex:1;width:100%;resize:none;border:0;outline:0;background:var(--panel);color:var(--text);padding:22px;font:14px/1.7 DM Mono,monospace;caret-color:var(--text)}.notepad::selection{background:#dcdcdc}.notepad-footer,.runner-footer{min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-top:1px solid var(--border);color:var(--text-muted);font:10px DM Mono,monospace}.runner-content{min-height:0;flex:1;display:flex;flex-direction:column;padding:16px;gap:12px}.python-editor{flex:1;width:100%;min-height:0;resize:none;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;outline:none;color:var(--text);padding:15px;font:13px/1.65 DM Mono,monospace;caret-color:var(--text)}.python-editor:focus{border-color:var(--border-hover);background:var(--panel)}.python-editor::selection{background:#dcdcdc}.runner-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.runner-info{color:var(--text-muted);font:10px DM Mono,monospace;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.run{border:1px solid #111111;border-radius:6px;background:#111;color:#fff;padding:9px 14px;font:11px DM Mono,monospace;font-weight:500;transition:background .15s ease,transform .15s ease,opacity .15s ease}.run:hover:not(:disabled){background:#333;transform:translateY(-1px)}.run:disabled{opacity:.5;cursor:not-allowed}.terminal-status{font:10px DM Mono,monospace;color:var(--text-muted)}.terminal-status.completed{color:var(--success)}.terminal-status.running{color:var(--text)}.terminal-status.failed,.terminal-status.timeout,.terminal-status.service-error{color:var(--warning)}.terminal-output{flex:1;min-height:0;margin:0;padding:18px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text);font:12px/1.65 DM Mono,monospace}.terminal-note{padding:11px 16px;border-top:1px solid var(--border);color:var(--text-muted);font:9px DM Mono,monospace}.theme-toggle{position:fixed;right:22px;bottom:18px;z-index:50;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--border);background:var(--panel);border-radius:999px;box-shadow:0 10px 30px #00000014}.theme-icon{color:var(--text-muted);font-size:13px;line-height:1}.theme-icon.moon{font-size:15px}.theme-switch{position:relative;width:42px;height:22px;padding:0;border:1px solid var(--border);background:var(--panel-2);border-radius:999px;cursor:pointer}.theme-switch span{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--text);transition:transform .2s ease,background .2s ease}.theme-switch.is-dark span{transform:translate(19px)}:root[data-theme=light] .theme-switch span{background:#111}*{scrollbar-width:thin;scrollbar-color:var(--border-soft) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:999px}@media (max-width: 900px){.workspace{padding:0 3vw 80px}.workspace-grid{grid-template-columns:1fr}.notepad-panel{min-height:500px}.right-column{min-height:800px}.landing-content{width:60vw}}@media (max-width: 650px){.landing{min-height:100vh;height:100svh}.landing-content{width:100%;height:100svh;min-height:0;padding:28px 7vw}.eyebrow{margin-top:8vh}.landing h1{font-size:clamp(3rem,15vw,5rem)}.intro{font-size:15px}.workspace-header{height:auto;min-height:70px;flex-wrap:wrap;padding:15px 0}.workspace-header .status{order:3;width:100%;margin-left:0}.roombar{align-items:flex-start;flex-direction:column}.room-actions{width:100%}.room-actions button{flex:1}.workspace-grid{gap:12px}.right-column{gap:12px;min-height:700px}.notepad-panel{min-height:440px}.runner-controls{align-items:flex-start;flex-direction:column}.run{width:100%}.notepad-footer,.runner-footer{gap:8px;align-items:flex-start;flex-direction:column;padding:10px 16px}.theme-toggle{right:14px;bottom:14px}}