:root{font-family:Inter,system-ui,Segoe UI,sans-serif;color:#e8ebf2;background:#101318;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #454b55;border-radius:7px;background:#272d37;color:#f2f4f8;padding:9px 12px}button:hover{background:#363e4b}button.primary{background:#f7b72b;color:#191d24;border-color:#f7b72b;font-weight:700}button.danger{color:#ffb6b6}input{background:#181d25;color:white;border:1px solid #444b55;border-radius:6px;padding:10px;min-width:0}h1,h2,h3,p{margin:0}small,.muted{color:#a8b0bd}.auth{max-width:430px;margin:11vh auto;padding:32px;border:1px solid #363c46;border-radius:15px;background:#1b2028;display:grid;gap:18px}.auth form{display:grid;gap:12px}.auth h1{color:#f7b72b}.shell{height:100dvh;display:grid;grid-template-rows:60px 1fr}.top{background:#1b2027;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #343a43;gap:12px}.brand{color:#f7b72b;font-weight:800;font-size:19px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr) minmax(270px,38%);min-height:0}.panel{border-right:1px solid #343a43;display:flex;flex-direction:column;min-height:0}.panelTitle{background:#1b2027;min-height:45px;padding:11px 14px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px}.files,.projects{padding:8px;overflow:auto;flex:1}.file,.project{display:block;width:100%;border:0;text-align:left;background:none;padding:11px 10px;border-radius:5px;color:#bbc5d4;overflow-wrap:anywhere}.selected{background:#333c4b!important;color:#fff!important}.editor{flex:1;background:#12171e;color:#e8ebf2;border:0;border-radius:0;outline:none;padding:20px;width:100%;height:100%;resize:none;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.preview{flex:1;width:100%;background:#fff;border:0}.notice{padding:9px 16px;min-height:35px;color:#b9c4d5;font-size:13px;border-top:1px solid #353a42}.hint{color:#9ca8b9;font-size:13px;padding:8px}.empty{padding:24px;color:#aab3be}.dialog{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:10}.dialogContent{background:#202630;padding:26px;max-width:460px;width:calc(100% - 30px);border-radius:12px;display:grid;gap:16px}.dialogContent input{width:100%}@media(max-width:950px){.workspace{grid-template-columns:180px 1fr}.previewPanel{display:none}.workspace.showPreview{grid-template-columns:180px 1fr}.workspace.showPreview .editorPanel{display:none}.workspace.showPreview .previewPanel{display:flex}}@media(max-width:560px){.workspace,.workspace.showPreview{grid-template-columns:130px 1fr}.top{padding:8px}.brand{font-size:15px}.top small{display:none}.actions button{padding:7px}.panelTitle{font-size:12px;padding:9px}.auth{margin:40px 15px}}