.sql-main [hidden]{display:none!important}.sql-main .json-toolbar label{margin-left:8px}.sql-empty{box-sizing:border-box;min-height:350px;margin:0;padding:18px;border:1px dashed #a5b3a8;border-radius:12px;background:#f2f5ef;color:#52655a}.sql-main .json-highlight{padding:18px}.sql-keyword{color:#164d7a;font-weight:650}.sql-string{color:#426124}.sql-comment{color:#63736a;font-style:italic}.sql-number{color:#8a3c19}.sql-parameter{color:#733e80;font-weight:650}.sql-main .json-status.warning{background:#fff5df;border-color:#b98c40;color:#674b20}.sql-main .json-example{max-height:420px;overflow:auto;white-space:pre-wrap}.sql-main .guide-body{min-width:0}.sql-main #sql-view{margin-top:12px}.sql-main #sql-template-panel{scroll-margin-top:24px}@media(max-width:720px){.sql-empty{min-height:260px}.sql-main .json-toolbar label{margin-left:0}.sql-main .json-toolbar select{flex-grow:1}}

.sql-option{display:flex;align-items:center;gap:10px}.sql-main .sql-option label{margin:0}@media(max-width:720px){.sql-option{width:100%;justify-content:space-between}.sql-main .sql-option select{flex-grow:0;min-width:65%}}

/* SQL workspace: keep controls, feedback and reference material distinct. */
.sql-privacy-badge{display:inline-block;padding:8px 14px;border-radius:30px;background:#eaf0e2;font-size:14px;font-weight:600}
.sql-jump{display:flex;flex-wrap:wrap;gap:12px 26px;margin:18px 0 32px;font-size:15px}
.sql-workspace{padding:28px;border:1px solid #d4ded1;border-radius:20px;background:#fff;scroll-margin-top:24px}
.sql-workspace-heading h2{font-family:inherit;font-size:23px;margin:0 0 6px}.sql-workspace-heading p{margin:0;color:#52655a}
.sql-actions{padding:20px 0;border-bottom:1px solid #dce4d9;gap:12px}.sql-actions .sql-option:first-of-type{margin-left:auto}
.sql-editor-heading{min-height:94px}.sql-editor-heading label{font-size:20px;margin-bottom:6px}.sql-editor-heading label span{display:block;font-size:11px;letter-spacing:.13em;color:#637459;margin-bottom:8px}.sql-editor-heading p{font-size:14px;margin:0 0 16px;color:#52655a}
.sql-empty{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:12px}.sql-empty small{font-size:14px;max-width:280px;align-self:center;line-height:1.6}
.sql-main .json-editor textarea,.sql-main .json-highlight{height:350px;min-height:350px}.sql-main .json-toolbar{align-items:center}.sql-main #sql-limit{border-top:1px solid #dce4d9;padding-top:16px;margin-bottom:0}.sql-main #sql-feedback:empty{display:none}
.sql-guide{margin:56px 0 40px;scroll-margin-top:24px}.sql-guide h2{margin-top:10px}.sql-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0}.sql-steps li{counter-increment:step;border-top:2px solid #b7c8a9;padding-top:20px}.sql-steps li:before{content:'0' counter(step);color:#667d50;font-weight:700;font-size:14px}.sql-steps h3{font-family:inherit;font-size:19px;margin:12px 0 8px}.sql-steps p{font-size:15px;line-height:1.7;margin:0}
.sql-main .json-help{padding:28px;background:#eef2e9;border-radius:16px;gap:32px;scroll-margin-top:24px}.sql-main .json-help h2{font-size:28px;margin-top:0}.sql-main .json-help p{font-size:15px;line-height:1.75}.sql-main>.guide-body{margin-top:40px}
@media(max-width:1000px){.sql-actions .sql-option:first-of-type{margin-left:0}}
@media(max-width:720px){.sql-workspace{padding:18px;border-radius:14px}.sql-steps{grid-template-columns:1fr;gap:22px}.sql-guide{margin-top:38px}.sql-main .json-help{padding:20px;gap:12px}.sql-editor-heading{min-height:0}.sql-main .json-editor textarea,.sql-main .json-highlight{height:280px;min-height:280px}.sql-empty{min-height:280px}.sql-jump{gap:12px 20px}.sql-main .sql-option select{min-width:60%}.sql-main .json-editors{gap:26px}}