*{box-sizing:border-box}:root{--paper:#e3e5df;--panel:#fcfcfa;--line:#cdd1c8;--ink:#1b1d21;--muted:#676d66;--bar:#1f2226;--accent:#c2410c;--accent-dark:#9a3412;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}body{color:var(--ink);background:var(--paper);margin:0;font-family:system-ui,sans-serif}button{font:inherit;cursor:pointer}.bar{color:#eef0ea;background:var(--bar);align-items:center;gap:1rem;height:3.25rem;padding:0 1rem;display:flex}.brand{align-items:center;gap:.6rem;min-width:0;display:flex}.logo{flex:none}.name{letter-spacing:.01em;white-space:nowrap;font-weight:700}.db{font-family:var(--mono);color:#b9beb4;border:1px solid #3a3f45;border-radius:4px;padding:.1rem .45rem;font-size:.75rem}.run{color:#fff;background:var(--accent);white-space:nowrap;border:0;border-radius:6px;margin-left:auto;padding:.4rem 1rem;font-weight:700}.run:before{content:"▶ ";font-size:.75em}.run:hover{background:var(--accent-dark)}.app{grid-template:"side builder text"minmax(0,1fr)"side results reference"30rem/minmax(21rem,min-content) 1.15fr 1fr;gap:0;height:calc(100vh - 3.25rem);padding:6px;display:grid}.side{grid-area:side;margin-right:6px}.builder{grid-area:builder}.text{grid-area:text}.results{grid-area:results}.reference{grid-area:reference}.text,.reference{border-left:0}.results,.reference{border-top:0}.side,.pane{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.side h2,.pane-head h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.72rem;font-weight:600}.pane-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:.75rem;height:2.4rem;padding:0 .75rem;display:flex}.aside{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:.78rem;overflow:hidden}.schema{border-bottom:1px solid var(--line);padding:.75rem}.table-name{font-family:var(--mono);justify-content:space-between;margin:.5rem 0 .35rem;font-weight:700;display:flex}.table-name span{color:var(--muted);font-size:.75rem;font-weight:400}#schema{font-family:var(--mono);margin:0;padding:0;font-size:.8rem;list-style:none}#schema li{border-left:1px solid var(--line);justify-content:space-between;padding:.18rem 0 .18rem .75rem;display:flex}#schema .kind{color:var(--muted);font-size:.68rem}.palette{flex-direction:column;flex:1;min-height:0;padding:.75rem 0 0;display:flex}.palette h2{padding:0 .75rem}#toolbox{flex-direction:column;flex:1;gap:.4rem;padding:.5rem .75rem .75rem;display:flex;overflow-y:auto}#workspace,#sql,#js{flex:1;min-height:0}#sql[hidden]{display:none}.blocklyMainBackground{fill:var(--panel)!important}.tabs{gap:0;padding:0}.tabs button{color:var(--muted);border:0;border-right:1px solid var(--line);background:0 0;border-bottom:2px solid #0000;align-self:stretch;padding:0 1rem;font-size:.85rem;font-weight:600}.tabs button small{font-weight:400;font-family:var(--mono);margin-left:.25rem;font-size:.7rem}.tabs button[aria-selected=true],.tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.notice{color:#4a3a2c;border-bottom:1px solid var(--line);background:#f7eee5;margin:0;padding:.55rem .75rem;font-size:.8rem;line-height:1.45}.notice strong{color:var(--accent-dark)}.status{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:.75rem}.status.warn{color:var(--accent-dark)}.status.stale:before{content:"● ";color:var(--accent)}#results,#table{flex:1;min-height:0;overflow:auto}table{border-collapse:collapse;font-family:var(--mono);font-variant-numeric:tabular-nums;margin-bottom:.75rem;font-size:.82rem}caption{text-align:left;color:var(--muted);padding:.4rem .75rem;font-size:.72rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6e8e2;border-right:1px solid #e6e8e2;padding:.3rem .9rem}thead th{border-bottom:1px solid var(--line);background:#eef0ea;font-weight:700;position:sticky;top:0}tbody tr:hover{background:#fbf3ea}.num{text-align:right}.rownum{text-align:right;color:#a0a59d;background:#f4f5f1;min-width:2.5rem;font-weight:400}.empty{color:var(--muted);font-style:italic}@media (width<=860px){.bar{flex-wrap:wrap;gap:.6rem;height:auto;padding:.6rem .75rem}.db{display:none}.run{margin-left:auto}.app{grid-template:"builder""side""text""results""reference"/1fr;gap:6px;height:auto}.aside{display:none}#toolbox{max-height:20rem}#workspace{flex:none;height:55vh}#sql,#js{flex:none;height:15rem}#table{max-height:20rem}.side{margin-right:0}.text,.reference,.results{border-left:1px solid var(--line);border-top:1px solid var(--line)}}.tabs .aside{padding-right:.75rem}.morphic-block{border:1px solid #dcdfd8;border-top:3px solid var(--morphic-block-color,#888);cursor:grab;background:#fff;border-radius:3px;flex-direction:column;gap:.3rem;padding:.45rem .55rem .5rem;display:flex}.morphic-block:hover{background:#fbf8f4}.morphic-block>.morphic-element-label{text-transform:uppercase;letter-spacing:.06em;color:var(--morphic-block-color,#555);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700}.morphic-block>.morphic-element-hint{color:#676d66;font-size:.75rem;line-height:1.35}#toolbox{min-width:calc(var(--morphic-toolbox-block-width,0px) + 48px)}
