:root{color:#f7f3ff;--bg:#07050d;--panel:#110c1e;--line:#d3bbff29;--muted:#aaa1ba;--purple:#a87cff;--cyan:#92e6ff;background:#07050d;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.workspace-header{border-bottom:1px solid var(--line);background:#0b0715;align-items:center;gap:24px;height:72px;padding:0 24px;display:flex}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{color:#0a0712;background:linear-gradient(135deg,#f2ddff,#a77cff 55%,#64d8ff);border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.brand-copy{gap:4px;line-height:1;display:grid}.brand-copy strong{letter-spacing:.08em;font-size:15px}.brand-copy span{color:var(--muted);letter-spacing:.24em;text-transform:uppercase;font-size:10px}.workspace-title{font-weight:700}.workspace-title small{letter-spacing:.16em;color:var(--cyan);font-size:10px;display:block}.hub-link{color:var(--muted);margin-left:auto;font-size:13px;text-decoration:none}.workspace-layout{grid-template-columns:210px minmax(350px,1fr) minmax(260px,.7fr) 280px;gap:10px;min-height:calc(100vh - 102px);padding:10px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;overflow:hidden}.workspace-status{height:30px;color:var(--muted);border-top:1px solid var(--line);padding:6px 16px;font-size:12px}@media (width<=1050px){.workspace-layout{grid-template-columns:190px 1fr 270px}.workspace-layout #preview{grid-column:2/4}}@media (width<=700px){.workspace-header{padding:0 14px}.workspace-layout{flex-direction:column;display:flex}.panel{min-height:220px}#editor{min-height:430px}.workspace-title small{display:none}}body{background:radial-gradient(circle at 75% 0,#7b49ff26,#0000 32rem),linear-gradient(#090611,#07050d)}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.workspace-header{z-index:1;position:relative}.local-badge,.panel-pill{color:var(--cyan);letter-spacing:.09em;border:1px solid #92e6ff38;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:700}.local-badge{margin-left:8px}.hub-link:hover,.tree-file:hover{color:#fff}.workspace-layout{height:calc(100vh - 102px);min-height:620px}.panel{background:linear-gradient(150deg,#1f1535d4,#0e0a19f5);flex-direction:column;min-height:0;display:flex;box-shadow:0 14px 40px #00000024}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:75px;padding:15px 16px;display:flex}.panel-heading h2{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:16px;line-height:1.1;overflow:hidden}.eyebrow{letter-spacing:.16em;color:var(--purple);font-size:9px;font-weight:800}#new-file{border:1px solid var(--line);color:#e1ceff;background:#a87cff21;border-radius:9px;width:30px;height:30px;font-size:20px}.tree-actions,.import-export{gap:7px;padding:10px 12px;display:flex}.tree-actions button,.action-button,.proposal-actions button,.proposal-file,.reserved button{border:1px solid var(--line);color:#ddd4eb;text-align:center;background:#ffffff08;border-radius:8px;min-height:31px;padding:6px 9px;font-size:11px}.tree-actions button{flex:1}.tree-list{flex:1;padding:5px 8px;overflow:auto}.tree-file{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#bdb4ce;background:0 0;border:0;border-radius:8px;width:100%;margin:2px 0;padding:10px 7px;font-size:12px;display:block;overflow:hidden}.tree-file.active{color:#fff;box-shadow:inset 2px 0 var(--purple);background:#a87cff2b}.import-export{border-top:1px solid var(--line);flex-wrap:wrap}.import-export .action-button{white-space:nowrap;cursor:pointer;flex:1}.editor-panel{min-width:0}.editor-host{flex:1;min-height:300px}.preview-host{color:#cfc7dc;flex:1;padding:16px;font-size:13px;line-height:1.65;overflow:auto}.markdown-preview h1,.markdown-preview h2{color:#f7f3ff;line-height:1.25}.markdown-preview h1{font-size:22px}.markdown-preview h2{font-size:18px}.markdown-preview a{color:var(--cyan)}.markdown-preview pre,.markdown-preview code{background:#080611;border-radius:5px}.markdown-preview pre{padding:12px;overflow:auto}.html-preview{pointer-events:none;background:#fff;border:0;border-radius:8px;width:100%;height:100%;min-height:300px}.preview-host:has(.html-preview){padding:10px}.preview-image{border-radius:8px;max-width:100%;height:auto}.ai-content{padding:16px;overflow:auto}.ai-content p{color:#bfb4d0;margin:0 0 18px;font-size:12px;line-height:1.6}.ai-content label{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.ai-content textarea{resize:vertical;color:#f7f3ff;background:#090713;border:1px solid #cab0ff38;border-radius:9px;width:100%;padding:11px;font-size:12px;line-height:1.5;display:block}.ai-content textarea:focus{outline:2px solid #a87cff8c}.primary-button{color:#120a22;background:linear-gradient(120deg,#e5cfff,#a87cff 58%,#92e6ff);border:0;border-radius:9px;min-height:36px;padding:8px 13px;font-size:11px;font-weight:800}.ai-content>.primary-button{width:100%;margin:10px 0 8px}.proposal-file{text-align:left;width:100%;margin:6px 0;display:block}.proposal-actions{gap:8px;margin-top:13px;display:flex}.proposal-actions button{flex:1}.proposal-actions[hidden]{display:none}.mock-pill{color:#eec7ff;border-color:#eec7ff3d}.reserved{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding:14px 16px;display:grid}.reserved span{text-transform:uppercase;letter-spacing:.12em;color:#8f84a2;font-size:10px}.reserved button{text-align:left}.workspace-status[data-error=true]{color:#ffb6c4}.loading{color:var(--muted);padding:18px;font-size:12px}@media (width<=1200px){.workspace-layout{grid-template-rows:minmax(380px,1fr) minmax(250px,.7fr);grid-template-columns:200px minmax(320px,1fr) 270px}#preview{grid-area:2/2}#ai-panel{grid-area:1/3/3}#file-tree{grid-row:1/3}.panel{min-height:0}}@media (width<=760px){.local-badge{display:none}.workspace-header{gap:12px}.workspace-layout{flex-direction:column;height:auto;min-height:0;padding:8px;display:flex}.panel{min-height:220px}#file-tree{min-height:220px;max-height:320px}#editor{min-height:430px}#preview,#ai-panel{min-height:300px}.editor-host{min-height:350px}.workspace-status{height:auto;min-height:30px}.hub-link{white-space:nowrap}}.tree-folder{color:#a87cff;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;margin:2px 0;padding:9px 7px;font-size:12px;font-weight:700;display:block}.tree-folder:hover{background:#a87cff17}