@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap";:root{color:#f3f3f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:#050505}a{color:inherit}:root{--bg:#050505;--panel:#0b0b0b;--border:#3d3d3d;--border-soft:#232323;--text:#f3f3f3;--muted:#a0a0a0;--muted-soft:#757575;--danger:#ff8a8a;--warn:#f0d38a;--ok:#a8d5a2;--font-sans:"Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"Cascadia Code", "Consolas", monospace;--font-brand:"Space Grotesk", "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-width:320px;height:100vh;margin:0;overflow:hidden}body{background:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), var(--bg);background-size:32px 32px,32px 32px,auto}button,textarea,input{font:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #8c8c8c}.app-shell{grid-template-columns:360px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:#050505f5;align-content:start;gap:16px;padding:20px;display:grid;overflow:auto}.logo-panel,.editor-panel,.statement-panel,.info-card,.rail-card,.graph-card{border:1px solid var(--border);background:var(--panel)}.logo-panel--textonly{align-content:center;min-height:88px;padding:18px 14px 16px;display:grid}.brand-wordmark{font-family:var(--font-brand);letter-spacing:-.08em;color:#fff;font-size:clamp(2rem,4vw,2.6rem);font-weight:700;line-height:.95}.canvas-toolbar__label,.panel-head span,.graph-node__role{color:var(--muted-soft);text-transform:uppercase;letter-spacing:.18em;font-size:11px;display:inline-block}.editor-panel,.statement-panel{gap:12px;padding:14px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head strong,.canvas-toolbar strong{color:var(--text);font-size:13px;font-weight:600}.sql-input{resize:vertical;border:1px solid var(--border);color:#ededed;width:100%;min-height:360px;font-family:var(--font-mono);background:#000;padding:14px;line-height:1.6}.editor-actions,.canvas-toolbar__controls{flex-wrap:wrap;gap:8px;display:flex}.editor-actions button,.canvas-toolbar__controls button,.statement-item{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#000;padding:8px 12px}.editor-actions button:hover,.canvas-toolbar__controls button:hover,.statement-item:hover{background:#151515}.hidden-file-input{display:none}.editor-note,.graph-hint,.clause-chip span,.graph-node p,.info-card ul,.mono-list{color:var(--muted)}.statement-list{gap:8px;max-height:190px;display:grid;overflow:auto}.statement-item{text-align:left;font-family:var(--font-mono);font-size:12px;line-height:1.5}.statement-item--active{background:#131313;border-color:#8c8c8c}.sidebar-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.info-card{flex-direction:column;justify-content:center;padding:14px;display:flex;overflow:hidden}.info-card--flags-left{overflow:auto}.info-card ul{margin:12px 0 0;padding-left:16px}.flag-list.compact{gap:8px;margin-top:12px;display:grid}.flag{border:1px solid var(--border-soft);background:#090909;gap:4px;padding:10px;display:grid}.flag strong,.clause-chip strong,.graph-node strong{color:var(--text)}.flag span{color:var(--muted-soft);font-size:12px}.flag--high{border-color:#ff8a8a73}.flag--medium{border-color:#f0d38a73}.flag--low,.flag--clear{border-color:#a8d5a261}.canvas-panel{background:#020202;min-width:0;min-height:0;overflow:hidden}.workspace-grid{grid-template-columns:minmax(0,1fr) 430px;height:100%;min-height:0;display:grid}.graph-card{border-right-width:0;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.detail-rail{grid-template-rows:1fr 1fr;min-width:0;min-height:0;display:grid}.rail-card{border-width:0 0 1px 1px;min-width:0;min-height:0;padding:14px}.rail-card:last-child{border-bottom-width:0}.canvas-toolbar{border-bottom:1px solid var(--border);background:#000000eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.canvas-toolbar__title-group{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.canvas-toolbar__title-group .canvas-toolbar__label,.canvas-toolbar__title-group strong{line-height:1.1;display:block}.canvas-toolbar__controls span{border:1px solid var(--border);min-width:56px;color:var(--muted);justify-content:center;align-items:center;padding:8px 10px;display:inline-flex}.graph-shell{overscroll-behavior:contain;cursor:grab;background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/40px 40px,#030303;min-height:0;position:relative;overflow:hidden}.graph-shell:active{cursor:grabbing}.graph-viewport{transform-origin:0 0;position:absolute;top:0;left:0}.graph-edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.graph-edge-path{fill:none;stroke:#8a8a8a;stroke-width:2px}.graph-edge-label{fill:#8f8f8f;text-anchor:middle;font-size:15px}.graph-node{cursor:move;-webkit-user-select:none;user-select:none;background:#000000f5;border:1px solid #6d6d6d;width:188px;height:92px;padding:12px;position:absolute;box-shadow:0 0 0 1px #ffffff0a}.graph-node--source{border-color:#b0b0b0}.graph-node strong{margin-top:10px;font-size:18px;display:block}.graph-node p{font-family:var(--font-mono);margin:8px 0 0;font-size:12px}.graph-hint{border:1px solid var(--border);background:#000000e0;padding:8px 10px;font-size:12px;position:absolute;bottom:14px;right:18px}.bottom-card__content{height:calc(100% - 34px);margin-top:12px;overflow:auto}.mono-list{height:100%;font-family:var(--font-mono);flex-direction:column;justify-content:center;gap:22px;font-size:12px;display:flex}.clause-list.compact{gap:8px;display:grid}.clause-chip{border:1px solid var(--border-soft);background:#090909;gap:4px;padding:10px;display:grid}.clause-chip.is-on{border-color:#6b6b6b}.clause-chip.is-off{border-color:#252525}@media (width<=1380px){.workspace-grid{grid-template-columns:minmax(0,1fr) 360px}.app-shell{grid-template-columns:320px minmax(0,1fr)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.workspace-grid{grid-template-rows:minmax(0,1fr) 360px;grid-template-columns:1fr}.graph-card{border-bottom-width:0;border-right-width:1px}.detail-rail{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.rail-card{border-width:1px 0 0}.rail-card:last-child{border-left:1px solid var(--border)}}@media (width<=780px){.sidebar,.canvas-toolbar,.rail-card,.statement-panel,.editor-panel,.info-card,.logo-panel{padding:14px}.sidebar-grid,.detail-rail{grid-template-columns:1fr}.workspace-grid{grid-template-rows:minmax(0,1fr) 420px}.detail-rail{grid-template-rows:1fr 1fr}.rail-card:last-child{border-left:0}.sql-input{min-height:280px}}