.sqltool{display:flex;flex-direction:column;gap:16px}.sqltool__mode-bar{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;align-self:flex-start}.sqltool__mode-btn{padding:8px 18px;border:none;background:var(--color-bg);color:var(--color-text-soft);font-size:14px;font-family:inherit;cursor:pointer;transition:all .15s;border-right:1px solid var(--color-border)}.sqltool__mode-btn:last-child{border-right:none}.sqltool__mode-btn:hover{background:var(--color-bg-soft, rgba(0, 0, 0, .04))}.sqltool__mode-btn.is-active{background:var(--color-primary, #2b6cff);color:#fff}.sqltool__presets{display:flex;flex-wrap:wrap;gap:8px}.sqltool__preset-btn{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-soft);font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s}.sqltool__preset-btn:hover{border-color:var(--color-primary, #2b6cff);color:var(--color-primary, #2b6cff)}.sqltool__options{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-soft, rgba(0, 0, 0, .03));padding:10px 14px}.sqltool__options>summary{cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text);user-select:none}.sqltool__options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}.sqltool__option{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-text-soft)}.sqltool__option--check{flex-direction:row;align-items:center;gap:6px}.sqltool__option select{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px;font-family:inherit;cursor:pointer}.sqltool__option select:focus{outline:none;border-color:var(--color-primary, #2b6cff);box-shadow:0 0 0 3px #2b6cff26}.sqltool__minify-opts{display:flex;gap:12px;align-items:center;padding:10px 14px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-sm)}.sqltool__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sqltool__panel{display:flex;flex-direction:column;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:var(--color-bg)}.sqltool__panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sqltool__panel-title{font-size:14px;font-weight:600;color:var(--color-text)}.sqltool__panel-actions{display:flex;gap:6px}.sqltool__action-btn{padding:5px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-soft);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s}.sqltool__action-btn:hover:not(:disabled){border-color:var(--color-primary, #2b6cff);color:var(--color-primary, #2b6cff)}.sqltool__action-btn:disabled{opacity:.5;cursor:not-allowed}.sqltool__copy.is-success{background:var(--color-success, #16a34a);color:#fff;border-color:var(--color-success, #16a34a)}.sqltool__textarea{width:100%;min-height:320px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:13px;line-height:1.6;resize:vertical;box-sizing:border-box}.sqltool__textarea:focus{outline:none;border-color:var(--color-primary, #2b6cff);box-shadow:0 0 0 3px #2b6cff26}.sqltool__output{width:100%;min-height:320px;margin:0;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-soft, rgba(0, 0, 0, .03));font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:13px;line-height:1.6;color:var(--color-text);white-space:pre-wrap;word-break:break-all;overflow-x:auto;box-sizing:border-box}.sqltool__placeholder{color:var(--color-text-soft);font-style:italic}.sqltool__stats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-text-soft);font-variant-numeric:tabular-nums}.sqltool__validation{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;background:var(--color-bg)}.sqltool__val-summary{font-size:14px;font-weight:500}.sqltool__val-summary.is-ok{color:var(--color-success, #16a34a)}.sqltool__val-summary.is-error{color:var(--color-danger, #dc2626)}.sqltool__val-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.sqltool__val-item{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.5}.sqltool__val-item--error .sqltool__val-level{color:var(--color-danger, #dc2626);font-weight:600}.sqltool__val-item--warning .sqltool__val-level{color:#d97706;font-weight:600}.sqltool__val-pos{color:var(--color-text-soft);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px}.sqltool__val-msg{color:var(--color-text);flex:1;min-width:200px}.sql-kw{color:#0550ae;font-weight:600}.sql-str{color:#0a3069}.sql-num{color:#0550ae}.sql-cmt{color:#6e7781;font-style:italic}.sql-id{color:#24292f}.sql-pun{color:#57606a}.sql-par{color:#8250df;font-weight:500}@media(prefers-color-scheme:dark){.sql-kw{color:#79c0ff}.sql-str{color:#a5d6ff}.sql-num{color:#79c0ff}.sql-cmt{color:#8b949e}.sql-id{color:#e6edf3}.sql-pun{color:#c9d1d9}.sql-par{color:#d2a8ff}}@media(max-width:768px){.sqltool__grid{grid-template-columns:1fr}.sqltool__textarea,.sqltool__output{min-height:220px}.sqltool__options-grid{grid-template-columns:1fr}}@media(max-width:414px){.sqltool__mode-btn{padding:7px 14px;font-size:13px}.sqltool__preset-btn{padding:5px 10px;font-size:12px}.sqltool__stats{gap:8px;font-size:11px}}