:root{--ink:#13161c;--surface:#1c212b;--surface-2:#252c3a;--border:#2a303c;--border-strong:#767a83;--text:#e7e9ee;--muted:#8b93a1;--spark:#f2b33d;--spark-text:#f2b33d;--accent:var(--spark);--accent-fill:var(--accent);--on-accent:#13161c;--danger:#f87171;--danger-bg:#f871711f;--danger-border:#f871714d;--ok:#4ade80;--ok-bg:#4ade801f;--ok-border:#4ade804d;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans:var(--mono);--radius:8px}html.light{--ink:#eef0f3;--surface:#fff;--surface-2:#f6f8f9;--border:#d8dce3;--border-strong:#82868e;--text:#1a1e27;--muted:#5b6472;--spark-text:#8f610a;--danger:#b91c1c;--danger-bg:#b91c1c14;--danger-border:#b91c1c40;--ok:#0f7234;--ok-bg:#0f72341a;--ok-border:#0f723440}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;transition:background-color .3s,color .3s}.container{max-width:64rem;margin:0 auto}.container-wide{max-width:88rem;margin:0 auto}.site-header{text-align:center;padding:48px 16px}.main{padding:24px 16px 96px}@media (min-width:640px){.site-header{padding:64px 24px}.main{padding:24px 24px 96px}}@media (min-width:1024px){.site-header{padding:64px 32px}.main{padding:24px 32px 96px}}.brand{color:var(--text);align-items:center;gap:14px;text-decoration:none;transition:opacity .15s;display:inline-flex}.brand:hover{opacity:.82}.brand-logo{flex-shrink:0;width:44px;height:44px;display:block}.brand-title{letter-spacing:-.02em;font-size:36px;font-weight:300;line-height:1}@media (min-width:640px){.brand-title{font-size:44px}}.brand-subtitle{color:var(--muted);letter-spacing:.01em;margin-top:12px;font-size:13px}@media (min-width:640px){.brand-subtitle{font-size:15px}}.btn{background:var(--surface);min-height:36px;color:var(--muted);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:12px;font-family:var(--mono);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:6px 11px;transition:color .15s,border-color .15s,background-color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){color:var(--text);border-color:var(--text)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-p{background:var(--accent-fill);color:var(--on-accent);border-color:#0000;font-weight:500}.btn-p:hover:not(:disabled){background:var(--accent-fill);color:var(--on-accent);opacity:.85;border-color:#0000}.btn .ic{flex-shrink:0;width:13px;height:13px;display:block}.btn-busy{gap:8px}.btn-busy .spin{gap:4px}.btn-p .sd{background:var(--on-accent)}.err{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger);margin-bottom:12px;padding:8px 12px;font-size:12px;line-height:1.6}.stg{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:18px}.slbl{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:500}select,input[type=text],input[type=password],input[type=number],input[type=search]{appearance:none;background-color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-family:var(--mono);outline:none;width:100%;min-height:48px;padding:7px 10px;font-size:12px;transition:border-color .15s,box-shadow .15s}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:32px}select:hover,input[type=text]:hover,input[type=password]:hover,input[type=number]:hover,input[type=search]:hover{border-color:var(--text)}select:focus-visible,input[type=text]:focus-visible,input[type=password]:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}input::placeholder{color:var(--muted)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tip{display:inline-flex;position:relative}.tbtn{cursor:help;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0;padding:0;display:flex}.tbtn-dot{border:1px solid var(--border-strong);width:14px;height:14px;color:var(--muted);font-size:9px;font-weight:500;font-family:var(--mono);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.tbtn:focus-visible{outline:2px solid var(--accent);outline-offset:-14px;border-radius:50%}.tbox{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:50;width:240px;max-width:calc(100vw - 64px);color:var(--text);text-transform:none;letter-spacing:normal;padding:10px 12px;font-size:11px;font-weight:400;line-height:1.65;display:none;position:absolute;top:-2px;left:18px;box-shadow:0 8px 24px #00000040}.tbox b{margin-bottom:5px;font-weight:500;display:block}.tbox p,.tbox li{color:var(--muted)}.tbox ol{padding-left:16px;list-style:decimal}.tbox li{margin-bottom:2px}.tbox code{font-family:var(--mono);background:var(--ink);border-radius:3px;padding:1px 4px;font-size:10px}.tip:not(.tip-click):hover .tbox,.tip:not(.tip-click):focus-within .tbox{display:block}.tip-click .tbox{top:0;left:30px}.tip-click .tbox.tbox-left{left:auto;right:30px}.tip-click .tbox.tbox-below{top:100%}.tip-click .tbox:not([hidden]){display:block}.spin{justify-content:center;align-items:center;gap:5px;display:flex}.sd{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite sp}.sd:nth-child(2){animation-delay:.15s}.sd:nth-child(3){animation-delay:.3s}@keyframes sp{0%,80%,to{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.hidden{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.emp{text-align:center;color:var(--muted);padding:28px;font-size:13px}.emp-404{padding-top:0}.emp-title{color:var(--text);margin-bottom:8px;font-size:16px}.emp-action{margin-top:16px}.emp-action .btn{text-decoration:none}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:2rem;padding-top:2rem}.footer-privacy{flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.privacy-icon{flex-shrink:0;font-size:13px;display:inline-flex}.privacy-icon .ic-lock{width:13px;height:13px;display:block}.footer-suite{margin-bottom:8px;font-size:13px}.footer-suite a{color:var(--text);text-underline-offset:3px}.footer-copy{font-size:13px}.footer-version{font-size:11px;font-family:var(--mono);margin-top:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--accent:#8b5cf6;--accent-fill:#7c3aed;--on-accent:#fff;--fam-data:#60a5fa;--fam-markup:#fbbf24;--fam-style:#c084fc;--fam-script:#4ade80;--fam-sql:#22d3ee;--fam-data-bg:#60a5fa26;--fam-markup-bg:#fbbf2426;--fam-style-bg:#c084fc26;--fam-script-bg:#4ade8026;--fam-sql-bg:#22d3ee26;--syn-comment:var(--muted);--syn-keyword:#c084fc;--syn-string:var(--ok);--syn-number:#fb923c;--syn-property:#60a5fa;--syn-tag:var(--danger);--syn-attribute:#fbbf24;--syn-function:#a78bfa;--syn-variable:var(--text);--syn-punctuation:var(--muted);--syn-invalid:var(--danger);--cm-selection:#60a5fa47;--cm-active-line:#ffffff0a;--cm-gutter:var(--muted)}html.light{--fam-data:#1453dd;--fam-markup:#945104;--fam-style:#8418e7;--fam-script:#0f6d32;--fam-sql:#066981;--fam-data-bg:#1453dd1a;--fam-markup-bg:#9451041a;--fam-style-bg:#8418e71a;--fam-script-bg:#0f6d321a;--fam-sql-bg:#0669811a;--syn-comment:var(--muted);--syn-keyword:#8f2ce9;--syn-string:var(--ok);--syn-number:#b83e0b;--syn-property:#195bea;--syn-tag:var(--danger);--syn-attribute:#a14a08;--syn-function:#7c3aed;--syn-variable:var(--text);--syn-punctuation:var(--muted);--syn-invalid:var(--danger);--cm-selection:#2563eb33;--cm-active-line:#00000008;--cm-gutter:var(--muted)}.err-loc{font-weight:500}.ctl-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.ctl{flex-direction:column;gap:5px;min-width:0;display:flex}.ctl-field{align-items:center;gap:2px;display:flex}.ctl-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.ctl-actions{align-items:center;gap:8px;margin-left:auto;display:flex}@media (max-width:639px){.ctl-row{flex-direction:column;align-items:stretch}.ctl-actions{margin-left:0}.ctl-actions .btn{flex:1;justify-content:center}}.ctl-hidden{display:none!important}.container-wide.main{padding-bottom:0}.footer-wrap{padding:0 16px 96px}@media (min-width:640px){.footer-wrap{padding:0 24px 96px}}@media (min-width:1024px){.footer-wrap{padding:0 32px 96px}}.update-bar{background:var(--surface);border-color:var(--border-strong);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.update-actions{gap:8px;display:flex}.btn-icon{width:36px;min-width:36px;padding:0}.btn-icon .ic{width:16px;height:16px}.btn-icon{position:relative}.btn-icon:after{content:attr(data-tip);content:attr(data-tip) / "";z-index:60;white-space:nowrap;pointer-events:none;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);opacity:0;visibility:hidden;padding:4px 8px;font-size:11px;font-weight:400;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000040}.btn-icon:focus-visible:after{opacity:1;visibility:visible}.btn-icon:hover:after{opacity:1;visibility:visible;transition-delay:.35s}.ic-inline{vertical-align:-.2em;width:1.1em;height:1.1em;color:var(--text)}.bdg{font-size:10px;font-weight:500;font-family:var(--mono);white-space:nowrap;border-radius:4px;padding:2px 6px}.bdg-data{background:var(--fam-data-bg);color:var(--fam-data)}.bdg-markup{background:var(--fam-markup-bg);color:var(--fam-markup)}.bdg-style{background:var(--fam-style-bg);color:var(--fam-style)}.bdg-script{background:var(--fam-script-bg);color:var(--fam-script)}.bdg-sql{background:var(--fam-sql-bg);color:var(--fam-sql)}.bdg-none{background:var(--surface-2);color:var(--muted)}.bdg-ok{background:var(--ok-bg);color:var(--ok)}.panes{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}@media (max-width:899px){.panes{grid-template-columns:1fr}}.pane{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.pane-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:45px;padding:10px 14px;display:flex}.pane-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.pane-tools{align-items:center;gap:6px;display:flex}.pane-body{min-width:0;position:relative}.cm-host{isolation:isolate;height:60vh;min-height:340px}@media (max-width:899px){.cm-host{height:45vh;min-height:260px}}.counter{color:var(--muted);font-size:10px;font-family:var(--mono);white-space:nowrap}.pane.dropping{border-color:var(--text)}.dropzone{z-index:3;background:var(--surface-2);border:2px dashed var(--text);color:var(--text);text-align:center;border-radius:0 0 11px 11px;justify-content:center;align-items:center;padding:16px;font-size:13px;display:none;position:absolute;inset:0}.pane.dropping .dropzone{display:flex}.pane-empty{z-index:2;background:var(--ink);text-align:center;color:var(--muted);pointer-events:none;justify-content:center;align-items:center;padding:12px;font-size:13px;line-height:1.7;display:flex;position:absolute;inset:0}.pane-empty.hidden{display:none}.pane-empty-err{pointer-events:auto;align-items:flex-start;overflow-y:auto}.pane-empty-err .err{text-align:left;width:100%;margin-bottom:0}.pane:focus-within{border-color:var(--border-strong)}