@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}code,pre{font-family:JetBrains Mono,Consolas,monospace}:root{--bg:#020617;--panel:#0f172a;--panel-soft:#0f172ab8;--panel-deep:#081120;--line:#94a3b82e;--text:#e2e8f0;--muted:#e2e8f0b3;--accent:#38bdf8;--accent-strong:#22d3ee;--accent-soft:#38bdf829;--success:#a3e635;--danger:#f87171}.app{background:radial-gradient(circle at top,#22d3ee24,#0000 22%),linear-gradient(180deg,#020617,#081120);color:#e2e8f0;color:var(--text);display:flex;flex-direction:column;min-height:100dvh;width:100%}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617d1;border-bottom:1px solid #94a3b82e;border-bottom:1px solid var(--line);gap:18px;justify-content:space-between;padding:16px 22px;position:sticky;top:0;z-index:20}.brand,.topbar{align-items:center;display:flex}.brand{gap:14px;min-width:0}.brand-logo{filter:drop-shadow(0 14px 26px rgba(0,0,0,.48));height:42px;max-width:168px;object-fit:contain;width:auto}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7dd3fc,#67e8f9);-webkit-background-clip:text;font-size:1.2rem;font-weight:800;letter-spacing:.02em}.brand-subtitle{color:#e2e8f0b3;color:var(--muted);font-size:.85rem}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.topbar-right,.user-pill{align-items:center;display:flex;gap:12px}.user-pill{background:#0f172ab8;border:1px solid #94a3b82e;border:1px solid var(--line);border-radius:999px;box-shadow:0 14px 32px #0000002e;padding:9px 10px}.user-pill-avatar,.user-pill-dot{border-radius:50%;flex-shrink:0;height:36px;width:36px}.user-pill-avatar{border:1px solid #7dd3fc52;object-fit:cover}.user-pill-dot{background:linear-gradient(135deg,#38bdf8,#818cf8);background:linear-gradient(135deg,var(--accent),#818cf8);box-shadow:0 0 0 4px #38bdf824}.user-pill-copy{display:flex;flex-direction:column;min-width:0}.user-pill-name{font-weight:700;white-space:nowrap}.user-pill-region{color:#e2e8f0b3;color:var(--muted);font-size:.8rem;white-space:nowrap}.lang-select,.mobile-switcher-btn,.preview-btn,.run-btn,.user-pill-btn{border:1px solid #0000;transition:transform .12s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}.user-pill-btn{background:#020617c7;border-color:#94a3b82e;border-color:var(--line);border-radius:999px;color:#e2e8f0;color:var(--text);cursor:pointer;font-weight:700;padding:10px 14px}.user-pill-btn:focus-visible,.user-pill-btn:hover{border-color:#38bdf861;box-shadow:0 0 0 4px #38bdf81f}.lang-select,.preview-btn,.run-btn{border-radius:14px;cursor:pointer;font-size:.94rem;font-weight:700;min-height:44px;padding:0 16px}.lang-select{background:#0f172aeb;border-color:#94a3b82e;border-color:var(--line);color:#e2e8f0;color:var(--text);min-width:152px}.lang-select:focus-visible,.lang-select:hover{border-color:#38bdf870;box-shadow:0 0 0 4px #38bdf81f}.preview-btn,.run-btn{border:0;color:#020617}.run-btn{background:linear-gradient(135deg,#38bdf8,#22d3ee);box-shadow:0 18px 40px #22d3ee29}.preview-btn{background:linear-gradient(135deg,#facc15,#f97316);box-shadow:0 18px 40px #f9731629}.mobile-switcher-btn:focus-visible,.mobile-switcher-btn:hover,.preview-btn:focus-visible,.preview-btn:hover,.run-btn:focus-visible,.run-btn:hover{transform:translateY(-1px)}.preview-btn:disabled,.run-btn:disabled{cursor:wait;filter:grayscale(.12);opacity:.74}.mobile-switcher{display:none}.main{display:flex;flex:1 1;gap:0;min-height:0;padding:18px}.editor-area,.output-area{background:#081120e0;border:1px solid #94a3b82e;border:1px solid var(--line);border-radius:26px;box-shadow:0 26px 80px #02061759;display:flex;flex-direction:column;min-height:0;overflow:hidden}.editor-area{margin-right:0}.output-area{margin-left:0}.panel-head{align-items:flex-start;background:#02061766;border-bottom:1px solid #94a3b82e;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:18px 20px 14px}.panel-title{font-size:1rem;font-weight:800}.panel-copy{color:#e2e8f0b3;color:var(--muted);font-size:.88rem;line-height:1.45;margin-top:5px}.editor-shell,.output-shell{flex:1 1;min-height:0}.editor-shell{overflow:hidden}.output-shell{overflow:auto;padding:18px}.resize-bar{background:linear-gradient(180deg,#38bdf82e,#38bdf80a);border-radius:999px;cursor:col-resize;margin:0 10px;width:10px}.resize-bar:active,.resize-bar:hover{background:linear-gradient(180deg,#38bdf875,#22d3ee24)}.preview-stack{display:flex;flex-direction:column;gap:14px;min-height:100%}.preview-inline{background:#fff;border:1px solid #94a3b829;border-radius:20px;flex:1 1;min-height:400px;overflow:hidden}.preview-note,.sql-summary{background:#020617c7;border:1px solid #38bdf82e;border-radius:18px;color:#cbd5e1;line-height:1.5;padding:14px 16px}.sql-summary{color:#7dd3fc;font-weight:700}.sql-result-card{display:flex;flex-direction:column;gap:14px}.sql-table-wrap{border:1px solid #94a3b824;border-radius:20px;overflow:auto}.sql-table{border-collapse:collapse;min-width:620px;width:100%}.sql-table td,.sql-table th{border-bottom:1px solid #94a3b81a;padding:14px 16px;text-align:left}.sql-table th{background:#112038;color:#7dd3fc;position:sticky;top:0}.sql-table td{background:#0f172ac7;color:#e2e8f0}.output-pre{font-size:.92rem;line-height:1.65;margin:0;min-height:100%;white-space:pre-wrap;word-break:break-word}.output-pre,.terminal-loader-container{background:#020617d1;border:1px solid #94a3b824;border-radius:20px;color:#a3e635;color:var(--success);font-family:JetBrains Mono,monospace;padding:18px}.terminal-loader-container{align-items:center;display:flex;gap:12px}.spinner{animation:spin .9s linear infinite;border:3px solid #a3e6352e;border-radius:50%;border-top:3px solid var(--success);height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1120px){.topbar{align-items:flex-start;flex-direction:column}.topbar-right{justify-content:flex-start;width:100%}}@media (max-width:900px){.topbar{padding:14px 14px 12px}.brand-subtitle{display:none}.user-pill{border-radius:20px;justify-content:space-between;width:100%}.topbar-right{gap:10px}.lang-select,.preview-btn,.run-btn{flex:1 1 180px;width:100%}.mobile-switcher{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px}.mobile-switcher-btn{background:#0f172adb;border-color:#94a3b82e;border-color:var(--line);border-radius:14px;color:#e2e8f0;color:var(--text);cursor:pointer;font-weight:700;min-height:44px}.mobile-switcher-btn.active{background:linear-gradient(135deg,#38bdf838,#22d3ee1a);border-color:#38bdf86b;color:#7dd3fc}.main.mobile-layout{flex-direction:column;padding:0 14px 14px}.editor-area,.output-area{min-height:calc(100dvh - 240px);width:100%!important}.editor-area.is-hidden,.output-area.is-hidden{display:none}.output-shell{padding:14px}.preview-inline{min-height:320px}}@media (max-width:640px){.brand-logo{height:36px}.brand-text{font-size:1.05rem}.user-pill{align-items:center;gap:10px}.user-pill-copy{flex:1 1}.user-pill-btn{padding:10px 12px}.panel-head{padding:16px 16px 12px}.sql-table{min-width:520px}}.login-page{background:#020617;color:#e2e8f0;min-height:100dvh;overflow:auto;position:relative;width:100%}.login-bg{background:radial-gradient(900px 520px at 16% 18%,#38bdf82e,#0000 58%),radial-gradient(780px 480px at 82% 32%,#818cf829,#0000 58%),radial-gradient(700px 420px at 50% 84%,#22d3ee1f,#0000 60%),linear-gradient(180deg,#020617,#081120 62%,#020617);filter:blur(18px) saturate(1.05);inset:-48px;position:absolute;transform:scale(1.04)}.login-shell{grid-gap:28px;align-items:center;display:grid;gap:28px;grid-template-columns:1.08fr .92fr;min-height:100dvh;padding:clamp(18px,4vw,52px);position:relative}.login-left{display:flex;flex-direction:column;gap:18px;min-width:0}.login-hero-image{filter:drop-shadow(0 20px 44px rgba(0,0,0,.52));height:auto;max-width:100%;-webkit-user-select:none;user-select:none;width:min(540px,92%)}.login-copy{max-width:560px}.login-kicker{color:#e2e8f0cc;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#e2e8f0,#7dd3fcf2);-webkit-background-clip:text;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1.02;margin-top:6px}.login-beta{-webkit-text-fill-color:initial;align-items:center;background:#0f172ac7;border:1px solid #94a3b833;border-radius:999px;color:#e2e8f0;display:inline-flex;font-size:1rem;justify-content:center;margin-left:.35rem;padding:.18rem .65rem}.login-subtitle{color:#e2e8f0d1;font-size:1.06rem;margin-top:10px}.login-info{color:#e2e8f0ad;font-size:1rem;line-height:1.65;margin-top:12px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0f172adb,#020617d6);border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 28px 80px #00000085,inset 0 1px 0 #ffffff0a;justify-self:end;width:min(470px,100%)}.login-card-top{padding:24px 24px 10px}.login-card-title{font-size:1.4rem;font-weight:800}.login-card-muted{color:#e2e8f0ad;margin-top:7px}.login-form{gap:14px;padding:14px 24px 24px}.field,.login-form{display:flex;flex-direction:column}.field{gap:8px}.field-label{color:#e2e8f0c2;font-size:.86rem}.input{background:#02061794;border:1px solid #94a3b833;border-radius:14px;color:#e2e8f0;outline:none;padding:.82rem .92rem;transition:border-color .14s ease,box-shadow .14s ease,transform .12s ease;width:100%}.input::placeholder{color:#e2e8f070}.input:focus{border-color:#38bdf880;box-shadow:0 0 0 4px #38bdf824}.input.select{cursor:pointer}.dp-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:68px 1fr}.dp-preview{background:linear-gradient(180deg,#22d3ee1f,#38bdf814),#020617b8;border:1px solid #38bdf838;border-radius:20px;display:grid;height:68px;overflow:hidden;place-items:center;width:68px}.dp-preview img{height:100%;object-fit:cover;width:100%}.dp-placeholder{color:#7dd3fc;font-weight:800;letter-spacing:.06em}.file-picker-wrap{min-width:0}.file-input-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.file-picker{align-items:center;background:#02061799;border:1px solid #94a3b82e;border-radius:18px;cursor:pointer;display:flex;gap:12px;min-height:58px;padding:10px 12px;transition:border-color .14s ease,box-shadow .14s ease,transform .12s ease;width:100%}.file-input-hidden:focus+.file-picker,.file-picker:focus-visible,.file-picker:hover{border-color:#38bdf87a;box-shadow:0 0 0 4px #38bdf824}.file-picker-button{align-items:center;background:linear-gradient(135deg,#38bdf8,#22d3ee);border-radius:999px;box-shadow:0 14px 32px #22d3ee2e;color:#020617;display:inline-flex;flex-shrink:0;font-weight:800;justify-content:center;letter-spacing:.01em;min-height:38px;padding:0 18px}.file-picker-name{color:#e2e8f0b3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-btn{background:linear-gradient(135deg,#38bdf8,#22d3ee);border:0;border-radius:16px;box-shadow:0 20px 48px #22d3ee2e;color:#020617;cursor:pointer;font-size:.98rem;font-weight:800;letter-spacing:.01em;margin-top:4px;min-height:50px;transition:transform .12s ease,box-shadow .14s ease,filter .14s ease}.login-btn:focus-visible,.login-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.login-btn:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(.1);opacity:.56;transform:none}.login-footnote{color:#e2e8f08a;font-size:.84rem;line-height:1.5}@media (max-width:980px){.login-shell{align-content:start;grid-template-columns:1fr}.login-card{justify-self:stretch;width:100%}}@media (max-width:640px){.login-shell{gap:18px;padding:16px}.login-hero-image{width:min(320px,86%)}.login-card-top,.login-form{padding-left:18px;padding-right:18px}.dp-row{grid-template-columns:1fr}.file-picker{align-items:flex-start;flex-direction:column}.file-picker-name{white-space:normal}}
/*# sourceMappingURL=main.f2159b45.css.map*/