:root{--bg:#111416;--panel:#181c1f;--raised:#20262a;--line:#30383c;--text:#e2e7e9;--muted:#9aa6ad;--accent:#eea16f;--accent-dark:#302218;--danger:#f49191;--green:#8cc7a1;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{background:var(--raised);border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:5px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:#30383c;border-color:#68767e}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:#251b14;font-weight:700}.primary:hover:not(:disabled){background:#f7b68e;border-color:#f7b68e}.text-button{background:transparent;border-color:transparent}.danger{color:var(--danger)}.muted{color:var(--muted)}.wide{width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}input,select{width:100%;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);padding:10px 11px}label{display:block;line-height:1.6}label input{display:block;margin-top:7px}a{color:inherit;text-decoration:none}.wordmark{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.1px;font-weight:700;white-space:nowrap}.wordmark b{background:var(--accent);color:#221a14;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;font:700 21px Georgia,serif}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1.15fr 1fr;max-width:1150px;margin:auto;align-items:center;gap:110px;padding:72px 48px}.auth-intro h1{font-size:clamp(28px,3.5vw,44px);line-height:1.5;letter-spacing:-1.4px;margin:60px 0 24px;font-weight:600}.auth-intro p{color:var(--muted);line-height:2;font-size:15px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px}.auth-intro>.eyebrow{display:block;margin-top:55px}.auth-card{border:1px solid var(--line);padding:36px;background:var(--panel);border-radius:12px;box-shadow:0 16px 50px #0002}.auth-card h2{font-size:24px;margin:13px 0}.auth-card label{margin-top:22px}.auth-card>.primary,.auth-card>.text-button{width:100%;margin-top:12px}.auth-note{font-size:11px;color:var(--muted);text-align:center;margin:22px 0 0}.error{color:var(--danger);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.error:empty{display:none}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);gap:28px;background:var(--panel)}.project-picker{display:flex;align-items:center;gap:8px;min-width:220px}.project-picker select{width:210px}.account{display:flex;align-items:center;gap:12px;margin-left:auto}.account span{max-width:160px;overflow:hidden;text-overflow:ellipsis}.ide{height:calc(100dvh - 94px);min-height:400px;display:grid;grid-template-columns:220px minmax(290px,1fr) minmax(320px,31%)}.files-panel{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-title{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;gap:10px}.panel-title button{padding:5px 8px;font-size:11px}.file-tree{overflow:auto;padding:12px 8px;flex:1}.tree-file{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;margin:2px 0;padding:9px 10px;overflow:hidden;text-overflow:ellipsis;border-radius:4px;font-family:"SFMono-Regular",Consolas,monospace;font-size:12px}.tree-file::before{content:'·';color:var(--muted);margin-right:10px}.tree-file.selected{background:var(--accent-dark);color:#f7b68e;border-color:#594030}.sidebar-bottom{padding:16px 12px;border-top:1px solid var(--line)}.sidebar-bottom p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:0}.editor-panel{min-width:0;display:flex;flex-direction:column;background:#14181b;min-height:0}.editor-toolbar{height:53px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 14px;gap:8px}.file-label{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px}#file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rust-dot{height:7px;width:7px;flex-shrink:0;background:var(--accent);border-radius:50%}.dirty{color:var(--accent);font-size:10px;white-space:nowrap}.editor-actions{display:flex;gap:2px}.editor-actions button{padding:6px 8px;font-size:11px}kbd{font-size:10px;opacity:.6;margin-left:7px}.editor-wrap{display:flex;flex:1;min-height:0;padding-top:18px;overflow:hidden}.editor-wrap pre,.editor-wrap textarea{font:13px/1.8 "SFMono-Regular",Consolas,"Liberation Mono",monospace;tab-size:4;margin:0;border:0}.editor-wrap pre{color:#65727b;text-align:right;padding:0 14px 24px 12px;background:transparent;user-select:none;overflow:hidden;min-width:52px}.editor-wrap textarea{resize:none;flex:1;min-width:0;background:transparent;color:#d8e2e6;padding:0 20px 24px 4px;outline:none;border-radius:0;white-space:pre;overflow:auto}.editor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;color:var(--muted)}.empty-symbol{font:48px/1.4 Georgia,serif;color:#6c5b4c}.editor-empty h2{font-size:18px;color:var(--text);font-weight:500;margin:23px 0 10px}.editor-empty p{font-size:12px;line-height:1.8}.editor-status{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;gap:10px}.console-panel{border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0;min-width:0}.badge{border:1px solid var(--line);border-radius:20px;padding:3px 8px;font-size:10px;color:var(--muted)}.badge[data-status=running],.badge[data-status=queued]{color:var(--accent);border-color:#71513c}.badge[data-status=succeeded]{color:var(--green)}.badge[data-status=failed]{color:var(--danger)}.run-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:16px 14px 0}.run-controls button{padding:8px 3px;font-size:12px}.console-caption{color:var(--muted);font-size:11px;line-height:1.7;margin:12px 15px 20px}.history-label{margin:0 15px 5px;color:var(--muted);font-size:11px}#job-select{width:calc(100% - 30px);margin:0 15px;font-size:11px}.console-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 15px 0;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.console-heading button{font-size:11px;padding:4px 6px}.log{flex:1;min-height:140px;margin:0;padding:10px 16px 20px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;font:12px/1.8 "SFMono-Regular",Consolas,monospace;color:#bcc9cf;background:#111517}.console-foot{color:var(--muted);padding:10px 15px;font-size:10px;border-top:1px solid var(--line)}.job-error{padding:12px;color:var(--danger);overflow:auto;max-height:120px;white-space:pre-wrap}.app-footer{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.app-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.notice{position:fixed;z-index:5;top:73px;left:50%;transform:translateX(-50%);width:min(620px,90vw);padding:13px 18px;border:1px solid #74513e;border-radius:6px;background:#30251d;color:#ffd3b8;box-shadow:0 6px 30px #0008;overflow-wrap:anywhere}.notice[data-error=true]{background:#382325;color:#ffc2c2;border-color:#754044}dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;width:min(470px,calc(100% - 32px));padding:28px}dialog::backdrop{background:#0009}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:20px;margin:0}.dialog-heading button{border:none;background:transparent;font-size:22px}dialog p{line-height:1.8}dialog label{margin:20px 0}dialog .primary{margin-top:8px}.file-tree>.muted{padding:8px;line-height:1.8;font-size:12px}@media(min-width:1600px){.ide{grid-template-columns:245px minmax(290px,1fr) 420px}}@media(max-width:1100px){.ide{grid-template-columns:185px minmax(260px,1fr) 300px}.topbar{padding:0 14px;gap:16px}.wordmark{font-size:11px}.wordmark>.muted{display:none}.project-picker select{width:170px}.auth-screen{gap:50px;padding:48px 32px}}@media(max-width:850px){.ide{grid-template-columns:180px minmax(0,1fr);height:auto;min-height:calc(100dvh - 94px)}.files-panel{grid-row:1 / 3}.editor-panel{height:55dvh;min-height:340px}.console-panel{grid-column:2;min-height:350px;border-top:1px solid var(--line);border-left:0}.console-panel .log{max-height:300px}.topbar{flex-wrap:wrap;height:auto;min-height:64px;padding:12px;gap:10px}.project-picker{order:3;width:100%}.project-picker select{flex:1;width:auto}.app-footer{position:relative}.auth-screen{grid-template-columns:1fr;max-width:480px;gap:34px}.auth-intro h1{font-size:27px;margin:28px 0 12px}.auth-intro p,.auth-intro>.eyebrow{display:none}.auth-card{padding:28px}.account{font-size:12px}}@media(max-width:540px){.ide{grid-template-columns:1fr}.files-panel{grid-row:auto;border-right:0;border-bottom:1px solid var(--line)}.file-tree{max-height:145px;display:flex;flex-wrap:wrap;padding:8px}.tree-file{width:auto;max-width:100%;padding:9px}.sidebar-bottom{display:flex;align-items:center;gap:4px;padding:8px}.sidebar-bottom button{width:auto;min-height:44px}.sidebar-bottom p{display:none}.files-panel .panel-title{height:47px}.console-panel{grid-column:1}.editor-toolbar{padding:0 8px}.editor-actions kbd{display:none}.editor-panel{height:57dvh}.app-footer span:last-child{display:none}.auth-screen{padding:30px 20px}.run-controls button{min-height:44px}button{min-height:36px}.file-label{gap:5px}.dirty{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Storage and account management remain usable without disturbing the editor. */
dialog.storage-dialog{width:min(650px,calc(100% - 24px))}dialog.admin-dialog{width:min(920px,calc(100% - 24px))}.storage-dialog,.admin-dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.storage-list{display:grid;gap:12px}.storage-card{min-width:0;border:1px solid var(--line);border-radius:7px;padding:16px;overflow-wrap:anywhere}.storage-card p{margin:8px 0}.storage-card strong{font-size:14px}.preserve-text{white-space:pre-wrap}.quota-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}.quota-form label{flex:1;min-width:160px;margin:8px 0}.quota-form button{margin-bottom:8px}.management-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.review-form label{margin:12px 0}.storage-dialog textarea,.admin-dialog textarea{display:block;width:100%;resize:vertical;min-height:65px;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text)}.admin-dialog .dialog-heading>div{display:flex;align-items:center;gap:8px}.admin-dialog #admin-refresh{font-size:13px;border:1px solid var(--line)}.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.account{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}#storage-open{font-size:11px}#account-name{overflow-wrap:anywhere;max-width:160px}.console-heading{flex-wrap:wrap;gap:4px}
@media(max-width:850px){.topbar .account{margin-left:auto}.topbar .project-picker{order:3;width:100%}}
@media(max-width:540px){.topbar>.wordmark{width:100%}.topbar .account{width:100%;justify-content:flex-start;margin:0}.storage-dialog,.admin-dialog{padding:16px}.dialog-heading{gap:8px}.dialog-heading h2{font-size:18px}.storage-card{padding:12px}.quota-form{display:block}.quota-form button{width:100%}.management-actions button{flex:1}.storage-dialog label{margin:14px 0}}


/* CodeMirror is isolated in a ShadowRoot; textarea remains the failure fallback. */
.editor-wrap.has-editor{display:block;position:relative;min-width:0;overflow:hidden}#editor-host{position:absolute;inset:0;min-width:0;min-height:0}.editor-panel{min-width:0}