:root{--fg: #1b1b1b;--muted: #5f5f5f;--accent: #1f4e79;--accent-fg: #ffffff;--border: #d1d1d1;--bg: #ffffff;--surface: #f5f5f5;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--fg);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--fg: #f0f0f0;--muted: #b5b5b5;--border: #4a4a4a;--bg: #1f1f1f;--surface: #2a2a2a;--accent: #4f8fcf}}body{margin:0}.pane{padding:16px;max-width:520px}.pane__head h1{font-size:18px;font-weight:600;margin:0 0 4px}h2{font-size:14px;font-weight:600;margin:0 0 8px}.muted{color:var(--muted);margin:0 0 16px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.btn{font:inherit;padding:6px 14px;min-height:32px;border-radius:4px;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.btn:hover:not(:disabled){background:var(--surface)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.status{min-height:20px;margin:0 0 12px}.preview{margin-bottom:16px}.preview iframe{width:100%;min-height:220px;border:1px solid var(--border);border-radius:4px;background:#fff}.diag summary{cursor:pointer;color:var(--muted)}.diag dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0 0;font-size:12px}.diag dt{color:var(--muted)}.diag dd{margin:0;word-break:break-word}