.surface{margin:0 0 var(--space-6)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.surface-controls{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3);margin-bottom:var(--space-4);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.control{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.control label{color:var(--fg-muted)}.control-check label{min-height:44px;color:var(--fg);cursor:pointer;align-items:center;display:inline-flex}.control-check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.surface-controls select{font:inherit;font-size:var(--text-sm);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);cursor:pointer}.surface-controls select:hover{border-color:var(--accent)}.options{gap:var(--space-4);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-alt);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));display:grid}.options legend{padding:0 var(--space-2);font-size:var(--text-sm);color:var(--fg);font-weight:600}.option{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.option-control{align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.option-control label{min-height:44px;color:var(--fg);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.option-control input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.options select{font:inherit;font-size:var(--text-sm);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);cursor:pointer}.options select:hover:not(:disabled){border-color:var(--accent)}.options select[data-opt-charset]{max-width:100%}.options option:disabled{color:var(--fg-muted)}.option-note{font-size:var(--text-xs);color:var(--fg-muted);margin:0;line-height:1.5}.option-note code{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace}.option-why{font-size:var(--text-xs);color:var(--warning);margin:0;line-height:1.5}.option[data-inactive] .option-control label{color:var(--fg-muted);cursor:default}.options :disabled{cursor:not-allowed}.panes{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=55rem){.panes{grid-template-columns:minmax(0,1fr)}}.pane{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.pane-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.pane-head label{font-size:var(--text-sm);font-weight:600}.counts{font-size:var(--text-xs);color:var(--fg-muted);font-variant-numeric:tabular-nums}.pane textarea{resize:vertical;width:100%;min-height:16rem;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.5}.pane textarea[readonly]{background:var(--bg-alt)}.pane-note{font-size:var(--text-xs);margin:0}.pane-empty{color:var(--fg-muted)}.pane-truncation{color:var(--warning)}.pane-error{color:var(--error);background:var(--error-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);overflow-wrap:anywhere}.pane-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.input-shell{min-width:0;display:block;position:relative}.pane .input-shell textarea{z-index:1;background:0 0;margin:0;display:block;position:relative}.input-mirror{z-index:0;pointer-events:none;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;color:#0000;border:1px solid #0000;margin:0;line-height:1.5;position:absolute;inset:0;overflow:hidden}.input-mirror mark{color:#0000;background:var(--error-bg);box-shadow:inset 0 0 0 2px var(--error), 0 0 0 1px var(--error);border-radius:2px}.failure-report{gap:var(--space-2);flex-direction:column;display:flex}.pane-error-headline{font-size:var(--text-sm);color:var(--error);margin:0;font-weight:600}.pane-error-position{color:var(--error);font-variant-numeric:tabular-nums}.pane-notice{color:var(--warning);overflow-wrap:anywhere}.suggestions{gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-alt);flex-direction:column;display:flex}.suggestions-head{font-size:var(--text-xs);color:var(--fg);margin:0;font-weight:600}.suggestion-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.suggestion{gap:var(--space-1);flex-direction:column;display:flex}.suggestion button{align-self:flex-start;min-height:44px}.suggestion-detail{font-size:var(--text-xs);color:var(--fg-muted);margin:0;line-height:1.5}button[data-jump]{align-self:flex-start;min-height:44px}.delta{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums}.status{margin:var(--space-2) 0 0;min-height:1.4em;font-size:var(--text-sm);color:var(--success)}.status[data-tone=error]{color:var(--error)}.btn:disabled{cursor:not-allowed;color:var(--fg-muted);border-style:dashed}