:root{--navy:#071a2f;--blue:#0058a3;--blue-dark:#003b70;--yellow:#ffda1a;--paper:#eef3f7;--line:#d2dce5;--ink:#102033;--muted:#617487;--green:#16835b}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.mini-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#fff}.mini-back,.mini-header a{color:var(--navy);text-decoration:none}.mini-back{padding:9px 12px;border:1px solid #c7d3de;border-radius:8px;font-size:.82rem;font-weight:800}.mini-title{text-align:center}.mini-title h1{margin:0;font-size:1.12rem}.mini-title p{margin:3px 0 0;color:var(--muted);font-size:.72rem}.mini-header-link{font-size:.78rem;font-weight:800}.mini-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 60px}.mini-intro{margin-bottom:20px}.mini-kicker{margin:0 0 7px;color:var(--blue);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mini-intro h2{margin:0;color:var(--navy);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em}.mini-intro>p:last-child{max-width:720px;margin:10px 0 0;color:var(--muted);font-size:.88rem;line-height:1.55}.mini-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:16px}.mini-panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 10px 28px #071a2f0f}.mini-panel h3{margin:0 0 14px;color:var(--navy);font-size:1rem}.mini-field{display:block;margin-top:13px}.mini-field:first-child{margin-top:0}.mini-field>span{display:block;margin-bottom:6px;color:#43596d;font-size:.72rem;font-weight:800}.mini-input,.mini-select,.mini-textarea{width:100%;border:1px solid #b9c7d3;border-radius:8px;padding:10px 11px;color:var(--ink);background:#fff}.mini-textarea{min-height:300px;resize:vertical;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.mini-textarea--plain{font:inherit;font-size:.85rem}.mini-textarea--output{min-height:240px;background:#f8fafc}.mini-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-options{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.mini-check{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #d5dee7;border-radius:8px;color:#455d72;font-size:.72rem}.mini-check input{accent-color:var(--blue)}.mini-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.mini-button{min-height:40px;padding:0 14px;border-radius:8px;font-size:.78rem;font-weight:820}.mini-button--primary{border:1px solid var(--blue);color:#fff;background:var(--blue)}.mini-button--primary:hover{background:var(--blue-dark)}.mini-button--secondary{border:1px solid #bdcad5;color:var(--navy);background:#fff}.mini-status{min-height:20px;flex:1;margin:0;color:var(--green);font-size:.72rem}.mini-empty{min-height:330px;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center}.mini-empty span{width:52px;height:52px;display:grid;place-items:center;margin-bottom:12px;border-radius:13px;color:var(--blue);background:#eaf4fb;font-weight:900}.mini-empty strong{color:var(--navy)}.mini-empty p{max-width:390px;margin:7px 0 0;font-size:.77rem;line-height:1.5}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.metric{padding:12px;border:1px solid #dbe3ea;border-radius:10px;background:#fafcfd}.metric small{display:block;color:var(--muted);font-size:.64rem;font-weight:780}.metric strong{display:block;margin-top:5px;color:var(--navy);font-size:1.15rem}.result-section{margin-top:12px}.result-section h4{margin:0 0 7px;font-size:.75rem}.result-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.result-list li{padding:8px 10px;border:1px solid #dbe3ea;border-radius:7px;color:#345069;background:#f8fafc;font:11px/1.45 ui-monospace,monospace;overflow-wrap:anywhere}.ai-note{margin-top:13px;padding:11px 13px;border-left:4px solid var(--yellow);border-radius:7px;color:#695817;background:#fffaf0;font-size:.72rem;line-height:1.5}.prompt-preview{white-space:pre-wrap}.output-counts{display:flex;gap:12px;color:var(--muted);font-size:.7rem}.output-counts strong{color:var(--ink)}@media(max-width:820px){.mini-grid{grid-template-columns:1fr}.mini-textarea{min-height:230px}}@media(max-width:600px){.mini-main{width:min(100% - 28px,1180px);padding-top:20px}.mini-header{display:grid;grid-template-columns:auto 1fr}.mini-title{text-align:left}.mini-header-link{display:none}.mini-row{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.mini-actions{align-items:stretch;flex-direction:column}.mini-status{width:100%}}.sql-inspector-page{height:100vh;overflow:hidden}.sql-inspector-main{width:min(1460px,calc(100% - 40px));height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden;padding:20px 0}.sql-inspector-main .mini-intro{flex:none;margin-bottom:12px}.sql-inspector-main .mini-intro>p:last-child{margin-top:4px}.sql-toolbar{display:flex;flex:none;align-items:end;gap:18px;margin-bottom:16px;padding:14px 16px}.sql-toolbar .mini-field{margin:0}.sql-toolbar p{flex:1;margin:0;color:var(--muted);font-size:.74rem;line-height:1.45}.sql-dialect{width:min(270px,100%)}.sql-workspace{grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr);align-items:stretch;flex:1;min-height:0}.sql-editor-panel{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sql-editor-panel>.mini-field{display:flex;flex:1;min-height:0;flex-direction:column}.sql-input{flex:1;min-height:0;resize:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.sql-result-panel{height:100%;min-height:0;padding:24px;overflow-y:auto;overscroll-behavior:contain}.result-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.result-heading h2{margin:0;color:var(--navy);font-size:1.65rem;letter-spacing:-.035em}.complexity{flex:none;padding:6px 9px;border-radius:20px;font-size:.66rem;font-weight:850}.complexity-good{color:#08714d;background:#e6f6ef}.complexity-medium{color:#725a00;background:#fff6c8}.complexity-high{color:#a13232;background:#feecec}.plain-summary{margin:12px 0 18px;color:#344e64;font-size:.88rem;line-height:1.65}.metric-grid--wide{grid-template-columns:repeat(4,1fr)}.inspector-section{padding-top:21px;margin-top:21px;border-top:1px solid #dfe6ec}.inspector-section>h3{margin-bottom:12px}.query-flow{display:flex;align-items:center;gap:7px;padding:4px 0 8px;overflow-x:auto}.flow-node{min-width:-moz-max-content;min-width:max-content;padding:8px 11px;border:1px solid #cfd9e2;border-radius:9px;color:#26435a;background:#f7fafc;font:700 .72rem/1.25 ui-monospace,monospace}.flow-node small{display:block;margin-bottom:3px;color:var(--muted);font:700 .55rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase}.flow-cte{border-color:#bcd0e4;background:#eef6fc}.flow-result{border-color:#84afd0;color:#fff;background:var(--blue)}.flow-result small{color:#d8edff}.flow-arrow{color:#8da0b0}.stage-card{margin:9px 0;border:1px solid #d6e0e8;border-radius:11px;background:#fff;overflow:hidden}.stage-card>summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;background:#f8fafc}.stage-card>summary::-webkit-details-marker{display:none}.stage-card>summary small{display:block;color:var(--muted);font-size:.58rem;font-weight:800;text-transform:uppercase}.stage-card>summary strong{display:block;margin-top:2px;color:var(--navy);font-size:.82rem}.stage-number{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-size:.68rem;font-weight:900}.stage-summary{color:var(--muted);font-size:.64rem}.stage-body{padding:15px}.stage-explanation{margin:0;color:#38536a;font-size:.79rem;line-height:1.6}.stage-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0}.stage-facts>div{padding:10px;border:1px solid #e0e7ed;border-radius:8px;background:#fbfcfd}.stage-facts small{display:block;margin-bottom:7px;color:var(--muted);font-size:.59rem;font-weight:850;text-transform:uppercase}.inspector-tags{display:flex;flex-wrap:wrap;gap:5px}.inspector-tags span{padding:4px 6px;border-radius:5px;color:#345069;background:#edf3f7;font:600 .62rem/1.2 ui-monospace,monospace;overflow-wrap:anywhere}.inspector-muted{margin:4px 0;color:var(--muted);font-size:.7rem}.stage-body h4{margin:15px 0 7px;color:var(--navy);font-size:.72rem}.detail-list,.column-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.detail-list li,.column-list li{padding:9px 10px;border:1px solid #dde5eb;border-radius:7px;background:#fafcfd;font-size:.7rem}.detail-list li>div{margin-bottom:6px}.detail-list li span{color:var(--muted)}.detail-list code,.column-list code{display:block;margin-top:5px;color:#314e67;font:10.5px/1.45 ui-monospace,monospace;overflow-wrap:anywhere}.detail-list em{color:#a13232;font-style:normal}.clause-badge{display:inline-block;margin:0 7px 4px 0!important;padding:3px 5px;border-radius:4px;color:#725a00!important;background:#fff4bf;font-size:.55rem;font-weight:900}.calculation-list p{margin:3px 0;color:var(--muted)}.column-details{margin-top:13px;border-top:1px solid #e3e9ee;padding-top:11px}.column-details>summary{cursor:pointer;color:var(--blue);font-size:.7rem;font-weight:800}.column-list{margin-top:9px}.column-list li{display:grid;grid-template-columns:minmax(100px,.4fr) 1fr;gap:3px 9px}.column-list strong{color:var(--navy)}.column-list span{color:var(--muted)}.column-list code{grid-column:1/-1}.warning-list{display:grid;gap:8px}.warning-card{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:11px;border-left:4px solid #8195a7;border-radius:8px;background:#f7f9fb}.warning-card>span{font-size:.58rem;font-weight:900;text-transform:uppercase}.warning-card strong{display:block;font-size:.74rem}.warning-card p{margin:4px 0 0;color:#546a7d;font-size:.7rem;line-height:1.45}.warning-high{border-color:#c83c3c;background:#fff3f3}.warning-high>span{color:#a13232}.warning-medium{border-color:#e0a400;background:#fffae7}.warning-medium>span{color:#725a00}.warning-info{border-color:#4b91c8;background:#f0f7fc}.warning-info>span{color:#286c9f}.warning-empty{padding:13px;border-radius:9px;color:#17684c;background:#edf9f4}.warning-empty strong{font-size:.76rem}.warning-empty p{margin:4px 0 0;font-size:.7rem}.final-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.final-columns>span{padding:9px;border:1px solid #dce5eb;border-radius:7px;background:#fafcfd}.final-columns strong,.final-columns small{display:block}.final-columns strong{font-size:.72rem}.final-columns small{margin-top:3px;color:var(--muted);font-size:.62rem;line-height:1.35}.analysis-note{margin-top:20px;padding:13px 14px;border-left:4px solid var(--yellow);border-radius:7px;background:#fffaf0}.analysis-note strong{font-size:.75rem}.analysis-note p{margin:4px 0 0;color:#695817;font-size:.7rem;line-height:1.5}.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}.result-actions .mini-status{margin-right:auto}@media(max-width:1050px){.sql-inspector-page{height:auto;overflow:auto}.sql-inspector-main{height:auto;overflow:visible}.sql-workspace{grid-template-columns:1fr;flex:none}.sql-editor-panel{height:auto;overflow:visible}.sql-editor-panel>.mini-field{display:block}.sql-input{min-height:380px;resize:vertical}.sql-result-panel{height:auto;max-height:72vh;overflow-y:auto}}@media(max-width:700px){.sql-toolbar{align-items:stretch;flex-direction:column}.sql-dialect{width:100%}.metric-grid--wide{grid-template-columns:1fr 1fr}.stage-facts{grid-template-columns:1fr}.stage-card>summary{grid-template-columns:30px 1fr}.stage-summary{grid-column:2}.final-columns{grid-template-columns:1fr}.result-actions{align-items:stretch;flex-direction:column}.result-actions .mini-status{width:100%}}