:root{color-scheme:dark;--bg:#101318;--panel:#181d26;--panel-2:#212836;--line:#313949;--text:#e7edf6;--muted:#93a0b4;--accent:#1fb5a2;--accent-ink:#06211d;--warn:#e2b15a;--danger:#d85d52;--shadow:0 16px 40px rgba(0,0,0,0.28);font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.button,button{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;cursor:pointer}.button:hover,button:hover{border-color:#4c6078}button:disabled{opacity:.45;cursor:not-allowed}.button.primary,button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:700}button.danger{background:#3a2222;border-color:#6b3532}button.active{border-color:var(--accent);color:white}input,select,textarea{background:#10141b;border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem}label{display:grid;grid-gap:.25rem;gap:.25rem;font-size:.85rem;color:var(--muted)}.check{display:flex;align-items:center;gap:.4rem}.editor-top,.site-header{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:#141922;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.01em;text-decoration:none}.brand small,.by{color:var(--muted);font-weight:600;font-size:.75rem;-webkit-margin-start:.35rem;margin-inline-start:.35rem}.spacer{flex:1 1}.page{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.hero{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.card,.panel-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:.8rem;gap:.8rem}.muted{color:var(--muted)}.stack{display:grid;grid-gap:.45rem;gap:.45rem}.row{gap:.45rem;align-items:center}.chips,.row{display:flex;flex-wrap:wrap}.chips{gap:.4rem}.chips button[aria-pressed=true]{background:#164e47;border-color:var(--accent)}h1{font-size:2.2rem;line-height:1.15;margin:.2rem 0}h2{font-size:1rem;margin:.8rem 0 .4rem}.list{display:grid;grid-gap:.55rem;gap:.55rem;padding:0;margin:0;list-style:none}.list li,.project-card{display:flex;justify-content:space-between;gap:.7rem;align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#141922}.error{color:#ffb4ae;min-height:1.2rem}.editor{height:100vh;display:grid;grid-template-rows:auto 1fr 168px}.editor-body{display:grid;grid-template-columns:230px 1fr 270px;min-height:0}.panel{background:var(--panel);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);padding:.7rem;overflow:auto}.editor-body .panel:last-child{-webkit-border-end:0;border-inline-end:0;-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.play-shell,.viewport-wrap{min-height:0;position:relative;display:flex;flex-direction:column}.play-shell{height:100vh}.viewport-canvas{width:100%;height:100%;display:block;touch-action:none;flex:1 1;background:#87b7ef}.editor-bottom{border-top:1px solid var(--line);background:#141922;padding:.55rem .7rem;overflow:auto}.tabs{display:flex;gap:.35rem;margin-bottom:.45rem}.tree,.versions{list-style:none;padding:0;margin:0;display:grid;grid-gap:.3rem;gap:.3rem}.tree button,.versions li{width:100%;text-align:start}.versions li{display:flex;justify-content:space-between;gap:.4rem;align-items:center}.hint{color:var(--muted);font-size:.82rem}.name-input{min-width:180px}.status{color:var(--warn);font-size:.85rem}.hud{position:absolute;inset-inline-start:12px;top:12px;display:grid;grid-gap:.25rem;gap:.25rem;background:rgba(10,14,20,.72);padding:.6rem .75rem;border-radius:10px}.command-row{display:grid;grid-gap:.4rem;gap:.4rem}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--line);padding:.45rem;text-align:start}@media (max-width:980px){.editor-body,.hero{grid-template-columns:1fr}.editor{height:auto;min-height:100vh}.viewport-canvas{min-height:420px}}