:root{color:#2b2829;font-synthesis:none;--ink:#2b2829;--graphite:#363435;--muted:#6f6a68;--line:#e7e3e0;--surface:#fff;--accent:#ee6837;--accent-text:#c0451a;--accent-button:#c94b1a;--accent-button-hover:#b24016;--accent-soft:#fdeee7;--field-border:#ddd8d4;background:#f6f4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:#f6f4f2;min-width:320px}body{background:radial-gradient(circle at 8% 0,#fde9df 0,#0000 24rem),#f6f4f2;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.topbar{justify-content:space-between;align-items:center;gap:24px;max-width:1500px;margin:0 auto;padding:24px 34px 20px;display:flex}.brand{align-items:center;gap:18px;display:flex}.brand-logo{width:auto;height:46px;display:block}.brand h1{border-left:2px solid var(--line);color:var(--graphite);letter-spacing:-.015em;margin:0;padding-left:18px;font-size:20px;font-weight:700;line-height:1.1}.kicker{color:var(--accent-text);letter-spacing:.13em;margin:0 0 3px;font-size:11px;font-weight:800}.privacy-pill{border:1px solid var(--line);color:#5d5755;background:#fffc;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.privacy-icon{color:#fff;background:#2e9a70;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.workspace{grid-template-columns:minmax(540px,.93fr) minmax(520px,1.07fr);align-items:start;gap:24px;max-width:1500px;margin:0 auto;padding:0 34px 48px;display:grid}.form-panel,.preview-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:0 10px 34px #3634350f}.form-panel{padding:34px}.preview-panel{padding:28px;position:sticky;top:18px;overflow:hidden}.panel-heading,.preview-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px;display:flex}.panel-heading h2,.preview-heading h2{color:var(--graphite);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:750}.required-note{color:var(--muted);font-size:12px}.required-note span,label b{color:var(--accent-text)}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset+fieldset{margin-top:34px}fieldset+fieldset legend{border-top:1px solid var(--line);padding-top:31px}legend{width:100%;color:var(--graphite);margin:0 0 20px;font-size:16px;font-weight:700}legend span{min-width:31px;height:25px;color:var(--accent-text);background:var(--accent-soft);border-radius:8px;place-items:center;margin-right:8px;font-size:11px;font-weight:800;display:inline-grid}legend em{float:right;color:#8d8784;font-size:12px;font-style:normal;font-weight:500}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field-full{grid-column:1/-1}.field-date,.field-grow{grid-column:span 1}label{color:#3b3738;margin:0 0 7px;font-size:13px;font-weight:650;display:block}label i{color:#8d8784;margin-left:5px;font-size:11px;font-style:normal;font-weight:500}input,textarea{border:1.5px solid var(--field-border);width:100%;color:var(--ink);background:#fdfcfb;border-radius:10px;outline:none;padding:12px 13px;font-size:14px;transition:all .18s}input:focus,textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #ee683724}input::placeholder,textarea::placeholder{color:#a39d99;font-weight:400}.document-toggle{cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;display:flex}.document-toggle input{width:18px;height:18px;accent-color:var(--accent-button);flex-shrink:0;margin:0;padding:0}input:disabled{color:#8b8582;cursor:not-allowed;background:#f1eeeb}textarea{resize:vertical;min-height:74px}.segmented{background:#efebe8;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;display:grid;position:relative}.segmented label{cursor:pointer;margin:0}.segmented input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.segmented span{color:#6a6462;text-align:center;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;display:block}.segmented label:hover span{color:var(--graphite)}.segmented input:checked+span{color:var(--graphite);box-shadow:0 1px 4px #36343529, inset 0 -2px 0 var(--accent);background:#fff}.segmented input:focus-visible+span{outline-offset:1px;outline:3px solid #ee683766}.generate-button{cursor:pointer;color:#fff;background:var(--accent-button);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:32px;padding:15px 20px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 10px 24px #c94b1a3d}.generate-button:hover{background:var(--accent-button-hover);transform:translateY(-2px);box-shadow:0 14px 30px #c94b1a52}.generate-button:focus-visible{outline-offset:2px;outline:3px solid #ee683773}.generate-button:disabled{cursor:wait;opacity:.72;transform:none}.download-symbol{background:#fff3;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.button-help{text-align:center;color:#8d8784;margin:10px 0 0;font-size:11px}.form-error{color:#943748;background:#fff0f2;border:1px solid #f0c7ce;border-radius:11px;margin-top:22px;padding:12px 14px;font-size:13px}.live-badge{color:#4c6f61;background:#eaf6f0;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:800;display:flex}.live-badge span{background:#30a875;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #30a8751f}.paper-stage{background:#dedad7;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2c26390d}.document-preview{--paper-scale:.7;width:794px;height:1123px;transform:scale(var(--paper-scale));transform-origin:0 0;color:#080808;background:#fff;padding:48px 57px 44px;font-family:Arial,sans-serif;position:absolute;top:16px;left:16px;overflow:hidden;box-shadow:0 7px 25px #1f1b292b}.document-header{align-items:flex-start;gap:12px;height:120px;display:flex}.document-header img{object-fit:contain;object-position:left center;width:170px;height:78px}.company-data{flex-direction:column;padding-top:4px;line-height:1.18;display:flex}.company-data strong{font-size:23px}.company-data b{text-align:right;margin-top:7px;font-size:15px}.document-rule{background:#111;height:3px}.document-preview h3{text-align:center;margin:105px 0 54px;font-size:25px}.document-body,.document-extra{text-align:justify;margin:0;font:20px/1.35 Times New Roman,serif}.document-extra{margin-top:12px}.document-date{text-align:center;margin:38px 0 0;font-size:19px}.signature{width:410px;margin:118px auto 0}.signature div{border-top:1.5px solid #111}.signature strong{text-align:center;margin:7px 0 0;font-size:18px;display:block}.document-footer{text-align:center;flex-direction:column;font-size:13px;line-height:1.35;display:flex;position:absolute;bottom:40px;left:57px;right:57px}.document-footer div{border-top:3px solid #111;margin-bottom:5px}.document-footer u{color:#0875d1}.toast{z-index:10;color:#fff;opacity:0;pointer-events:none;background:#2b7f61;border-radius:12px;padding:13px 17px;font-size:13px;font-weight:750;transition:all .22s;position:fixed;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 12px 30px #1f4b3c40}.toast.visible{opacity:1;transform:translateY(0)}@media (max-width:1100px){.workspace{grid-template-columns:1fr;max-width:820px}.preview-panel{position:static}}@media (max-width:650px){.topbar{align-items:center;padding:18px 16px 14px}.privacy-pill{justify-content:center;width:37px;height:37px;padding:0;font-size:0}.privacy-icon{width:22px;height:22px}.brand{gap:12px}.brand-logo{height:36px}.brand h1{padding-left:12px;font-size:16px}.workspace{gap:14px;padding:0 12px 30px}.form-panel,.preview-panel{border-radius:16px;padding:22px 18px}.form-grid{grid-template-columns:1fr}.field,.field-full,.field-date,.field-grow{grid-column:1}.panel-heading{align-items:flex-start}.required-note{margin-top:7px}.toast{text-align:center;bottom:12px;left:12px;right:12px}}