.workspace{overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.workspace .panel{min-width:0;padding:var(--space)}
.workspace label{display:block;margin:0 0 8px;font-weight:650}
.workspace textarea,.workspace select{display:block;width:100%;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit}
.workspace textarea{min-height:190px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.workspace textarea:focus-visible,.workspace select:focus-visible,.workspace button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.workspace .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.workspace .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.workspace button{padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-weight:650;cursor:pointer}
.hint{color:var(--muted);font-size:.9rem}
#status{padding:0 var(--space);overflow-wrap:anywhere}
.results{padding:0 var(--space) var(--space);overflow-x:auto}
.results ol{padding:0;margin:0;list-style:none;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.diff-line{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:8px;padding:5px 10px;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
.diff-line:last-child{border-bottom:0}
.diff-line code{font:inherit}
.diff-marker{text-align:center;font-weight:750}
.diff-added{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.diff-removed{background:color-mix(in srgb,#d44 9%,var(--surface))}
@media(max-width:600px){.workspace .fields{grid-template-columns:1fr}.workspace .panel{padding:18px}.workspace textarea{min-height:160px}}