*,: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;--cm-selection:#2563eb33;--cm-active-line:#00000008;--cm-gutter:#9ca3af;--syn-invalid:#dc2626;--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;--cm-selection:#60a5fa47;--cm-active-line:#ffffff0a;--cm-gutter:#6b7280;--syn-invalid:#f87171}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}.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(--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-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,input[type=text]{appearance:none;background-color:var(--bg);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{border-color:var(--text)}select:focus-visible,input[type=text]:focus-visible{border-color:var(--text);box-shadow:0 0 0 2px var(--text)}input[type=text]::placeholder{color:var(--muted)}.ctl-hidden{display:none!important}.switch{cursor:pointer;align-items:center;gap:9px;height:48px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{background:var(--s2);border:1px solid var(--border-strong);border-radius:999px;flex-shrink:0;width:34px;height:19px;transition:background-color .15s,border-color .15s;position:relative}.switch-thumb{background:var(--muted);border-radius:50%;width:15px;height:15px;transition:transform .15s,background-color .15s;position:absolute;top:1px;left:1px}.switch input:checked~.switch-track{background:var(--text);border-color:var(--text)}.switch input:checked~.switch-track .switch-thumb{background:var(--bg);transform:translate(15px)}.switch input:focus-visible~.switch-track{outline:2px solid var(--text);outline-offset:2px}.switch-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:500}.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:focus-within{border-color:var(--border-strong)}.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}.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}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}