:root{color-scheme:dark;font:13px DM Sans,Inter,ui-sans-serif,system-ui,sans-serif;color:#e8ebe4;background:#101310;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #101310;--surface: #171b17;--line: #2b322b;--muted: #899285;--accent: #b5f271;--mono: "DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:0;margin:0}body{min-width:320px;overflow:hidden}button,input{color:inherit;font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:default!important;opacity:.4!important}.shell{display:flex;width:100%;height:100%;min-height:0;background:var(--bg)}.workspace-rail{position:relative;z-index:4;display:flex;flex:0 0 64px;flex-direction:column;align-items:center;gap:12px;min-height:0;padding:12px 0;border-right:1px solid var(--line);background:#151915}.rail-logo{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:11px;background:var(--accent);color:#13180f;font-size:16px;font-weight:800;text-decoration:none}.rail-rule{width:28px;height:1px;flex:0 0 1px;background:var(--line)}.workspace-list{display:flex;flex:1;flex-direction:column;align-items:center;gap:9px;width:100%;min-height:0;overflow-y:auto;scrollbar-width:none}.workspace-list::-webkit-scrollbar{display:none}.workspace-button,.workspace-add{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid transparent;border-radius:12px;background:#252a25;color:#bcc4b8;font-size:12px;font-weight:600;cursor:pointer;transition:border-radius .16s ease,background .16s ease,color .16s ease}.workspace-button:hover,.workspace-add:hover{border-radius:10px;background:#333a31;color:#f0f3ec}.workspace-button.selected{border-color:#8caf5d;border-radius:10px;background:#283420;color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.workspace-add{border:1px dashed #4b5547;background:transparent;color:#a9b4a3;font-size:19px;font-weight:400}.workspace-create{position:absolute;z-index:10;top:110px;left:74px;display:grid;gap:9px;width:240px;padding:14px;border:1px solid #3a4238;border-radius:12px;background:#1b201b;box-shadow:0 14px 44px #0009}.workspace-create:before{position:absolute;top:12px;left:-5px;width:8px;height:8px;transform:rotate(45deg);border-bottom:1px solid #3a4238;border-left:1px solid #3a4238;background:#1b201b;content:""}.workspace-create label{color:#cbd2c4;font-size:11px;font-weight:600}.workspace-create input{width:100%;height:34px;padding:0 9px;border:1px solid #384035;border-radius:7px;background:#121612;font-size:11px}.workspace-create input::placeholder{color:#737d6e}.workspace-create>div{display:flex;justify-content:flex-end;gap:7px}.workspace-create button{height:29px;padding:0 10px;border:0;border-radius:7px;font-size:10px;cursor:pointer}.cancel-create{background:transparent;color:#aab2a5}.confirm-create{background:var(--accent);color:#141910;font-weight:700}.app-main{display:grid;flex:1;grid-template-rows:46px minmax(0,1fr);min-width:0;min-height:0}.topbar{display:flex;align-items:center;min-width:0;padding:0 17px;border-bottom:1px solid var(--line);background:#151915}.topbar-title{display:flex;align-items:center;gap:8px;color:#9ba495;font-size:11px}.topbar-title strong{color:#e7ebe2;font-size:12px;font-weight:600}.topbar-title>span:first-of-type{color:#596252}.topbar-title>span:last-child{overflow:hidden;max-width:min(260px,45vw);text-overflow:ellipsis;white-space:nowrap}.topbar{justify-content:space-between;gap:12px}.topbar-account{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.topbar-account button{padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:transparent;color:#cbd2c4;font-size:10px;cursor:pointer}.topbar-account button:hover{border-color:#64725b;color:var(--accent)}.auth-screen{display:grid;width:100%;height:100%;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 42%,#20291b,#101310 58%)}.auth-screen>p{color:var(--muted)}.login-card{display:grid;gap:11px;width:min(360px,100%);padding:30px;border:1px solid #303a2c;border-radius:14px;background:#171c16;box-shadow:0 20px 70px #0007}.login-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--accent);color:#13180f;font-size:18px;font-weight:800}.login-eyebrow{margin:10px 0 -7px;color:var(--accent);font:10px var(--mono);letter-spacing:.13em}.login-card h1{margin:0;font-size:23px;font-weight:600}.login-hint{margin:-3px 0 8px;color:var(--muted);font-size:12px}.login-card label{margin-top:3px;color:#cbd2c4;font-size:11px;font-weight:600}.login-card input{height:39px;padding:0 11px;border:1px solid #384035;border-radius:7px;background:#101410}.login-card button{height:39px;margin-top:7px;border:0;border-radius:7px;background:var(--accent);color:#141910;font-size:12px;font-weight:700;cursor:pointer}.login-error{margin:1px 0;color:#ff9d91;font-size:11px}.browser-workspace{position:relative;min-width:0;min-height:0;overflow:hidden;background:#050605}.viewport{position:absolute;inset:0;overflow:hidden;background:#050605}.viewport canvas{position:absolute;inset:0;display:block;width:100%;height:100%;outline:0;touch-action:none}.viewport canvas[hidden]{display:none}.runtime-error{position:absolute;z-index:5;right:16px;bottom:16px;max-width:min(560px,calc(100% - 32px));padding:10px 13px;border:1px solid #6b413e;border-radius:9px;background:#2a1c1b;color:#ffd1cb;font:11px/1.5 var(--mono);overflow-wrap:anywhere;box-shadow:0 6px 24px #0008}@media(max-width:560px){.workspace-rail{flex-basis:54px;gap:10px;padding:9px 0}.rail-logo{width:32px;height:32px;flex-basis:32px}.workspace-button,.workspace-add{width:32px;height:32px;flex-basis:32px;border-radius:10px}.app-main{grid-template-rows:40px minmax(0,1fr)}.topbar{padding:0 11px}.workspace-create{left:62px;width:min(240px,calc(100vw - 76px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}