.intro{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}h1{margin:0;font-size:clamp(26px,5vw,32px);font-weight:700;line-height:1.2}.intro p{color:var(--text-muted);margin:0}h2{margin:0;font-size:18px}h3{margin:0;font-size:15px;font-weight:600}.layout{align-items:start;gap:24px;display:grid}@media (width>=960px){.layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.column{flex-direction:column;gap:24px;min-width:0;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.panel>label{font-size:15px;font-weight:600}textarea{width:100%;min-height:240px;font-family:var(--font-mono);color:var(--text);background:var(--input-bg);border:1px solid var(--border);resize:vertical;white-space:pre;border-radius:8px;padding:12px;font-size:13px;line-height:1.6;overflow-x:auto}.hint{color:var(--text-muted);margin:0;font-size:13px}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:15px}.btn:hover{background:var(--surface-muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-strong)}.muted{color:var(--text-muted);margin:0;font-size:15px}.chips{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.chips:empty{display:none}.chip{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:4px 10px}.chip-warning{background:var(--warning-bg);color:var(--warning-text)}.chip-error{background:var(--error-bg);color:var(--error-text)}.issues{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.issue{background:var(--warning-bg);color:var(--warning-text);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;font-size:14px;display:flex}.issue-error{background:var(--error-bg);color:var(--error-text)}.issue-meta{font-family:var(--font-mono);font-size:12px}.issue-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:13px;text-decoration:underline}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.visually-hidden:focus-visible+label{outline:3px solid var(--accent);outline-offset:2px}label.btn{align-items:center;display:inline-flex}