:root{--bg:#0b0f14;--panel:#141a22;--panel2:#0f141b;--border:#3a424c;--muted:rgba(255,255,255,.72);--muted2:rgba(255,255,255,.58);--accent:#3b82f6;--pill:#1b2230;--text:rgba(255,255,255,.94);--shadow: 0 18px 60px rgba(0,0,0,.6)}html[data-theme=light]{--bg:#f6f7fb;--panel:#ffffff;--panel2:#f3f4f6;--border:#e5e7eb;--muted:rgba(0,0,0,.65);--muted2:rgba(0,0,0,.45);--accent:#2563eb;--pill:#ffffff;--text:rgba(0,0,0,.88);--shadow: 0 18px 60px rgba(0,0,0,.15)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input,textarea{font-family:inherit}.app{display:flex;height:100vh;min-height:0}.sidebar{width:270px;background:#ffffff0f;border-right:1px solid var(--border);padding:14px 12px;display:flex;flex-direction:column;gap:12px}.brand{display:flex;flex-direction:column;gap:2px;padding:6px 8px}.brand .title{font-size:20px;font-weight:800;letter-spacing:.2px}.brand .sub{font-size:12px;color:var(--muted2)}.navTitle{font-size:12px;color:var(--muted2);padding:6px 8px 0}.navItem{padding:12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left}.navItem.active{background:#2563eb2e;border-color:#2563eb59}.navItem.disabled{opacity:.35}.badge{font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:#38bdf824;color:var(--text);margin-left:8px}html[data-theme=light] .badge{background:#0284c71a}.folders{display:flex;flex-wrap:wrap;gap:8px;padding:6px 8px}.pill{background:var(--pill);border:1px solid var(--border);padding:8px 10px;border-radius:999px;font-size:12px;color:var(--text);opacity:.95}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(to bottom,#ffffff14,#fff0)}.chip{border:1px solid var(--border);background:#ffffff0f;padding:8px 10px;border-radius:12px;font-size:13px;white-space:nowrap}.search{flex:1;border:1px solid var(--border);background:#ffffff0f;padding:10px 12px;border-radius:12px;color:var(--text);min-width:120px}.btn{border:1px solid var(--border);background:#ffffff0f;padding:8px 10px;border-radius:12px;color:var(--text);cursor:pointer}.btn:hover{border-color:#2563eb8c}.btn.primary{background:#2563eb38;border-color:#2563eb8c}.btn.danger{background:#dc262624;border-color:#dc262673}.btn.disabled{opacity:.35;cursor:not-allowed}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.contentRow{flex:1;display:flex;min-height:0;min-width:0}.docsCol{width:360px;border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0}.editorCol{flex:1;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.rightCol{width:340px;border-left:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0}.panel{background:#ffffff0f;border:1px solid var(--border);border-radius:16px;padding:12px}.panelTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panelTitle h3{margin:0;font-size:14px}.hint{font-size:12px;color:var(--muted2)}.docList{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:6px;min-height:0}.docCard{padding:12px;border-radius:14px;border:1px solid var(--border);background:#0000001a;cursor:pointer;transition:transform .08s ease,border-color .12s ease}html[data-theme=light] .docCard{background:#00000008}.docCard:hover{transform:translateY(-1px);border-color:#2563eb8c}.docCard.active{border-color:#2563ebbf;background:#2563eb1f}.docTitle{margin:0 0 4px;font-size:14px}.docMeta{font-size:12px;color:var(--muted2)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;cursor:pointer;font-size:13px}.tab.active{background:#2563eb38;border-color:#2563eb99}.fieldLabel{font-size:12px;color:var(--muted2);margin:10px 0 6px}.input{width:100%;border:1px solid var(--border);background:#ffffff08;padding:10px 12px;border-radius:12px;color:var(--text)}.textarea{width:100%;min-height:220px;resize:none;border:1px solid var(--border);background:#00000024;padding:12px;border-radius:12px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}html[data-theme=light] .textarea{background:#0000000a}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{width:min(1180px,94vw);height:min(760px,92vh);background:#0f1218eb;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}html[data-theme=light] .modal{background:#ffffffeb}.modalHead{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.modalHead .ttl{font-weight:800}.modalBody{flex:1;overflow:auto;padding:14px}.flyout{position:fixed;top:72px;right:18px;width:min(420px,92vw);background:#121720eb;border:1px solid rgba(48,54,61,.9);border-radius:16px;padding:12px 14px;z-index:4000;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=light] .flyout{background:#ffffffeb}.flyout h3{margin:0 0 6px;font-size:14px}.flyout p{margin:0 0 10px;color:var(--muted);line-height:1.35}.kbd{font-size:12px;color:var(--muted2)}.palette{width:min(720px,96vw);background:#121720f0;border:1px solid rgba(48,54,61,.95);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}html[data-theme=light] .palette{background:#fffffff5}.paletteTop{padding:12px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.paletteInput{flex:1;border:1px solid var(--border);background:#ffffff0f;padding:10px 12px;border-radius:12px;color:var(--text)}.paletteList{max-height:420px;overflow:auto;padding:8px}.cmd{padding:10px 12px;border-radius:12px;border:1px solid transparent;cursor:pointer}.cmd:hover{border-color:#2563eb8c;background:#2563eb1a}.cmdTitle{font-size:13px;font-weight:700}.cmdDesc{font-size:12px;color:var(--muted2);margin-top:2px}.corner{position:fixed;right:18px;bottom:18px;z-index:3500;background:#ffffff0f;border:1px solid var(--border);border-radius:16px;padding:10px 12px;width:260px}.cornerRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.cornerSmall{font-size:12px;color:var(--muted2)}.toggle{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:99px;background:#2563ebd9}html[data-theme=light] .dot{background:#2563ebd9}input::placeholder,textarea::placeholder{color:var(--muted2);opacity:1}