:root{--bg:#050505;--panel:#101010;--panel-2:#171717;--border:#2a2a2a;--text:#f1f1f1;--muted:#9ca3af;--line:rgba(255,255,255,0.28);--accent:#ffffff;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid var(--border);border-radius:7px;background:#181818;color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:#5a5a5a;background:#222}button:disabled{color:#5f5f5f;cursor:not-allowed}input,textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:#080808;color:var(--text);outline:none;padding:9px 10px}textarea{resize:vertical}input:focus,textarea:focus{border-color:#6b7280}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;width:100vw;height:100vh}.left-rail,.right-panel{min-width:0;border-color:var(--border);background:var(--panel)}.left-rail{display:flex;flex-direction:column;gap:16px;padding:14px;border-right:1px solid var(--border)}.right-panel{border-left:1px solid var(--border);padding:16px;overflow-y:auto}.brand-block{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #666;border-radius:50%;background:#242424;font-weight:800}.brand-block h1,.brand-block p,.edge-summary,.editor-panel h2,.empty-panel h2,.empty-panel p{margin:0}.brand-block h1,.editor-panel h2,.empty-panel h2{font-size:16px;line-height:1.2}.brand-block p,.edge-summary,.empty-panel p,.field span{color:var(--muted);font-size:12px}.graph-tabs{display:grid;grid-gap:7px;gap:7px;overflow-y:auto}.graph-tab{justify-content:space-between;width:100%;padding:8px 10px}.graph-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-tab small{color:var(--muted)}.graph-tab.active,.segmented button.active{border-color:#777;background:#2a2a2a}.rail-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.rail-actions button:first-child{grid-column:span 2}.field{display:grid;grid-gap:7px;gap:7px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.stats-grid div{display:grid;grid-gap:2px;gap:2px;min-height:58px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.stats-grid strong{font-size:20px}.stats-grid span{color:var(--muted);font-size:12px}.ai-panel{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.ai-panel-title{display:flex;align-items:center;gap:8px;color:#f5f5f5;font-size:13px;font-weight:700}.ai-panel textarea{min-height:84px}.prompt-examples{display:flex;flex-wrap:wrap;gap:7px}.prompt-examples button{min-height:28px;border-radius:999px;color:var(--muted);font-size:11px;padding:0 9px}.canvas-region{position:relative;min-width:0;min-height:0}.topbar{position:absolute;z-index:5;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:10px;min-width:0}.search-box,.segmented,.topbar-actions{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--border);border-radius:9px;background:rgba(12,12,12,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.segmented button,.topbar-actions button{width:34px;min-height:32px;border-radius:6px}.search-box{flex:1 1;min-width:120px;max-width:360px;padding-left:10px}.search-box input{height:30px;border:0;background:transparent;padding:0}.edge-icon{display:block;width:17px;height:1px;background:currentColor;transform:rotate(-28deg)}.graph-canvas{display:block;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.045),transparent 1px),var(--bg);background-size:30px 30px;cursor:crosshair;touch-action:none}.graph-node{cursor:-webkit-grab;cursor:grab;opacity:1}.graph-node:active{cursor:-webkit-grabbing;cursor:grabbing}.graph-node.dimmed{opacity:.25}.node-ring{fill:none;stroke:#a3a3a3;stroke-width:2;opacity:.62}.node-body,.node-ring{vector-effect:non-scaling-stroke}.node-body{stroke:rgba(255,255,255,.24);stroke-width:1}.graph-node.highlighted .node-ring,.graph-node.selected .node-ring{stroke:#fff;stroke-width:3;opacity:1}.node-label{fill:#dedede;font-size:12px;paint-order:stroke;pointer-events:none;stroke:#050505;stroke-width:4px;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edge-draft,.graph-edge line{stroke:var(--line);stroke-width:1.6;vector-effect:non-scaling-stroke}.graph-edge{cursor:pointer}.graph-edge.selected line,.graph-edge:hover line{stroke:#fff;stroke-width:2.5}.graph-edge text{fill:#c7c7c7;font-size:11px;paint-order:stroke;stroke:#050505;stroke-width:3px;text-anchor:middle}.edge-draft{stroke:#fff;stroke-dasharray:6 6;opacity:.7}.editor-panel,.empty-panel{display:grid;grid-gap:14px;gap:14px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title-row button{width:34px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;min-height:30px;border-radius:50%;background:var(--swatch)}.swatch.active{outline:2px solid #fff;outline-offset:2px}@media (max-width:1020px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.right-panel{position:fixed;z-index:10;right:0;bottom:0;width:min(320px,100vw);max-height:48vh;border-top:1px solid var(--border)}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.left-rail{display:none}.topbar{flex-wrap:wrap}.search-box{order:3;max-width:none;width:100%}}