@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/SpaghetDB/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/SpaghetDB/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/SpaghetDB/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/SpaghetDB/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/SpaghetDB/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/SpaghetDB/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/SpaghetDB/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/SpaghetDB/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/SpaghetDB/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/SpaghetDB/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/SpaghetDB/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/SpaghetDB/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}:root{--navy:#0b1324;--blueprint:#102a43;--grid:#234a70;--cyan:#37c8ff;--amber:#ffb454;--paper:#f4f8fc;--bg:#0b1324;--panel:#0f1c30;--panel-2:#13233a;--canvas:#0a1527;--line:#27425e;--line-soft:#1d344d;--text:#e9f2f9;--muted:#86a0b8;--faint:#547089;--cyan-soft:#37c8ff1f;--amber-soft:#ffb4541f;--minimap-mask:#050f1cc7;color:var(--text);background:var(--bg);font-synthesis:none;font-family:IBM Plex Sans,sans-serif}:root[data-theme=light]{--bg:#e9f0f6;--panel:#f8fbfe;--panel-2:#eef4f8;--canvas:#edf3f8;--line:#a9bfd2;--line-soft:#cedbe6;--text:#102a43;--muted:#526d82;--faint:#7890a4;--cyan:#087eaa;--cyan-soft:#087eaa1a;--amber:#ad5b00;--amber-soft:#ad5b001a;--minimap-mask:#e1ebf3c2}:root[data-contrast=high]{--line:#64d9ff;--line-soft:#54768e;--muted:#c1d8e8;--faint:#9bb7ca}:root[data-theme=light][data-contrast=high]{--line:#075f82;--line-soft:#718b9d;--muted:#243f52;--faint:#3f5d72}:root[data-text-size=large]{font-size:112.5%}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.brand>span:last-child span{color:var(--cyan)}.brand-logo{object-fit:cover;border-radius:7px;width:29px;height:29px;display:block}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:999;background:var(--cyan);color:#06111f;padding:9px 13px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.route-loader{color:#9fbbcf;background:#0b1324;place-content:center;justify-items:center;gap:14px;min-height:100vh;font:12px IBM Plex Mono,monospace;display:grid}.route-loader img{border-radius:12px;width:52px;height:52px}.landing{background:var(--navy);color:#eaf4fb;min-height:100vh;overflow:hidden}.landing-nav{border-bottom:1px solid #203b55;justify-content:space-between;align-items:center;max-width:1240px;height:72px;margin:auto;padding:0 28px;display:flex}.landing-nav nav{color:#91a9bc;align-items:center;gap:28px;font-size:14px;display:flex}.landing-nav nav a:hover{color:#fff}.landing-nav .nav-cta{color:#06111f;background:#37c8ff;align-items:center;gap:8px;padding:10px 15px;font-weight:600;display:flex}.hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;max-width:1240px;min-height:660px;margin:auto;padding:70px 28px 62px;display:grid;position:relative}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#37c8ff09 1px,#0000 1px),linear-gradient(90deg,#37c8ff09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.hero-copy,.hero-console{position:relative}.coordinate{letter-spacing:.08em;margin:0 0 28px;font:500 11px IBM Plex Mono;color:#56c9ee!important}.hero h1{letter-spacing:-.065em;max-width:540px;margin:0 0 30px;font-size:clamp(50px,6vw,82px);font-weight:500;line-height:.98}.hero-copy>p:not(.coordinate){color:#a9bdcd;max-width:480px;font-size:19px;line-height:1.6}.hero-actions{align-items:center;gap:20px;margin-top:38px;display:flex}.primary-action{color:#071322;background:#37c8ff;align-items:center;gap:12px;padding:14px 18px;font-weight:600;display:inline-flex}.hero-actions span{color:#7895aa;gap:7px;font-size:12px;display:flex}.hero-console{background:#0a1729;border:1px solid #31506c;min-width:0;box-shadow:18px 18px #07101e}.console-bar{color:#809bb1;border-bottom:1px solid #29445e;justify-content:space-between;align-items:center;height:42px;padding:0 15px;font:11px IBM Plex Mono;display:flex}.console-bar span:first-child{color:#b8ccda}.console-bar i{background:#4dd89c;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #4dd89c}.console-body{grid-template-columns:1fr 1fr;min-height:390px;display:grid}.hero-code,.hero-output{flex-direction:column;min-width:0;display:flex}.hero-code{border-right:1px solid #29445e}.hero-code>span,.hero-output>span{color:#62829b;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #203a54;height:35px;padding:11px 13px;font:10px IBM Plex Mono}.hero-code textarea{resize:none;color:#b6cee0;background:#091424;border:0;outline:0;flex:1;padding:17px;font:11px/1.85 IBM Plex Mono}.hero-output{background-image:radial-gradient(#244763 1px,#0000 1px);background-size:20px 20px}.focus-demo{color:#bfeeff;cursor:pointer;background:#102a43;border:1px solid #3a6885;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:14px;right:14px}.hero-diagram{flex:1;place-content:center;gap:52px;padding:40px 28px;transition:all .3s;display:grid;position:relative}.mini-table{z-index:2;background:#0d2136;border:1px solid #3c708e;width:190px;position:relative;box-shadow:5px 5px #0003}.mini-table strong{color:#e6f6ff;border-bottom:1px solid #345b75;padding:9px 12px;font:600 12px IBM Plex Mono;display:block}.mini-table code{color:#88a9bd;padding:4px 12px;font:10px IBM Plex Mono;display:block}.mini-table code:first-of-type{color:#ffbd68;padding-top:8px}.mini-table code:last-child{padding-bottom:8px}.hero-diagram svg{stroke:#37c8ff;fill:none;stroke-width:1.5px;width:180px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.relation-one,.relation-many{color:#7edfff;font:9px IBM Plex Mono;position:absolute;left:calc(50% + 13px)}.relation-one{top:44%}.relation-many{bottom:42%}.hero-diagram.is-focused .posts-table{opacity:.16;filter:blur(1px)}.hero-diagram.is-focused svg{opacity:.2}.hero-diagram.is-focused .users-table{box-shadow:0 0 0 2px #37c8ff,0 0 28px #37c8ff33}.signal-strip{color:#809caf;border-block:1px solid #243e57;justify-content:center;gap:0;font:11px IBM Plex Mono;display:flex}.signal-strip span{border-right:1px solid #243e57;padding:17px 28px}.signal-strip span:first-child{border-left:1px solid #243e57}.method{max-width:1180px;margin:0 auto;padding:115px 28px}.section-heading{border-bottom:1px solid #29445e;grid-template-columns:1fr 2fr;padding-bottom:32px;display:grid}.section-heading p{color:#37c8ff;font:12px IBM Plex Mono}.section-heading h2{letter-spacing:-.045em;max-width:650px;margin:0;font-size:42px;font-weight:500;line-height:1.08}.steps{grid-template-columns:repeat(3,1fr);display:grid}.steps article{border-right:1px solid #29445e;padding:34px 32px 38px;position:relative}.steps article:first-child{border-left:1px solid #29445e}.steps article>span{color:#66849a;font:11px IBM Plex Mono}.steps article>svg{color:#37c8ff;margin:48px 0 24px;display:block}.steps h3{margin:0 0 10px;font-size:18px}.steps p{color:#819caf;margin:0;font-size:14px;line-height:1.7}.focus-story{background:#0d1d31;border:1px solid #29455f;grid-template-columns:.8fr 1.2fr;gap:80px;max-width:1180px;margin:0 auto 120px;padding:70px;display:grid}.focus-story h2{letter-spacing:-.04em;margin:0 0 24px;font-size:38px;line-height:1.1}.focus-story p:not(.coordinate){color:#8da6b9;line-height:1.7}.focus-story a{color:#37c8ff;gap:8px;margin-top:20px;font-size:14px;display:inline-flex}.focus-stage{background-image:radial-gradient(#2a4b66 1px,#0000 1px);background-size:22px 22px;height:300px;position:relative}.focus-node,.ghost-table{background:#102943;border:1px solid #3a6581;padding:13px 18px;font:12px IBM Plex Mono;position:absolute}.focus-node{color:#fff;border-color:#37c8ff;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #37c8ff29}.focus-node span{color:#6f9bb5;margin-top:7px;font-size:9px;display:block}.ghost-table{color:#7390a5;opacity:.2}.ghost-table:after{content:"";background:#37c8ff;width:80px;height:1px;position:absolute;top:50%}.ghost-table.one{top:15%;left:10%}.ghost-table.one:after{transform-origin:0;left:100%;transform:rotate(28deg)}.ghost-table.two{bottom:14%;left:6%}.ghost-table.two:after{transform-origin:0;left:100%;transform:rotate(-22deg)}.ghost-table.three{top:18%;right:5%}.ghost-table.three:after{transform-origin:100%;right:100%;transform:rotate(-25deg)}.ghost-table.four{bottom:12%;right:2%}.ghost-table.four:after{transform-origin:100%;right:100%;transform:rotate(20deg)}.landing footer{color:#718ca1;border-top:1px solid #29445e;align-items:center;gap:32px;max-width:1180px;margin:auto;padding:34px 0 50px;font-size:12px;display:flex}.landing footer p{flex:1}.landing footer>span{align-items:center;gap:7px;display:flex}.workspace{background:var(--bg);height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:8px;height:52px;padding:0 10px;display:flex}.topbar>.brand{width:38px;margin:0 5px}.topbar .brand-mark{width:19px;height:19px}.topbar .brand-mark i{height:20px}.project-switcher{position:relative}.project-switcher>button,.theme-toggle{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.project-switcher>button span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.project-menu{background:var(--panel);border:1px solid var(--line);z-index:20;width:280px;padding:8px;position:absolute;top:41px;left:0;box-shadow:0 16px 40px #00000047}.project-actions{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr;gap:5px;padding-bottom:8px;display:grid}.project-actions button,.recent-project{background:var(--panel-2);text-align:left;cursor:pointer;border:0;align-items:center;gap:6px;padding:8px;display:flex}.project-menu>p{color:var(--muted);margin:12px 7px 6px;font:10px IBM Plex Mono}.recent-project{background:0 0;justify-content:space-between;width:100%}.recent-project:hover{background:var(--panel-2)}.recent-project span{flex-direction:column;display:flex}.recent-project small{color:var(--muted);margin-top:3px}.recent-project i{padding:4px 8px;font-style:normal}.project-name{width:140px;color:var(--muted);background:0 0;border:0;padding:7px;font-size:12px}.parse-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font:10px IBM Plex Mono;display:flex}.parse-status i{background:#4dd89c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #4dd89c}.parse-status i.warning{background:var(--amber);box-shadow:0 0 7px var(--amber)}.topbar-spacer{flex:1}.search-trigger{border:1px solid var(--line);background:var(--canvas);min-width:190px;height:32px;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.search-trigger span{text-align:left;flex:1}.search-trigger kbd{border:1px solid var(--line);padding:3px;font:9px IBM Plex Mono}.topbar select{background:var(--panel-2);height:32px;color:var(--text);border:1px solid var(--line);padding:0 8px;font-size:11px}.theme-toggle{justify-content:center;width:34px;padding:0}.workspace-grid{grid-template-columns:minmax(280px,25vw) 1fr minmax(260px,20vw);height:calc(100vh - 52px);display:grid}.workspace.editor-closed .workspace-grid{grid-template-columns:1fr minmax(260px,20vw)}.workspace.inspector-closed .workspace-grid{grid-template-columns:minmax(280px,25vw) 1fr}.workspace.editor-closed.inspector-closed .workspace-grid{grid-template-columns:1fr}.panel-title{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;height:46px;padding:0 13px;display:flex}.panel-title>div{align-items:center;gap:9px;display:flex}.panel-title span{font-size:12px;font-weight:600}.panel-title small{color:var(--muted);font:9px IBM Plex Mono}.panel-title .icon-button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.icon-button input{display:none}.example-select{border:1px solid var(--line);background:var(--surface);max-width:142px;height:28px;color:var(--muted);cursor:pointer;border-radius:2px;padding:0 7px;font:9px IBM Plex Mono}.example-select:hover,.example-select:focus-visible{border-color:var(--cyan);color:var(--text)}.example-select:disabled{cursor:progress;opacity:.65}.editor-panel{border-right:1px solid var(--line);background:#0c1626;grid-template-rows:46px 1fr 44px;min-width:0;display:grid}.editor-footer{color:#617a91;border-top:1px solid #24384e;justify-content:space-between;align-items:center;padding:0 10px;font:9px IBM Plex Mono;display:flex}.editor-footer button{color:#dff7ff;cursor:pointer;background:#0e536e;border:1px solid #2588ad;align-items:center;gap:7px;height:30px;padding:0 12px;font:10px IBM Plex Mono;display:flex}.editor-footer button:disabled{opacity:.55}.canvas-region{min-width:0;position:relative}.canvas-wrap{background:var(--canvas);position:absolute;inset:0}.canvas-toolbar{z-index:5;background:var(--panel);border:1px solid var(--line);display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0000002e}.canvas-toolbar button{border:0;border-right:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:10px;display:flex}.canvas-toolbar button:hover{color:var(--text);background:var(--panel-2)}.canvas-toolbar span{border-right:1px solid var(--line);width:8px}.panel-toggle{z-index:7;border:1px solid var(--line);background:var(--panel);cursor:pointer;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:12px}.panel-toggle.left{left:10px}.panel-toggle.right{right:10px}.focus-banner{z-index:6;background:var(--panel);border:1px solid var(--cyan);box-shadow:0 0 24px var(--cyan-soft);align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.focus-banner button{color:var(--text);cursor:pointer;background:0 0;border:0;display:grid}.canvas-empty{z-index:4;pointer-events:none;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty h2{margin:22px 0 6px;font-size:18px}.canvas-empty p{font-size:12px}.empty-glyph{border:1px solid var(--line);width:54px;height:54px;position:relative;transform:rotate(45deg)}.empty-glyph i{background:var(--cyan);width:1px;height:70px;position:absolute;top:-9px;transform:rotate(-45deg)}.empty-glyph i:first-child{left:15px}.empty-glyph i:nth-child(2){left:26px}.empty-glyph i:nth-child(3){left:37px}.react-flow__controls{border:1px solid var(--line);background:var(--panel)!important;box-shadow:none!important}.react-flow__controls button{background:var(--panel)!important;border-color:var(--line)!important;fill:var(--text)!important}.react-flow__minimap{border:1px solid var(--line);background:var(--panel)!important;border-radius:0!important}.react-flow__edge-path{stroke:var(--cyan);stroke-width:1.3px}.react-flow__edge-textbg{fill:var(--panel)}.react-flow__edge-text{fill:var(--cyan);font:9px IBM Plex Mono}.react-flow__arrowhead polyline{stroke:var(--cyan);fill:var(--cyan)}.table-node{background:var(--panel);border:1px solid var(--line);width:268px;transition:opacity .22s,border-color .2s,box-shadow .2s;box-shadow:5px 5px #02080f38}.table-node.selected{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),6px 6px 0 #37c8ff14}.table-node.highlighted{animation:1.35s table-flash}.table-node.dimmed{opacity:.12;filter:saturate(.2)}.table-node-head{border-bottom:1px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:center;height:52px;padding:8px 9px 8px 13px;display:flex}.table-node-head>div{flex-direction:column;display:flex}.table-node-head small{color:var(--cyan);font:8px IBM Plex Mono}.table-node-head strong{margin-top:3px;font:600 13px IBM Plex Mono}.table-node-head button{color:var(--faint);cursor:pointer;background:0 0;border:0;padding:6px}.table-node-head button.active{color:var(--amber)}.table-column{border-bottom:1px solid var(--line-soft);grid-template-columns:18px 1fr auto 10px;align-items:center;height:29px;padding:0 10px;font:10px IBM Plex Mono;display:grid;position:relative}.table-column:last-child{border-bottom:0}.column-flags{color:var(--amber);place-items:center;display:grid}.column-flags i{background:var(--faint);border-radius:50%;width:3px;height:3px}.column-name{color:var(--text)}.table-column code{color:var(--muted);font:9px IBM Plex Mono}.nullable{color:var(--faint);text-align:right}.junction-label{text-align:center;border-top:1px solid var(--line);color:var(--amber);background:var(--amber-soft);padding:4px;font:8px IBM Plex Mono}.table-column .react-flow__handle{background:var(--cyan);border:1px solid var(--panel);width:6px;height:6px;top:50%}.table-column .react-flow__handle-left{left:-13px}.table-column .react-flow__handle-right{right:-13px}@keyframes table-flash{0%,to{box-shadow:5px 5px #02080f38}30%{box-shadow:0 0 0 3px var(--cyan),0 0 30px var(--cyan)}}.inspector{border-left:1px solid var(--line);background:var(--panel);grid-template-rows:46px 1fr;min-width:0;display:grid}.inspector-scroll{padding-bottom:30px;overflow:auto}.inspector section{border-bottom:1px solid var(--line);padding:14px}.inspector-heading{color:var(--muted);align-items:center;gap:7px;margin-bottom:12px;font:10px IBM Plex Mono;display:flex}.inspector-heading span{color:var(--faint);margin-left:auto}.stat-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.stat-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;height:67px;padding-left:13px;display:flex}.stat-grid strong{color:var(--cyan);font:600 19px IBM Plex Mono}.stat-grid span{color:var(--muted);margin-top:3px;font-size:10px}.inspect-column{border-bottom:1px solid var(--line-soft);padding:9px 0}.inspect-column>div:first-child{justify-content:space-between;align-items:center;display:flex}.inspect-column strong{font:500 11px IBM Plex Mono}.inspect-column code{color:var(--muted);font:9px IBM Plex Mono}.inspect-column small{color:var(--muted);margin-top:6px;font:9px IBM Plex Mono;display:block}.badges{gap:4px;margin-top:6px;display:flex}.badges span{background:var(--cyan-soft);color:var(--cyan);align-items:center;gap:3px;padding:3px 5px;font:7px IBM Plex Mono;display:flex}.relation-row,.index-row{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr auto;gap:3px;padding:8px 0;display:grid}.relation-row span{color:var(--muted);grid-column:1/-1;font-size:9px}.relation-row strong,.index-row strong{font:500 10px IBM Plex Mono}.relation-row code,.index-row code{color:var(--cyan);font:8px IBM Plex Mono}.diagnostic{background:var(--amber-soft);color:var(--amber);gap:8px;margin-bottom:6px;padding:9px;display:flex}.diagnostic.error{color:#ff7f88;background:#ff505a17}.diagnostic.success{color:#53d59d;background:#53d59d14}.diagnostic strong{text-transform:uppercase;font:8px IBM Plex Mono}.diagnostic p{color:var(--muted);margin:3px 0 0;font-size:9px;line-height:1.4}.legend p{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.legend p>svg,.legend p>span{color:var(--amber)}.muted{color:var(--muted);font-size:10px}.palette-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02080fa8;justify-content:center;padding-top:12vh;display:flex;position:fixed;inset:0}.search-palette{background:var(--panel);border:1px solid var(--line);width:min(620px,90vw);height:max-content;box-shadow:0 28px 80px #00000073}.palette-input{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:58px;padding:0 17px;display:flex}.palette-input svg{color:var(--cyan)}.palette-input input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.palette-results{max-height:390px;padding:7px;overflow:auto}.palette-results button{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:10px;display:flex}.palette-results button:hover,.palette-results button:first-child{background:var(--panel-2);color:var(--text)}.palette-results button>span{flex-direction:column;flex:1;display:flex}.palette-results strong{font:500 11px IBM Plex Mono}.palette-results small{color:var(--muted);margin-top:3px;font-size:9px}.palette-results>p{text-align:center;color:var(--muted);padding:30px;font-size:12px}.palette-help{border-top:1px solid var(--line);color:var(--faint);gap:16px;padding:9px 16px;font:8px IBM Plex Mono;display:flex}.mobile-notice{display:none}.topbar>.brand .brand-logo{border-radius:6px;width:25px;height:25px}.accessibility-switcher{position:relative}.accessibility-menu{z-index:30;background:var(--panel);border:1px solid var(--line);width:255px;padding:10px;position:absolute;top:41px;right:0;box-shadow:0 16px 40px #0000004d}.accessibility-menu>strong{padding:4px 6px 10px;font-size:12px;display:block}.accessibility-menu>button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:9px 7px;display:flex}.accessibility-menu>button:hover{background:var(--panel-2)}.accessibility-menu>button span{flex-direction:column;gap:2px;display:flex}.accessibility-menu b{font-size:11px}.accessibility-menu small{color:var(--muted);font-size:9px}.accessibility-menu svg{color:var(--cyan)}.accessibility-menu p{color:var(--muted);border-top:1px solid var(--line-soft);margin:7px 0 0;padding:9px 6px 2px;font-size:9px}.accessibility-menu kbd,.shortcut-dialog kbd{border:1px solid var(--line);background:var(--panel-2);padding:2px 5px;font:9px IBM Plex Mono}.keyboard-help{z-index:7;border:1px solid var(--line);background:var(--panel);width:30px;height:30px;color:var(--muted);cursor:pointer;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}.table-node:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan),6px 6px 0 #37c8ff14;outline:0}.shortcut-dialog{background:var(--panel);border:1px solid var(--line);width:min(520px,90vw);box-shadow:0 28px 80px #00000073}.shortcut-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.shortcut-dialog h2{margin:0;font-size:14px}.shortcut-dialog header button{color:var(--muted);cursor:pointer;background:0 0;border:0}.shortcut-dialog dl{margin:0;padding:10px 16px 16px}.shortcut-dialog dl>div{border-bottom:1px solid var(--line-soft);grid-template-columns:145px 1fr;align-items:center;padding:10px 0;display:grid}.shortcut-dialog dt{gap:5px;display:flex}.shortcut-dialog dd{color:var(--muted);margin:0;font-size:11px}.canvas-toolbar button:disabled{opacity:.45;cursor:wait}.palette-results button.active{background:var(--panel-2);color:var(--text)}.recent-project>button:first-child{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0}.recent-project .delete-project{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px 8px}.recent-project .delete-project:hover{color:#ff7f88}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:60px}.hero-console{max-width:680px}.section-heading,.steps{grid-template-columns:1fr}.steps article{border-bottom:1px solid #29445e;border-left:1px solid #29445e}.focus-story{grid-template-columns:1fr;padding:40px}.landing footer{margin-inline:28px}.landing-nav nav>a:not(.nav-cta){display:none}.workspace-grid{grid-template-columns:250px 1fr!important}.inspector{display:none}.search-trigger{min-width:auto}.search-trigger span,.search-trigger kbd,.parse-status,.project-name{display:none}}@media (width<=620px){.landing-nav{height:62px}.hero{gap:45px;padding:45px 20px}.hero h1{font-size:48px}.hero-copy>p:not(.coordinate){font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.console-body{grid-template-columns:1fr}.hero-code{display:none}.hero-console{box-shadow:10px 10px #07101e}.signal-strip{justify-content:flex-start;overflow:auto}.method{padding:80px 20px}.section-heading h2,.focus-story h2{font-size:32px}.focus-story{margin:0 20px 70px;padding:30px 20px}.focus-stage{height:250px}.landing footer{flex-direction:column;align-items:flex-start}.workspace-grid,.workspace.editor-closed .workspace-grid{display:block}.editor-panel,.inspector,.canvas-region,.topbar{display:none}.mobile-notice{text-align:center;min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.mobile-notice strong{color:var(--text)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}