:root{--black:#000;--white:#fff;--accent:#5170ff;--accent-dark:#3d5bd9;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--danger:#b42318;--success:#067647;--radius:12px;--shadow:0 16px 50px rgba(0,0,0,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--neutral-50);color:var(--black);font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.tool-shell{max-width:1500px;margin:0 auto;padding:24px}.tool-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow);position:sticky;top:12px;z-index:20}.eyebrow{margin:0 0 2px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--neutral-500)}h1{font-size:clamp(22px,3vw,32px);line-height:1.1;margin:0}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.button{border:0;border-radius:12px;padding:11px 16px;font:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{background:var(--black);color:var(--white)}.primary:hover{background:var(--neutral-700)}.secondary{background:var(--white);color:var(--black);border:1px solid var(--neutral-200)}.secondary:hover{border-color:var(--black)}.compact{padding:9px 13px}.add{width:100%;background:var(--neutral-50);border:1px dashed var(--neutral-400);color:var(--black)}.add:hover{border-color:var(--black);background:var(--white)}.privacy-note{display:flex;gap:14px;margin:18px 0;padding:18px 20px;border-radius:var(--radius);background:#eef1ff;border:1px solid #d8dfff;color:#25356d}.privacy-note strong{display:block;font-size:13px;margin-bottom:2px}.privacy-note p{margin:0;font-size:13px}.privacy-mark{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--accent);color:white;font-weight:700}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,42%);gap:18px;align-items:start}.form-col,.preview-col{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius);box-shadow:var(--shadow)}.form-col{padding:10px 28px 32px}.preview-col{position:sticky;top:112px;padding:22px;height:calc(100vh - 130px);min-height:620px;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.preview-header h2,.form-section>h2{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.form-section{padding:24px 0;border-bottom:1px solid var(--neutral-200)}.form-section:last-child{border-bottom:0}.form-section>h2{margin-bottom:18px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row:has(>div:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}label{display:block;margin-bottom:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-600)}input,textarea,select{width:100%;border:1px solid var(--neutral-200);border-radius:10px;background:var(--neutral-50);color:var(--black);padding:11px 12px;margin-bottom:12px;font:inherit;font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}textarea{min-height:78px;resize:vertical}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px rgba(81,112,255,.12)}.card{position:relative;padding:18px;margin-bottom:12px;border:1px solid var(--neutral-200);border-radius:var(--radius);background:var(--neutral-50)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.del{border:0;background:transparent;color:var(--danger);font-size:12px;font-weight:700;cursor:pointer;padding:5px}.hl-row{display:flex;gap:8px;align-items:flex-start}.hl-row textarea{margin-bottom:8px}.hint{font-size:12px;color:var(--neutral-500);margin:-4px 0 14px}.advanced{margin-top:8px;border:1px solid var(--neutral-200);border-radius:10px}.advanced>summary{padding:13px 14px;font-size:12px;font-weight:700;cursor:pointer}.advanced-body{padding:0 14px 14px}.advanced details summary{font-size:12px;color:var(--neutral-600);cursor:pointer}pre{max-height:260px;overflow:auto;background:#111;color:#e5e5e5;border-radius:10px;padding:14px;font-size:11px;white-space:pre-wrap}.status{display:none;padding:11px 13px;margin-bottom:12px;border-radius:10px;font-size:13px}.status.show{display:block}.status.info{background:#eef1ff;color:#25356d}.status.ok{background:#ecfdf3;color:var(--success)}.status.error{background:#fef3f2;color:var(--danger)}.spinner{display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid rgba(81,112,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.empty-preview{flex:1;display:grid;place-items:center;text-align:center;color:var(--neutral-500);border:1px dashed var(--neutral-300,#d4d4d4);border-radius:10px;padding:30px}#pdfFrame{width:100%;flex:1;border:1px solid var(--neutral-200);border-radius:10px;background:white}.preview-col #downloadBtn{margin-left:auto}@media(max-width:1050px){.layout{grid-template-columns:1fr}.preview-col{position:relative;top:auto;height:800px;min-height:800px}.tool-toolbar{position:relative;top:auto;align-items:flex-start;flex-direction:column}.toolbar-actions{justify-content:flex-start}}@media(max-width:640px){.tool-shell{padding:10px}.tool-toolbar{padding:18px}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.toolbar-actions .button:last-child{grid-column:1/-1}.form-col{padding:4px 16px 24px}.row,.row:has(>div:nth-child(3)){grid-template-columns:1fr}.preview-col{padding:14px;height:680px;min-height:680px}.privacy-note{padding:15px}.button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}