.sql-work{padding:30px;min-width:0;max-width:1100px;width:100%;margin-inline:auto}.sql-work>header h2{font-size:26px;line-height:1.3;margin:0 0 20px}.sql-work h3{font-size:17px;line-height:1.45;margin:0 0 10px}.sql-work p{line-height:1.65}.sql-work>p{color:var(--muted);margin-bottom:24px}.sql-work #sql-title:focus{outline:none}.sql-source{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fbfafc;margin:24px 0}.sql-source>header,.sql-query-result>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.sql-source>header h3{margin-bottom:3px}.sql-source>header p,.sql-query-result>header>span{font-size:12px;color:var(--muted);margin:0}.sql-schema-map{display:grid;grid-template-columns:1fr 1.7fr 1fr;align-items:center;text-align:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:0 0 20px}.sql-schema-map strong,.sql-schema-map small{display:block}.sql-schema-map small{font-size:12px;color:var(--muted);margin-top:5px}.sql-relation code{color:var(--purple,#6741c8)}.sql-table-tabs{display:flex;gap:8px;margin:16px 0 12px}.sql-table-tabs button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:white;padding:10px 14px;cursor:pointer;font:inherit}.sql-table-tabs button.selected{border-color:var(--purple,#6741c8);box-shadow:inset 0 -2px var(--purple,#6741c8)}.sql-table-tabs button>span{font-size:11px;color:var(--muted)}.sql-fields{display:flex;flex-wrap:wrap;gap:12px 28px;margin:16px 0 0;font-size:12px}.sql-fields>div{min-width:120px}.sql-fields dt{font-weight:600}.sql-fields dd{margin:4px 0 0;color:var(--muted)}.sql-exercise{margin-top:25px}.sql-exercise>p{color:var(--muted)}.sql-schema-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sql-schema-choices button{border:1px solid var(--line);border-radius:9px;background:white;text-align:left;padding:15px;cursor:pointer;min-height:80px}.sql-schema-choices button[aria-pressed=true]{border-color:var(--purple,#6741c8);background:#f6f2fc}.sql-schema-choices code,.sql-schema-choices span{display:block}.sql-schema-choices span{font-size:12px;color:var(--muted);margin-top:8px}.sql-notice{display:flex;align-items:flex-start;gap:9px;padding:13px 0;font-size:14px}.sql-notice svg{flex:none;margin-top:3px;color:#337969}.sql-notice.retry svg{color:#966b2e}.sql-task{border-left:3px solid #9e84cd;padding:4px 0 4px 18px;margin:24px 0}.sql-task p{margin:7px 0}.sql-prompt-checklist{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:20px 0}.sql-label{display:block;font-size:15px;font-weight:600;margin:20px 0 10px}.sql-work textarea{display:block;width:100%;max-width:100%;resize:vertical;border:1px solid #c9c4d6;border-radius:10px;background:white;font:inherit;line-height:1.65;padding:16px;color:var(--ink);min-height:140px}.sql-work textarea:focus-visible{outline:3px solid #d9c9f3;outline-offset:2px}.sql-small,.sql-work [data-sql-draft-status]{font-size:12px;color:var(--muted);line-height:1.6}.sql-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.sql-code-view,.sql-code-editor{font-family:Consolas,'Courier New',monospace!important;font-size:14px!important;line-height:1.65;tab-size:2}.sql-code-view{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f4f8;padding:18px;border-radius:9px}.sql-model-answer{margin:25px 0;padding-top:22px;border-top:1px solid var(--line)}.sql-model-answer>div{max-height:none;overflow:visible;font-size:14px;line-height:1.65}.sql-model-answer pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f5f8;padding:14px;border-radius:8px}.sql-editor-heading,.sql-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sql-editor-heading label{margin:12px 0}.sql-editor-foot{margin-top:12px}.sql-query-result{margin-top:28px}.sql-query-result>header{margin-bottom:10px}.sql-query-result h3{margin:0}.sql-confirm{display:flex;align-items:flex-start;gap:10px;padding:17px;background:#f7f6fa;border-radius:10px;font-size:14px;line-height:1.6;cursor:pointer}.sql-confirm input{width:17px;height:17px;flex:0 0 17px;margin-top:3px}.sql-success{display:flex;gap:18px;align-items:flex-start;margin:20px 0}.sql-success>svg{box-sizing:content-box;padding:14px;border-radius:50%;background:#f1ebfa;color:var(--purple,#6741c8);flex:none}.sql-success p{margin-bottom:0;color:var(--muted)}.sql-saved-prompt{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.sql-saved-prompt p{white-space:pre-wrap;overflow-wrap:anywhere}.sql-error{border-left:3px solid #b07845;margin-top:22px;padding:14px 18px;background:#fbf7f1;line-height:1.6}.sql-work button:disabled{opacity:.55;cursor:default}.sql-work button:focus-visible{outline:3px solid #b7a0df;outline-offset:3px}
@media(max-width:650px){.sql-work{padding:22px 16px}.sql-work>header h2{font-size:23px}.sql-source{padding:14px}.sql-source>header{align-items:flex-start;flex-direction:column;gap:7px}.sql-schema-map{grid-template-columns:1fr;gap:12px;padding:13px}.sql-relation{order:0}.sql-table-tabs{flex-wrap:wrap}.sql-table-tabs button{flex:1;padding:10px;font-size:13px}.sql-table-tabs button>span{display:none}.sql-fields{gap:12px}.sql-schema-choices{grid-template-columns:1fr}.sql-schema-choices button{min-height:64px}.sql-actions,.sql-editor-foot{align-items:stretch;flex-direction:column}.sql-actions .btn,.sql-editor-foot .btn{width:100%}.sql-code-view,.sql-code-editor{font-size:12px!important}.sql-success{gap:12px}.sql-success>svg{padding:9px}.sql-confirm{padding:13px}}

.sql-table-container{min-width:0;border:1px solid var(--line);border-radius:9px;background:#fff}.sql-table-container>p{padding:12px 14px;margin:0;font-size:14px}
.sql-model-answer h3{scroll-margin-top:24px}