:root{--bg: #060816;--bg-soft: rgba(255, 255, 255, .04);--panel: rgba(255, 255, 255, .05);--panel-strong: rgba(0, 0, 0, .22);--text: #f4f7fb;--muted: rgba(255, 255, 255, .62);--line: rgba(255, 255, 255, .1);--accent: #8b5cf6;--danger: #f87171;--radius: 28px;--padding: 1rem;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-mode=light]{--bg: #eef1f8;--bg-soft: rgba(255, 255, 255, .95);--panel: rgba(255, 255, 255, .82);--panel-strong: rgba(255, 255, 255, .96);--text: #101422;--muted: rgba(16, 20, 34, .66);--line: rgba(16, 20, 34, .12);color-scheme:light}:root[data-density=compact]{--padding: .75rem}:root[data-density=spacious]{--padding: 1.25rem}:root[data-ui-font=mono]{font-family:IBM Plex Mono,SF Mono,Consolas,monospace}:root[data-document-font=serif] .document-font{font-family:Georgia,Times New Roman,serif}:root[data-document-font=mono] .document-font{font-family:IBM Plex Mono,Consolas,monospace}:root[data-card-style=flat] .panel{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}:root[data-card-style=outlined] .panel{background:transparent}:root[data-preset=minimal]{--accent: #2563eb}:root[data-preset=editorial]{--accent: #b45309}:root[data-preset=dense]{--accent: #0f766e}:root[data-preset=technical]{--accent: #06b6d4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 22%,transparent),transparent 32%),radial-gradient(circle at 82% 18%,rgba(59,130,246,.16),transparent 26%),radial-gradient(circle at 50% 100%,rgba(16,185,129,.12),transparent 35%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border-radius:18px;border:1px solid var(--line);background:#0000002e;color:var(--text);padding:.85rem 1rem}textarea{resize:vertical}.loading-screen,.login-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(100%,520px)}.app-shell{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;padding:1.5rem}.sidebar{position:sticky;top:1.5rem;height:calc(100vh - 3rem);display:flex;flex-direction:column;justify-content:space-between}.main-content{display:grid;gap:1.5rem}.brand{display:flex;gap:1rem;align-items:center}.brand-badge,.stat-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--accent),rgba(59,130,246,.85));color:#08111f}.brand h1,.page-title h2,.hero-panel h2{margin:.25rem 0 0;font-size:clamp(1.5rem,2vw,2rem)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:calc(var(--padding) * 1.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 50px #00000038}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,white 25%)}.description,.muted,small{color:var(--muted)}.nav-list{display:grid;gap:.65rem;margin-top:1.5rem}.nav-link{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:20px;border:1px solid transparent;transition:.2s ease}.nav-link:hover,.nav-link.active{background:#ffffff14;border-color:color-mix(in srgb,var(--accent) 32%,white 10%)}.nav-icon{width:28px;text-align:center;color:color-mix(in srgb,var(--accent) 75%,white 25%)}.sidebar-footer{display:grid;gap:.75rem}.primary-button,.ghost-button{border-radius:18px;padding:.8rem 1.1rem;border:1px solid var(--line);display:inline-flex;align-items:center;gap:.5rem}.primary-button{background:#fff;color:#06101d;border-color:#fff}.ghost-button{background:transparent;color:var(--text)}.ghost-button.danger{color:var(--danger)}.page-grid{display:grid;gap:1.5rem}.page-title,.section-head,.toolbar,.meta-row,.row-actions,.hero-badges,.tag-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.page-title,.section-head{justify-content:space-between}.stat-grid,.card-grid,.grid-two,.split-layout,.editor-grid{display:grid;gap:1rem}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-two,.split-layout{grid-template-columns:1fr 320px}.editor-grid{grid-template-columns:1.2fr .8fr}.editor-main,.editor-side,.side-stack{display:grid;gap:1rem}.stat-card h3{margin:.25rem 0;font-size:2rem}.entity-card,.preview-card,.stack-item-card,.nested-panel,.attachment-item,.relation-item,.graph-node,.relation-toggle{border:1px solid var(--line);background:#00000029;border-radius:24px;padding:1rem}.entity-card h4,.graph-node h4,.relation-toggle strong{margin:.5rem 0}.entity-chip,.tag{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .7rem;border:1px solid var(--line);background:#ffffff1a;font-size:.8rem}.tag{background:color-mix(in srgb,var(--accent) 14%,transparent)}.hero-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent),var(--panel)}.document-body{line-height:1.8;font-size:1rem}.document-body h1,.document-body h2,.document-body h3{margin-top:1.5rem}.document-body img{max-width:100%;border-radius:24px;border:1px solid var(--line);display:block;margin:1rem 0}.document-body pre{padding:1rem;overflow-x:auto;border-radius:18px;background:#0000003d}.document-body code{font-family:IBM Plex Mono,Consolas,monospace}.stack-list,.attachment-list,.permission-list,.relation-list,.form-grid,.preview-card-grid,.relation-selector{display:grid;gap:.85rem}.stack-item,.stack-item-card,.attachment-item,.permission-row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1 / -1}.form-grid label,.editor-field{display:grid;gap:.45rem}.editor-textarea{min-height:560px}.graph-panel{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),radial-gradient(circle at 82% 18%,rgba(59,130,246,.16),transparent 28%),radial-gradient(circle at 50% 100%,rgba(16,185,129,.14),transparent 35%),var(--panel)}.graph-line{position:absolute;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);height:1px}.graph-line.one{left:14%;top:42%;width:22%}.graph-line.two{left:36%;top:25%;width:1px;height:22%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.4),transparent)}.graph-line.three{left:36%;top:52%;width:24%}.graph-line.four{left:60%;top:48%;width:16%}.graph-node{position:absolute;width:240px;box-shadow:0 0 34px color-mix(in srgb,var(--accent) 16%,transparent)}.graph-node.type-instruction{border-color:#38bdf85c;background:linear-gradient(135deg,#38bdf82e,#0ea5e912)}.graph-node.type-program{border-color:#a855f75c;background:linear-gradient(135deg,#a855f72e,#d946ef12)}.graph-node.type-workflow{border-color:#10b9815c;background:linear-gradient(135deg,#10b9812e,#0d948812)}.graph-node.type-topic{border-color:#f59e0b5c;background:linear-gradient(135deg,#f59e0b2e,#f9731612)}.upload-box{display:block;border:1px dashed var(--line);border-radius:24px;padding:1rem;background:#00000029;text-align:center}.upload-box input{display:none}.preview-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-card.accent{border-color:color-mix(in srgb,var(--accent) 50%,white 10%);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 20%,transparent)}.toggle-row{display:flex;align-items:center;gap:.7rem;margin:1rem 0}.error-text{color:#fecaca}@media (max-width: 1200px){.app-shell,.grid-two,.split-layout,.editor-grid{grid-template-columns:1fr}.sidebar{position:static;height:auto}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.app-shell{padding:1rem}.stat-grid,.form-grid.two-col,.preview-card-grid{grid-template-columns:1fr}}