@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;color:#ededed;width:100%;min-height:360px;font-family:var(--font-mono);z-index:1;background:0 0;border:0;padding:14px;font-size:15px;line-height:24px;position:relative}.sql-editor-shell{border:1px solid var(--border);background:#000;position:relative;overflow:hidden}.sql-editor__highlights{pointer-events:none;position:absolute;inset:0}.sql-editor__highlight{opacity:.18;height:24px;position:absolute;top:0;left:0;right:0}.sql-editor__highlight--error{background:#ff8a8a4d}.sql-editor__highlight--warning{background:#f0d38a42}.sql-editor__highlight.is-primary{opacity:.3}.plan-input{resize:vertical;border:1px solid var(--border);color:#ededed;width:100%;min-height:150px;font-family:var(--font-mono);background:#000;padding:12px 14px;line-height:1.55}.schema-input,.compare-input{min-height:128px}.compare-input--secondary{min-height:100px}.editor-actions,.canvas-toolbar__controls{flex-wrap:wrap;gap:8px;display:flex}.editor-actions--compact{margin-top:-2px}.dialect-meta{border:1px solid var(--border);background:#ffffff05;flex-direction:column;gap:4px;margin-bottom:12px;padding:10px 12px;display:flex}.dialect-meta strong{letter-spacing:.08em;text-transform:uppercase;font-size:13px}.dialect-meta small{color:var(--muted);line-height:1.45}.review-banner{background:#f0d38a0f;border:1px solid #f0d38a6b;gap:8px;padding:12px;display:grid}.review-banner strong{color:var(--text);font-size:13px}.review-banner span{color:var(--muted);font-size:12px;line-height:1.5}.review-banner button{justify-self:start}.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:disabled,.canvas-toolbar__controls button:disabled,.statement-item:disabled{opacity:.45;cursor:not-allowed}.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)}.editor-note--status{color:#c9d6ff}.statement-list{gap:8px;max-height:190px;display:grid;overflow:auto}.saved-query-list{gap:8px;max-height:220px;display:grid;overflow:auto}.diagnostic-list{gap:8px;display:grid}.plan-summary{flex-wrap:wrap;gap:8px;display:flex}.plan-summary__chip{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:6px 9px;font-size:11px}.plan-summary__chip--warning{color:var(--danger);border-color:#ff8a8a80}.plan-summary__chip--good{color:var(--ok);border-color:#a8d5a28c}.plan-legend{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.plan-legend__item{border:1px dashed var(--border);color:var(--muted-soft);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;font-size:10px}.plan-legend__item--high{color:var(--danger);border-color:#ff8a8a8c}.plan-legend__item--medium{color:var(--warn);border-color:#f0d38a8c}.plan-legend__item--low{color:var(--ok);border-color:#a8d5a27a}.plan-legend__item--estimate{color:#d6e6ff;border-style:solid;border-color:#7bb3ff80}.compare-panel{gap:12px;display:grid}.compare-summary{flex-wrap:wrap;gap:8px;display:flex}.compare-chip{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:6px 9px;font-size:11px}.compare-chip.is-better{color:var(--ok);border-color:#a8d5a28c}.compare-chip.is-worse{color:var(--danger);border-color:#ff8a8a8c}.compare-groups{gap:10px;display:grid}.compare-group{border:1px solid var(--border-soft);background:#070707;gap:8px;padding:10px;display:grid}.compare-group strong{color:var(--text);font-size:12px}.compare-list{color:var(--muted);margin:0;padding-left:16px;font-size:12px;line-height:1.5}.compare-list__item--added{color:var(--ok)}.compare-list__item--removed{color:var(--danger)}.plan-signal-list{gap:8px;display:grid}.plan-signal{border:1px solid var(--border-soft);background:#070707;gap:4px;padding:10px;display:grid}.plan-signal strong{color:var(--text);font-size:12px}.plan-signal small{color:var(--muted-soft);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.plan-signal span{color:var(--muted);font-size:12px;line-height:1.45}.plan-signal__estimate{border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;justify-self:start;padding:3px 7px;font-size:10px}.plan-signal__estimate--high{color:var(--danger);border-color:#ff8a8ab3}.plan-signal__estimate--medium{color:var(--warn);border-color:#f0d38ab3}.plan-signal--high{border-color:#ff8a8a73}.plan-signal--medium{border-color:#f0d38a73}.plan-signal--low{border-color:#a8d5a261}.diagnostic-card{border:1px solid var(--border-soft);cursor:pointer;background:#070707;gap:8px;padding:10px;display:grid}.diagnostic-card--error{border-color:#ff8a8a73}.diagnostic-card--warning{border-color:#f0d38a73}.diagnostic-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.diagnostic-card__head span,.diagnostic-card small{color:var(--muted-soft);font-size:11px}.diagnostic-card p,.graph-empty-state p{color:var(--muted);margin:0;line-height:1.45}.diagnostic-card code,.graph-empty-state code{border:1px solid var(--border-soft);color:#e8e8e8;font-family:var(--font-mono);white-space:pre-wrap;background:#000;padding:8px 10px;font-size:12px;display:block;overflow:auto}.saved-query-card{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.saved-query-card__open,.saved-query-card__delete{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#000}.saved-query-card__open{text-align:left;gap:4px;padding:10px 12px;display:grid}.saved-query-card__open strong{color:var(--text);font-size:12px}.saved-query-card__open span{color:var(--muted-soft);font-size:11px}.saved-query-card__delete{padding:0 12px}.saved-query-card__open:hover,.saved-query-card__delete:hover{background:#151515}.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__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.flag__severity{border:1px solid var(--border);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;font-size:11px}.flag__description{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.flag strong,.clause-chip strong,.graph-node strong{color:var(--text)}.flag>span,.flag .flag__severity{color:var(--muted-soft);font-size:12px}.flag .flag__severity{color:var(--muted);font-size:11px}.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}.canvas-toolbar__search{border:1px solid var(--border);background:#000;align-items:center;gap:8px;padding:6px;display:flex}.canvas-toolbar__search input{width:min(260px,28vw);min-width:180px;color:var(--text);background:0 0;border:0;padding:4px 6px}.canvas-toolbar__search-meta{min-width:86px;color:var(--muted-soft);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.canvas-toolbar__modes{border:1px solid var(--border);background:#000;align-items:center;gap:6px;padding:6px;display:inline-flex}.canvas-toolbar__modes button{padding:8px 10px}.canvas-toolbar__modes button.is-active{background:#151515;border-color:#8c8c8c}.export-menu{position:relative}.export-menu--disabled .export-menu__dropdown{display:none}.export-menu__trigger{min-width:88px}.export-menu__dropdown{border:1px solid var(--border);z-index:4;background:#000000f5;min-width:156px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0}.export-menu:hover .export-menu__dropdown,.export-menu:focus-within .export-menu__dropdown{gap:6px;display:grid}.export-menu__dropdown button{text-align:left;width:100%}.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-empty-state{z-index:2;background:#070707f5;gap:10px;max-width:min(520px,100% - 48px);padding:16px;display:grid;position:absolute;top:24px;left:24px}.graph-empty-state--error{border:1px solid #ff8a8a73}.graph-empty-state--warning{border:1px solid #f0d38a73}.graph-empty-state strong,.diagnostic-card strong{color:var(--text)}.graph-empty-state span{color:var(--muted-soft);font-size:12px}.graph-empty-state small{color:var(--muted-soft);line-height:1.45}.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{pointer-events:all}.graph-edge--related .graph-edge-path{stroke:#d8d8d8;stroke-width:2.4px}.graph-edge--selected .graph-edge-path{stroke:#fff;stroke-width:2.7px}.graph-edge--plan-high .graph-edge-path{stroke:#ff8a8af2}.graph-edge--plan-medium .graph-edge-path{stroke:#f0d38af2}.graph-edge--plan-low .graph-edge-path{stroke:#a8d5a2eb}.graph-edge--fanout-caution .graph-edge-label-box{stroke:#f0d38ae6}.graph-edge--fanout-high .graph-edge-label-box{stroke:#ff8a8ae6}.graph-edge--compare-added .graph-edge-path{stroke:#a8d5a2f2}.graph-edge--compare-removed .graph-edge-path{stroke:#ff8a8ab3;stroke-dasharray:10 8}.graph-edge--matched .graph-edge-label-box{stroke:#f0d38ab3}.graph-edge--dimmed .graph-edge-path,.graph-edge--dimmed .graph-edge-label-box,.graph-edge--dimmed .graph-edge-label,.graph-edge--dimmed .graph-edge-badge,.graph-edge--dimmed .graph-edge-badge__text{opacity:.22}.graph-edge-hitbox{fill:none;stroke:#0000;stroke-width:20px}.graph-edge-path{fill:none;stroke:#8a8a8a;stroke-width:2px}.graph-edge-label-box{fill:#050505f0;stroke:#7d7d7d80}.graph-edge-label{fill:#d0d0d0;text-anchor:middle}.graph-edge-label--primary{letter-spacing:.08em;font-size:12px;font-weight:700}.graph-edge-label--secondary{fill:#9d9d9d;font-size:11px}.graph-edge-badge{stroke-width:1px}.graph-edge-badge--good{fill:#a8d5a229;stroke:#a8d5a2e6}.graph-edge-badge--caution{fill:#f0d38a29;stroke:#f0d38ae6}.graph-edge-badge--review{fill:#ff8a8a29;stroke:#ff8a8acc}.graph-edge-badge__text{fill:#f3f3f3;text-anchor:middle;font-size:11px;font-weight:700}.graph-edge-badge--plan{fill:#ffffff0f}.graph-edge-badge--plan-high{stroke:#ff8a8ae6}.graph-edge-badge--plan-medium{stroke:#f0d38aeb}.graph-edge-badge--plan-low{stroke:#a8d5a2e0}.graph-edge-badge--estimate{fill:#ffffff0d}.graph-edge-badge--estimate-high{stroke:#ff8a8ae6}.graph-edge-badge--estimate-medium{stroke:#f0d38aeb}.graph-edge-badge--note{fill:#7bb3ff1f;stroke:#7bb3ffd1}.graph-edge-badge__text--plan,.graph-edge-badge__text--estimate{letter-spacing:.03em;font-size:9px}.graph-edge-badge__text--note{fill:#d6e6ff}.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--target{border-color:#7bb3ffc7;box-shadow:0 0 0 1px #7bb3ff1f}.graph-node--special{box-shadow:0 0 0 1px #f0d38a1a}.graph-node--derived{box-shadow:0 0 0 1px #ffffff0f,0 10px 28px #0000003d}.graph-node--derived-cte{border-color:#7bb3ffb8}.graph-node--derived-subquery{border-color:#f0d38ab3}.graph-node--selected{border-color:#f3f3f3;box-shadow:0 0 0 1px #ffffff29,0 0 0 6px #ffffff0d}.graph-node--related{border-color:#9f9f9f}.graph-node--matched{box-shadow:0 0 0 1px #f0d38a57,0 0 0 6px #f0d38a0f}.graph-node--plan-high{border-color:#ff8a8abf}.graph-node--plan-medium{border-color:#f0d38abf}.graph-node--plan-low{border-color:#a8d5a2bf}.graph-node--fanout-caution{box-shadow:0 0 0 1px #f0d38a47,0 0 0 6px #f0d38a0d}.graph-node--fanout-high{box-shadow:0 0 0 1px #ff8a8a52,0 0 0 6px #ff8a8a0d}.graph-node--compare-added{border-style:solid;box-shadow:0 0 0 1px #a8d5a247,0 0 0 6px #a8d5a20d}.graph-node--compare-removed{color:var(--muted);opacity:.84;pointer-events:none;border-style:dashed;border-color:#ff8a8acc}.graph-node--dimmed{opacity:.3}.graph-node__plan-badge{border:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;background:#000000f0;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.graph-node__plan-badge small{color:var(--muted-soft);letter-spacing:.04em;text-transform:none;margin-top:4px;font-size:9px;font-weight:500;display:block}.graph-node__plan-badge--high{color:var(--danger);border-color:#ff8a8acc}.graph-node__plan-badge--medium{color:var(--warn);border-color:#f0d38acc}.graph-node__plan-badge--low{color:var(--ok);border-color:#a8d5a2cc}.graph-node__estimate-badge{border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;background:#000000f0;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.graph-node__estimate-badge--high{color:var(--danger);border-color:#ff8a8acc}.graph-node__estimate-badge--medium{color:var(--warn);border-color:#f0d38acc}.graph-node__note-badge{color:#d6e6ff;letter-spacing:.08em;text-transform:uppercase;background:#7bb3ff1f;border:1px solid #7bb3ffd1;padding:3px 7px;font-size:10px;position:absolute;bottom:10px;left:10px}.graph-node__fanout-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);background:#000000f0;padding:3px 7px;font-size:10px;position:absolute;top:10px;left:10px}.graph-node__fanout-badge--caution{color:var(--warn);border-color:#f0d38acc}.graph-node__fanout-badge--high{color:var(--danger);border-color:#ff8a8ad1}.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-node__toggle{border:1px solid var(--border);color:var(--text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#000000f0;padding:4px 8px;font-size:10px;position:absolute;bottom:10px;right:10px}.graph-node__toggle.is-open{background:#131313;border-color:#8c8c8c}.graph-node__kind{color:var(--muted-soft);letter-spacing:.14em;text-transform:uppercase;font-size:10px;display:inline-block}.graph-node__meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.graph-node__special-badge{color:var(--warn);letter-spacing:.12em;text-transform:uppercase;background:#f0d38a14;border:1px solid #f0d38a9e;padding:2px 6px;font-size:10px;display:inline-block}.graph-node__detail{border:1px solid var(--border);z-index:3;background:#060606fa;gap:10px;width:260px;padding:12px;display:grid;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 14px 30px #00000057}.graph-node__detail-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.graph-node__detail-head strong{margin:0;font-size:12px}.graph-node__detail-head span{color:var(--muted-soft);font-size:11px}.graph-node__detail p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.graph-node__detail-section{gap:6px;display:grid}.graph-node__detail-section span{color:var(--muted-soft);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.graph-node__detail-section code{border:1px solid var(--border-soft);color:#e6e6e6;font-family:var(--font-mono);white-space:pre-wrap;background:#000;padding:8px 10px;font-size:11px;line-height:1.45;display:block}.graph-hint{border:1px solid var(--border);background:#000000e0;padding:8px 10px;font-size:12px;position:absolute;bottom:14px;right:18px}.minimap{border:1px solid var(--border);z-index:2;background:#000000e6;gap:8px;padding:10px;display:grid;position:absolute;bottom:18px;left:18px}.minimap__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.minimap__head span{color:var(--muted-soft);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.minimap__head strong{color:var(--text);font-size:11px}.minimap__frame{border:1px solid var(--border-soft);cursor:pointer;background:#ffffff05}.minimap__canvas{display:block}.minimap__edge{stroke:#9696966b;stroke-width:1px}.minimap__edge--added{stroke:#a8d5a2bd}.minimap__edge--removed{stroke:#ff8a8ab8;stroke-dasharray:3 2}.minimap__node{fill:#cdcdcd38;stroke:#cdcdcd94;stroke-width:1px}.minimap__node--selected{fill:#ffffff4d;stroke:#ffffffe6}.minimap__node--plan-high{fill:#ff8a8a33;stroke:#ff8a8acc}.minimap__node--plan-medium{fill:#f0d38a33;stroke:#f0d38acc}.minimap__node--plan-low{fill:#a8d5a22e;stroke:#a8d5a2c7}.minimap__node--added{stroke:#a8d5a2e6}.minimap__node--removed{fill:#ff8a8a29;stroke:#ff8a8ab8;stroke-dasharray:3 2}.minimap__viewport{fill:#ffffff14;stroke:#ffffffe0;stroke-width:1.2px}.bottom-card__content{height:calc(100% - 34px);margin-top:12px;overflow:auto}.rail-note{color:var(--muted-soft);margin:12px 0 0;font-size:12px;line-height:1.45}.inspector-panel .bottom-card__content{align-content:start;display:grid}.inspector-content{gap:14px;display:grid}.inspector-route{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inspector-route span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.inspector-summary{color:var(--muted);margin:0;line-height:1.5}.inspector-badges{flex-wrap:wrap;gap:8px;display:flex}.inspector-badge{border:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:700}.inspector-badge--good{color:var(--ok);border-color:#a8d5a2cc}.inspector-badge--caution{color:var(--warn);border-color:#f0d38acc}.inspector-badge--review{color:var(--danger);border-color:#ff8a8acc}.inspector-badge--neutral{color:var(--muted)}.inspector-section{gap:8px;display:grid}.note-input{resize:vertical;border:1px solid var(--border-soft);color:#ededed;width:100%;min-height:112px;font-family:var(--font-mono);background:#000;padding:10px 12px;font-size:12px;line-height:1.55}.note-input--summary{min-height:120px}.note-input--compact{min-height:88px}.inspector-note{color:var(--muted-soft);font-size:11px;line-height:1.4}.inspector-note--inline{margin-top:-2px}.inspector-code{border:1px solid var(--border-soft);color:#e7e7e7;font-family:var(--font-mono);white-space:pre-wrap;background:#000;padding:10px 12px;font-size:12px;line-height:1.55;display:block;overflow:auto}.inspector-list{color:var(--muted);margin:0;padding-left:16px;font-size:12px;line-height:1.5}.inspector-empty{color:var(--muted);margin:0;line-height:1.5}.rail-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.rail-tabs button,.join-list-item{border:1px solid var(--border);color:var(--text);background:#000}.rail-tabs button{cursor:pointer;padding:8px 12px}.rail-tabs button.is-active{background:#141414;border-color:#8c8c8c}.mono-list{height:100%;font-family:var(--font-mono);flex-direction:column;justify-content:flex-start;gap:22px;font-size:12px;display:flex}.join-list-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-mono);gap:5px;padding:10px 12px;display:grid}.join-list-item strong{font-size:12px}.join-list-item span,.join-list-item code{color:var(--muted);font-size:12px}.join-list-item code{font-family:var(--font-mono);white-space:pre-wrap}.join-list-item__note{color:#d6e6ff;font-size:11px;line-height:1.4}.review-panel{align-content:start;gap:18px;display:grid}.review-section{gap:10px;display:grid}.review-statuses{flex-wrap:wrap;gap:8px;display:flex}.review-status{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#000;padding:8px 12px}.review-status.is-active{background:#141414}.review-status:disabled{opacity:.48;cursor:not-allowed}.review-status--good{border-color:#a8d5a28c}.review-status--review{border-color:#ff8a8a80}.guidance-list,.flag-review-list,.comment-list{gap:10px;display:grid}.guidance-card,.comment-card{border:1px solid var(--border-soft);background:#070707;gap:6px;padding:10px;display:grid}.guidance-card--high{border-color:#ff8a8a66}.guidance-card--medium{border-color:#f0d38a66}.guidance-card--low{border-color:#a8d5a259}.guidance-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.guidance-card strong,.comment-card strong{color:var(--text);font-size:12px}.guidance-card__head span{color:var(--muted-soft);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.guidance-card p,.comment-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.guidance-card small{color:#d6e6ff;font-size:11px;line-height:1.45}.shortcut-overlay{z-index:10;background:#00000094;place-items:center;display:grid;position:fixed;inset:0}.shortcut-card{border:1px solid var(--border);background:#070707fa;gap:14px;width:min(520px,100vw - 32px);padding:16px;display:grid}.shortcut-list{gap:8px;display:grid}.shortcut-item{border:1px solid var(--border-soft);background:#090909;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.shortcut-item span{color:var(--muted);font-size:12px}kbd{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);background:#000;padding:4px 8px;font-size:12px}.join-list-item--selected{background:#121212;border-color:#f3f3f3}.join-list-item--related{color:#f3f3f3}.join-list-item--matched{box-shadow:inset 0 0 0 1px #f0d38a47}.join-list-item--dimmed{opacity:.3}.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}.canvas-toolbar__search{width:100%}.canvas-toolbar__modes{justify-content:stretch;width:100%}.canvas-toolbar__modes button{flex:1 1 0}.canvas-toolbar__search input{width:100%;min-width:0}.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}}