:root{color:#1e293b;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{min-height:100vh;padding:16px}.workspace{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(240px,.72fr) minmax(360px,1.35fr);gap:14px;min-height:calc(100vh - 32px)}.panel{min-width:0;overflow:hidden;border:1px solid #d7dce3;border-radius:8px;background:#fff;box-shadow:0 14px 36px #0f172a14}.schema-panel,.query-panel{display:grid;grid-template-rows:auto minmax(280px,1fr)}.query-panel{grid-template-rows:auto auto minmax(280px,1fr) auto}.challenge-panel{display:flex;flex-direction:column;gap:14px;padding:20px}.panel-header{padding:18px 20px;border-bottom:1px solid #e4e8ee}.panel-header.compact{padding:0 0 18px}.query-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.query-actions{display:flex;justify-content:flex-end;padding:12px 20px;border-bottom:1px solid #e4e8ee;background:#f8fafc}.eyebrow{margin:0 0 7px;color:#64748b;font-size:.73rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:#0f172a;line-height:1.15}h1{font-size:1.35rem}h2{font-size:1.08rem}.prompt{margin:12px 0 0;color:#475569;line-height:1.55}.challenge-list{display:grid;gap:10px}.challenge{width:100%;min-height:44px;padding:11px 12px;border:1px solid #d8dde6;border-radius:6px;background:#fff;color:#334155;cursor:pointer;text-align:left}.challenge:hover{border-color:#7c8da5}.challenge.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;font-weight:700}.status{min-height:46px;display:flex;align-items:center;padding:12px;border-radius:6px;background:#f8fafc;color:#475569;line-height:1.35}.status.success{background:#ecfdf5;color:#047857}.status.warning{background:#fff7ed;color:#b45309}.status.error{background:#fef2f2;color:#b91c1c}.status.loading{background:#eef2ff;color:#4338ca}.copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary-button{min-height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1e293b;cursor:pointer;font-weight:750}.secondary-button:hover{border-color:#2563eb;color:#1d4ed8}.secondary-button.wide{width:100%}.secondary-button.span-all{grid-column:1 / -1}.skip-button{min-height:40px;border:1px solid #94a3b8;border-radius:6px;background:#f8fafc;color:#334155;cursor:pointer;font-weight:800}.skip-button:hover{border-color:#475569;background:#eef2f7}.import-block{display:grid;gap:10px;padding-top:14px;border-top:1px solid #e4e8ee}.import-block textarea{width:100%;min-height:118px;resize:vertical;padding:10px;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font:.82rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.import-block textarea:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.run-button{min-width:132px;min-height:42px;padding:0 20px;border:0;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;font-weight:800}.run-button:hover{background:#1d4ed8}.editor-frame{min-height:280px;border-bottom:1px solid #e4e8ee}.results,.results-empty{min-height:210px}.results-empty{display:grid;place-items:center;padding:24px;color:#64748b}.results-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}.results-header span{color:#64748b;font-size:.86rem}.table-wrap{overflow:auto;max-height:360px;padding:0 16px 16px}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:10px 12px;border-bottom:1px solid #e4e8ee;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#f8fafc;color:#334155;font-weight:800}td{color:#1e293b}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.schema-panel,.query-panel{min-height:560px}}@media(max-width:640px){.app-shell{padding:10px}.workspace{min-height:calc(100vh - 20px)}.query-actions,.run-button{width:100%}}