/* V2.3 final interface pass. */
:root{--border:#292e37;--muted:#9aa5b5}header{background:#111419;border-bottom-color:#303641}.brand{letter-spacing:-.3px}.brand .logo{box-shadow:0 0 22px #087bff18}.pill{letter-spacing:1.2px;color:#98a6ba;border-color:#343c48;font-size:9px}.top-actions>button{font-weight:550}button{transition:background .15s,border-color .15s,color .15s}button:hover:not(:disabled){border-color:#536178}button:active:not(:disabled){transform:translateY(1px)}button.primary:hover{background:#258bff;border-color:#258bff}aside{background:#14171c}.eyebrow{color:#8c99ac;letter-spacing:1.2px}.project-title{font-weight:600;line-height:1.45}.file{border:1px solid transparent;border-radius:7px;align-items:center}.file.active{background:#087bff18;border-color:#087bff38;color:#a7cfff}.file:hover{background:#ffffff05}.file.active:hover{background:#087bff25}.file .icon{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#83acd9}aside>button{text-align:left;background:#1c212a;border-color:#303743;padding-left:14px;font-size:12px;min-height:38px}#languagesBtn{margin-top:8px;color:#b5d4ff;border-color:#385171;background:#18283b}#folderBtn{margin-top:9px}#helpBtn{background:transparent;color:#a3b0c3}.editor-panel>.bar{background:#15191f}.bar button{border-color:#333c49;background:#1d232c}.console{background:#10141a}.console .bar{border-bottom-color:#272f3b}.console .bar strong{font-size:10px;letter-spacing:1px;color:#abb8cc}#runStatus{color:#91a8c4}#output{color:#b9c9df}.preview-panel{background:#1a1f27}.preview-note{color:#8898ae;font-size:10px;letter-spacing:.1px}.preview-area{background-image:radial-gradient(#59657966 .6px,transparent .6px);background-size:13px 13px}#preview{box-shadow:0 8px 25px #0003}.local-indicator{display:flex;gap:6px;align-items:center;white-space:nowrap}.local-indicator .dot{width:5px;height:5px;background:#7ba0c9}footer{background:#11161d;border-top-color:#2c3440;color:#8e9db2}dialog{background:#191f29;border-color:#384354;box-shadow:0 35px 100px #0009}dialog h2{letter-spacing:-.6px;font-size:25px;line-height:1.25;margin-top:15px}dialog p{font-size:13px;color:#a4b1c3}dialog .card{background:#202936;border-color:#344254}.card:hover{border-color:#087bff;background:#20344e}input,dialog textarea{border-color:#354153}input:focus,textarea:focus-visible{outline:1px solid #087bff;outline-offset:1px}.bar svg{display:block;width:14px;height:14px;flex-shrink:0}#toast{background:#20364f;border-color:#4b729b;box-shadow:0 12px 35px #0005;font-size:12px}#search{background:#10151d}#closeModal{border:0;background:transparent;font-size:16px}@media(max-width:460px){.brand{justify-content:flex-start}header{padding:9px 10px}#newProject::after{content:'New'}aside>button{min-height:42px}.preview-note #previewHint{display:inline}.editor-panel>.bar{height:46px}dialog h2{font-size:22px}}@media(prefers-reduced-motion:reduce){button{transition:none}}
/* Phone editing: reserve the visible viewport for code, not chrome. */
#doneEditing{display:none}#consoleToggle{font-size:10px;font-weight:600;letter-spacing:.7px}
@media(max-width:760px){
 body{position:fixed;top:var(--app-top,0px);left:0;box-sizing:border-box}
 .console{height:38px;flex:0 0 38px}.console #output{display:none}
 .console.console-open{height:min(150px,30%);flex-basis:min(150px,30%)}.console.console-open #output{display:block}
 .editor-wrap{padding-top:10px}
 body.editing-code header .brand,body.editing-code .mobile-nav,body.editing-code footer,body.editing-code .console{display:none}
 body.editing-code header{padding:4px 8px;min-height:0;gap:0}
 body.editing-code .top-actions{width:100%;display:flex;justify-content:flex-end;gap:6px}
 body.editing-code .top-actions button{min-height:32px}
 body.editing-code #projectsBtn,body.editing-code #newProject,body.editing-code #exportBtn{display:none}
 body.editing-code .editor-panel>.bar{height:40px;min-height:40px}
 body.editing-code #doneEditing{display:block;color:#a7cfff;min-height:32px}
 body.editing-code #language,body.editing-code #findBtn{display:none}
 textarea#editor{font-size:16px!important;scroll-padding:24px;overscroll-behavior:contain}
}

/* Keep native caret, syntax paint and gutter on identical text metrics. */
.editor-wrap{-webkit-text-size-adjust:100%;text-size-adjust:100%}#editor,#syntax,#lines{font-variant-ligatures:none}#syntax .token{font:inherit;letter-spacing:inherit}