@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");
*,*::before,*::after{box-sizing:border-box}:root{--bg:#0c0c0e;--panel:#141416;--raised:#1a1a1d;--line:#2a2a2e;--ink:#f3f0ea;--muted:#969398;--blue:#8da2ff;--green:#73e0a2;--purple:#b595ff;--orange:#ffb45d;--header:62px;--rail:76px;--panel-w:370px}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font:13px/1.45 Manrope,system-ui,sans-serif}button,input,textarea{font:inherit;color:inherit}button{border:0}.app-shell{height:100%;display:flex;flex-direction:column}.topbar{height:var(--header);min-height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px 0 18px;background:#101012;border-bottom:1px solid var(--line);z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;width:max-content;font-size:15px;font-weight:700}.brand>b,.brand span>b{color:var(--muted);font-weight:500}.wcu-wink{width:27px;height:27px;border:1px solid var(--blue);border-radius:50%;position:relative;display:block;transform:rotate(-4deg)}.wcu-wink i{position:absolute;width:8px;height:4px;border-top:1px solid var(--blue);border-radius:50%;left:6px;top:7px;transform:rotate(15deg)}.wcu-wink::after{content:"";position:absolute;width:3px;height:3px;background:var(--blue);border-radius:50%;right:6px;top:7px}.wcu-wink b{position:absolute;left:10px;top:9px;color:var(--blue);font:500 10px/1 "DM Mono"}.project-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px}.saved-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.top-actions{justify-self:end;display:flex;gap:7px}.button{height:34px;border:1px solid #3a3a3f;border-radius:7px;background:#202023;padding:0 12px;cursor:pointer;font-size:11px;font-weight:600;display:inline-grid;place-items:center}.button:hover{background:#29292d}.button.primary{color:#0c1020;background:var(--blue);border-color:var(--blue)}.file-button{display:grid}.workspace{display:grid;grid-template-columns:var(--rail) var(--panel-w) minmax(0,1fr);min-height:0;flex:1}.rail{background:#0f0f11;border-right:1px solid var(--line);padding:8px 6px;display:flex;flex-direction:column;gap:5px}.rail-button{height:61px;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.rail-button span{font:500 15px/1 "DM Mono"}.rail-button:hover,.rail-button.active{color:var(--ink);background:var(--raised)}.rail-button.active span{color:var(--blue)}.panel{background:var(--panel);border-right:1px solid var(--line);overflow:hidden}.panel-section{height:100%;display:none;padding:20px 16px;flex-direction:column}.panel-section.active{display:flex}.eyebrow{margin:0;color:var(--blue);font:500 9px "DM Mono";text-transform:uppercase;letter-spacing:.15em}.panel h1{margin:5px 0 16px;font-size:24px;letter-spacing:-.04em}.editor-wrap{flex:1;min-height:200px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0d0d0f}.editor-wrap:focus-within{border-color:#4c5687;box-shadow:0 0 0 2px rgba(141,162,255,.09)}textarea{width:100%;height:100%;resize:none;border:0;outline:0;background:transparent;padding:14px;color:#d8d5ce;font:12px/1.65 "DM Mono",monospace;tab-size:2}.editor-meta{height:29px;display:flex;align-items:center;justify-content:space-between;color:#6f6d73;font:9px "DM Mono"}.generate{height:42px;background:var(--blue);color:#111528;border-radius:7px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700}.generate:hover{background:#a9b7ff}.generate b{font:500 9px "DM Mono";opacity:.65}.panel-help{color:#6f6d73;font-size:10px;line-height:1.55;margin:13px 2px 0}.search{height:36px;border:1px solid var(--line);border-radius:6px;background:#0d0d0f;display:flex;align-items:center;padding:0 10px;gap:7px}.search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.object-list{overflow:auto;margin:12px -4px 0}.object-item{width:100%;height:50px;border-bottom:1px solid #222225;background:transparent;display:grid;grid-template-columns:29px 1fr auto;align-items:center;text-align:left;cursor:pointer;padding:0 7px}.object-item:hover{background:#1a1a1d}.object-item>i{width:20px;height:20px;border-radius:4px;background:#28282d;color:var(--blue);display:grid;place-items:center;font:500 9px "DM Mono"}.object-item b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-item small{color:#747278;font-size:9px}.object-item>span:last-child{font:9px "DM Mono";color:#666}.legend-list>div{display:grid;grid-template-columns:38px 1fr;align-items:center;min-height:55px;border-bottom:1px solid #242427}.legend-list span{color:var(--muted);font-size:10px}.legend-list b{color:var(--ink);display:block;font-size:11px}.swatch{width:27px;height:21px;border:1px solid #555;border-radius:4px;background:#202024}.swatch.view{border:2px solid var(--blue);background:rgba(141,162,255,.1)}.swatch.cte{border:2px dashed var(--purple)}.swatch.stub{border:1px dashed #777}.line{width:28px;border-top:2px solid var(--green)}.line.calculated{border-color:var(--orange);border-top-style:dashed}.key-help{display:flex;flex-direction:column;gap:8px;margin-top:20px;color:var(--muted);font-size:10px}.key-help b{display:inline-grid;place-items:center;width:25px;height:17px;border-radius:3px;background:#2c2c31;color:var(--blue);font:500 8px "DM Mono"}.diagram-shell{min-width:0;display:grid;grid-template-rows:48px minmax(0,1fr) 38px;background:#202024}.contextbar{background:#151517;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.contextbar>div:first-child{display:flex;align-items:center;gap:8px}.contextbar b{font-size:10px}.contextbar span:last-child{color:#6f6d73;font-size:10px}.context-actions{display:flex;gap:6px}.context-actions button{height:27px;border:1px solid var(--line);border-radius:5px;background:#202023;color:var(--muted);font-size:9px;cursor:pointer}.canvas{position:relative;min-height:0;overflow:hidden;cursor:grab}.canvas.panning{cursor:grabbing}#diagram{display:block;width:100%;height:100%;touch-action:none}.grid{pointer-events:none}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.empty.hidden{display:none}.empty>span{width:64px;height:64px;border:1px solid #424248;border-radius:50%;display:grid;place-items:center;color:var(--blue);font:500 13px "DM Mono"}.empty h2{font-size:27px;letter-spacing:-.04em;margin:18px 0 6px}.empty p{max-width:390px;color:#858288;font-size:11px}.empty button{pointer-events:auto;margin-top:12px;height:34px;border-radius:6px;background:#29292e;padding:0 12px;cursor:pointer}.minimap{position:absolute;right:14px;bottom:14px;width:150px;height:95px;border:1px solid #333338;border-radius:6px;background:rgba(16,16,18,.9);overflow:hidden}.minimap.hidden{display:none}.minimap svg{width:100%;height:100%}.minimap rect.node{fill:#62636b}.minimap #miniView{fill:rgba(141,162,255,.08);stroke:var(--blue);stroke-width:1}.statusbar{background:#151517;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#77757b;font:9px "DM Mono"}.zoom-controls{display:flex;align-items:center;gap:7px}.zoom-controls button{width:24px;height:24px;border-radius:4px;background:#242428;cursor:pointer}.zoom-controls input{width:100px;accent-color:var(--blue)}.zoom-controls span{width:34px}.schema-edge{fill:none;stroke:#7b7c84;stroke-width:1.5;marker-end:url(#arrow)}.schema-edge.lineage{stroke:var(--green);stroke-width:1.8}.schema-edge.calc{stroke:var(--orange);stroke-dasharray:5 4}.schema-edge.cte{stroke:var(--purple)}.node{cursor:grab}.node:active{cursor:grabbing}.node-bg{fill:#171719;stroke:#4b4b51;stroke-width:1.2;rx:8}.node.view .node-bg{stroke:var(--blue);stroke-width:2}.node.cte .node-bg{stroke:var(--purple);stroke-width:2;stroke-dasharray:6 4}.node.stub .node-bg{stroke:#717178;stroke-dasharray:5 4}.node-header{fill:#202024}.node-title{fill:#f3f0ea;font:700 12px Manrope}.node-kind{fill:#828087;font:500 7px "DM Mono";letter-spacing:.1em}.node-row-line{stroke:#29292d}.node-col{fill:#d2cfd0;font:500 10px Manrope}.node-type{fill:#76747a;font:400 8px "DM Mono"}.node-badge{fill:#2c2c32}.node-badge-text{fill:var(--blue);font:500 6px "DM Mono"}.node.selected .node-bg{filter:drop-shadow(0 0 7px rgba(141,162,255,.35));stroke:#b6c1ff}.toast{position:fixed;z-index:100;left:50%;bottom:18px;transform:translate(-50%,10px);padding:9px 13px;border:1px solid #444;border-radius:7px;background:#1b1b1e;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){:root{--panel-w:315px}.top-actions .ghost{display:none}.minimap{display:none}}@media(max-width:700px){:root{--rail:58px;--panel-w:0px}.panel{display:none}.workspace{grid-template-columns:var(--rail) minmax(0,1fr)}.rail-button{font-size:0}.rail-button span{font-size:16px}.topbar{grid-template-columns:auto 1fr auto}.brand>span:last-child,.project-title{display:none}.top-actions{justify-self:end}.statusbar>span:first-child{display:none}}
.node,.node *{user-select:none;-webkit-user-select:none}
.legend-list .line.relationship{border-color:#7b7c84}.legend-list .line.base-cte{border-color:#3b82f6}.legend-list .line.cte-cte{border-color:var(--purple)}.legend-list .line.cte-view{border-color:var(--green)}.schema-edge.base-cte{stroke:#3b82f6}.schema-edge.cte-cte{stroke:var(--purple)}.schema-edge.cte-view{stroke:var(--green)}