.vp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.vp-inputs,.vp-results{min-width:0;padding:28px}
.vp-inputs{border-right:1px solid var(--border)}
.vp-inputs fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}
.vp-inputs fieldset:last-child{margin-bottom:0}
.vp-inputs legend{font-size:14px;font-weight:650;color:var(--accent);margin-bottom:16px}
.vp-workspace label{display:block;font-size:12px;font-weight:600;margin:14px 0 8px}
.vp-workspace input,.vp-workspace select,.vp-workspace textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;padding:11px 12px}
.vp-workspace textarea{resize:vertical;line-height:1.75}
#vp-changes{min-height:110px;height:110px}
#vp-prompt{min-height:280px;height:280px}
.vp-workspace input:focus-visible,.vp-workspace select:focus-visible,.vp-workspace textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.vp-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.vp-pair>div{min-width:0}
.vp-help{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.vp-help a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.vp-results{background:var(--paper)}
.vp-result-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.vp-result-heading h2{font-size:18px;margin:0}
.vp-results h3{font-size:13px;margin:24px 0 10px}
.vp-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}
.vp-timeline{padding:0;list-style:none}
.vp-timeline li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.vp-timeline strong{font-family:var(--mono);color:var(--accent)}
.vp-result-actions,.vp-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.vp-result-actions{margin-top:12px}
.vp-submit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:20px 28px;border-top:1px solid var(--border)}
.vp-submit>p{flex:1 1 300px;margin:0}
.vp-workspace>.message{margin:0;padding:0 28px 20px;overflow-wrap:anywhere}
.vp-workspace>.message:empty{padding:0}
@media(max-width:760px){.vp-grid{grid-template-columns:1fr}.vp-inputs{border-right:0;border-bottom:1px solid var(--border)}.vp-inputs,.vp-results{padding:20px}.vp-submit{padding:20px}.vp-buttons{width:100%}.vp-buttons button{flex:1 1 100%;white-space:normal}.vp-workspace .workspace-toolbar{flex-wrap:wrap;gap:10px}.vp-result-actions button{white-space:normal}}