body{padding:0 5vw;font-family:Inter,Helvetica,Arial,sans-serif}:root{--bg:#fff;--surface:#f6f7f9;--text:#1f2430;--muted:#5d6573;--border:#d3d8e0;--accent:#3b5bdb;--accent-hover:#2f49b5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}h2{text-align:center;margin:2rem 0 1rem}.textbox{max-width:60vw;margin:0 auto;padding:0 1rem 2rem}.textbox-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.field-label{color:var(--muted);font-size:.85rem;font-weight:600}.field{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:8px;padding:.65rem .75rem}.field:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.field-main{min-height:50vh}.name-fields{gap:1rem;margin-top:.5rem;display:flex}.name-field{flex-direction:column;flex:1;gap:.35rem;display:flex}.button-row{gap:.75rem;margin-top:.75rem;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6rem 1.25rem;font-weight:600;transition:background .15s,border-color .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text);border-color:var(--border);background:0 0}.btn-secondary:hover{border-color:var(--muted)}@media (width<=600px){.name-fields{flex-direction:column}}