*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--s1:#f9fafb;--s2:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--border-stronger:#9ca3af99;--text:#111827;--muted:#6b7280;--danger:#dc2626;--danger-bg:#dc262614;--danger-border:#dc262640;--ok:#16a34a;--ok-bg:#16a34a1a;--ok-border:#16a34a40;--fam-data:#2563eb;--fam-markup:#d97706;--fam-style:#9333ea;--fam-script:#16a34a;--fam-sql:#0891b2;--fam-data-bg:#2563eb1a;--fam-markup-bg:#d977061a;--fam-style-bg:#9333ea1a;--fam-script-bg:#16a34a1a;--fam-sql-bg:#0891b21a;--syn-comment:#6b7280;--syn-keyword:#9333ea;--syn-string:#16a34a;--syn-number:#c2410c;--syn-property:#2563eb;--syn-tag:#dc2626;--syn-attribute:#c2410c;--syn-function:#7c3aed;--syn-variable:#111827;--syn-punctuation:#6b7280;--syn-invalid:#dc2626;--cm-selection:#2563eb33;--cm-active-line:#00000008;--cm-gutter:#9ca3af;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans:var(--mono);--radius:8px}html.dark{--bg:#000;--s1:#111827;--s2:#1f2937;--border:#1f2937;--border-strong:#374151;--border-stronger:#9ca3af66;--text:#f9fafb;--muted:#9ca3af;--danger:#f87171;--danger-bg:#f871711f;--danger-border:#f871714d;--ok:#4ade80;--ok-bg:#4ade801f;--ok-border:#4ade804d;--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:#9ca3af;--syn-keyword:#c084fc;--syn-string:#4ade80;--syn-number:#fb923c;--syn-property:#60a5fa;--syn-tag:#f87171;--syn-attribute:#fbbf24;--syn-function:#a78bfa;--syn-variable:#f9fafb;--syn-punctuation:#9ca3af;--syn-invalid:#f87171;--cm-selection:#60a5fa47;--cm-active-line:#ffffff0a;--cm-gutter:#6b7280}body{background:var(--bg);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(--s1);color:var(--muted);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:12px;font-family:var(--mono);cursor:pointer;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(--text);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-p{background:var(--text);color:var(--bg);border-color:#0000;font-weight:500}.btn-p:hover:not(:disabled){background:var(--text);color:var(--bg);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(--bg)}.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}.err-loc{font-weight:500}.stg{background:var(--s1);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}.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}}select{appearance:none;background-color:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-family:var(--mono);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;outline:none;width:100%;min-height:48px;padding:7px 32px 7px 10px;font-size:12px;transition:border-color .15s,box-shadow .15s}select:hover{border-color:var(--text)}select:focus-visible{border-color:var(--text);box-shadow:0 0 0 2px var(--text)}.ctl-hidden{display:none!important}.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(--text);outline-offset:-14px;border-radius:50%}.tbox{background:var(--s2);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:50;width:240px;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{color:var(--muted)}.tbox code{font-family:var(--mono);background:var(--bg);border-radius:3px;padding:1px 4px;font-size:10px}.tip:hover .tbox,.tip:focus-within .tbox{display:block}.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(--s2);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(--s1);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(--s2);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(--bg);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}.spin{justify-content:center;align-items:center;gap:5px;padding:0;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}.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}.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}.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-copy{font-size:13px}.footer-version{font-size:11px;font-family:var(--mono);margin-top:8px}.pane:focus-within{border-color:var(--border-strong)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}