*{box-sizing:border-box} :root{--bg:#0b1020;--panel:#111827;--panel2:#0f172a;--line:#273449;--text:#e5e7eb;--muted:#9ca3af;--accent:#2563eb;--danger:#ef4444;--warn:#f59e0b}
html,body,#app{height:100%;margin:0}body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}
button,select,input{font:inherit}button{border:1px solid var(--line);background:#162033;color:var(--text);border-radius:7px;padding:7px 10px;cursor:pointer}button:hover{background:#1e2b43}.primary{background:var(--accent);border-color:var(--accent);font-weight:700}
.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);background:#0c1424}.brand{display:flex;gap:8px;align-items:center}.brand strong{display:block}.brand span{display:block;font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.strict{font-size:13px;color:#cbd5e1}
.workspace{height:calc(100% - 58px);display:grid;grid-template-columns:245px minmax(320px,1fr) 360px}.explorer,.right-panel{background:var(--panel);min-width:0}.explorer{border-right:1px solid var(--line);display:flex;flex-direction:column}.right-panel{border-left:1px solid var(--line);overflow:hidden}.pane-title,.project-row,.editor-toolbar,.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}.pane-title{padding:10px;font-size:12px}.pane-title button{padding:4px 6px}.project-row{padding:7px 9px;border-block:1px solid var(--line)}.project-row input{width:100%;min-width:0;background:transparent;color:#fff;border:0;padding:5px}.project-row button{font-size:11px;white-space:nowrap}.tree{padding:8px;overflow:auto;flex:1}.tree-item{display:flex;align-items:center;gap:6px;padding:6px;border-radius:5px;cursor:pointer;font-size:13px;user-select:none}.tree-item:hover,.tree-item.active{background:#1b2940}.tree-item .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-item .mini{opacity:.45;border:0;background:transparent;padding:0 3px}.tree-item:hover .mini{opacity:1}.folder-children{padding-left:14px}.explorer-footer{padding:9px;border-top:1px solid var(--line)}.explorer-footer button{width:100%}
.editor-area{display:flex;flex-direction:column;min-width:0;background:#0b1220}.editor-toolbar{height:44px;padding:0 10px;border-bottom:1px solid var(--line);font-size:12px}.toolbar-right{display:flex;gap:7px}.toolbar-right select{background:#111827;color:#fff;border:1px solid var(--line);border-radius:6px;padding:5px}.toolbar-right button{font-size:12px}#editor{flex:1;min-height:0;overflow:hidden}.cm-editor{height:100%;font-size:15px}.cm-scroller{font-family:"Cascadia Code",Consolas,monospace!important}.statusbar{height:26px;display:flex;justify-content:space-between;align-items:center;padding:0 9px;font-size:11px;background:#172554;color:#dbeafe}
.tabs{height:44px;display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;border:0;border-radius:0;background:transparent;font-size:12px}.tab.active{border-bottom:2px solid #60a5fa;background:#152238}.panel{display:none;height:calc(100% - 44px);overflow:auto}.panel.active{display:block}.panel-actions{padding:8px;border-bottom:1px solid var(--line);font-size:12px}#console{margin:0;padding:12px;min-height:140px;white-space:pre-wrap;font-family:Consolas,monospace;font-size:13px;color:#d1fae5}.preview{width:100%;height:260px;border:0;border-top:1px solid var(--line);background:white;display:none}.problems{padding:10px}.problems.empty{color:var(--muted)}.problem{padding:9px;border-bottom:1px solid var(--line);font-size:13px}.problem b{display:block;margin-bottom:3px}.problem.error b{color:#fca5a5}.problem.warning b{color:#fde68a}.help-content{padding:14px;font-size:13px;line-height:1.55}.snippet{margin:3px}.help-content ul{padding-left:18px}
#sqlResult{padding:10px;overflow:auto}#sqlResult table{border-collapse:collapse;width:100%;font-size:12px}#sqlResult th,#sqlResult td{border:1px solid #334155;padding:6px;text-align:left}
dialog{max-width:620px;width:92%;border:1px solid #334155;border-radius:12px;background:#0f172a;color:white;padding:22px}dialog::backdrop{background:#0009}.close{float:right}.mobile-only,.mobile-actions{display:none}
@media(max-width:950px){.workspace{grid-template-columns:220px 1fr}.right-panel{position:fixed;right:0;top:58px;bottom:52px;width:min(92vw,420px);z-index:20;transform:translateX(101%);transition:.2s}.right-panel.open{transform:translateX(0)}.mobile-actions{display:grid;position:fixed;bottom:0;left:0;right:0;height:52px;grid-template-columns:1fr 1fr 1fr;background:#0f172a;border-top:1px solid var(--line);z-index:30}.workspace{height:calc(100% - 110px)}}
@media(max-width:650px){.workspace{display:block}.explorer{position:fixed;left:0;top:58px;bottom:52px;width:min(88vw,330px);z-index:25;transform:translateX(-101%);transition:.2s}.explorer.open{transform:translateX(0)}.editor-area{height:100%}.mobile-only{display:inline-block}.top-actions .strict,.top-actions #btnGuide{display:none}.top-actions #btnRun{display:none}.editor-toolbar{height:auto;min-height:44px;align-items:flex-start;padding:6px;flex-direction:column}.toolbar-right{width:100%;justify-content:space-between}.cm-editor{font-size:14px}}