.tool-main{max-width:1180px;margin:auto;padding:36px 28px 72px}.tool-heading{max-width:780px;margin-bottom:30px}.tool-heading h1{font-size:clamp(32px,4.5vw,54px);line-height:1.12;letter-spacing:-.045em;margin:14px 0}.tool-heading h1 span{color:#3155ef}.tool-heading p{font-size:18px;color:var(--muted);max-width:660px}.perks{font-size:14px;color:#435678}.workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}.panel{border:1px solid var(--line);border-radius:20px;padding:28px;background:white;box-shadow:0 10px 40px #13285208;min-width:0}.panel h2{font-size:24px;line-height:1.3;margin:0 0 10px}.muted{color:var(--muted);margin:0 0 20px}label{display:block;font-weight:650;font-size:15px;margin:18px 0 7px}input,select,textarea{width:100%;font:inherit;font-size:16px;border:1px solid #bac8dc;border-radius:9px;padding:12px;background:#fff;color:var(--ink)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #1155ff25;border-color:var(--blue)}button,a,input,select,summary,textarea{outline-offset:4px}small{font-size:14px;color:#52627c;display:block;line-height:1.5;margin-top:7px}.optional{font-weight:400;color:var(--muted)}button{cursor:pointer}.examples{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 20px}.examples button{border:1px solid var(--line);border-radius:30px;background:var(--soft);padding:7px 10px;font-size:13px;color:#354a6c}.generate{width:100%;border:0}.result-panel{background:linear-gradient(145deg,#f4f8ff,#faf8ff);min-height:610px}.result-panel h2{margin-top:12px;max-width:370px}#empty{text-align:center;padding:60px 15px}#empty p{font-size:20px;font-weight:700}.empty-symbol{display:grid;place-items:center;width:90px;height:90px;margin:auto;border-radius:24px;background:#e5eaff;color:#3155ef;font-size:52px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions button{border:0}.qr-area{display:flex;gap:20px;align-items:center;margin:26px 0}.qr-area canvas{width:160px;height:160px;background:white;border-radius:8px;flex-shrink:0}.qr-area h3{font-size:16px;margin:0}.qr-area p{font-size:14px;color:var(--muted)}.qr-area button{font-size:13px;min-height:44px;padding:9px}.preview{border-left:3px solid #3155ef;padding:12px 16px;background:white;border-radius:6px;margin-bottom:15px}.preview small{font-size:11px;letter-spacing:.1em}.preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}#error{color:#a31932;font-size:14px}#status{color:#254b84;font-size:14px}.how,.tool-faq{margin-top:64px}.how h2,.tool-faq h2,.ns-cta h2{font-size:28px;line-height:1.25;letter-spacing:-.02em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:26px}.steps article>span{font-size:14px;color:var(--blue);font-weight:750}.steps h3{font-size:19px;margin:10px 0}.steps p,.tool-faq p{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:650;cursor:pointer}.ns-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--soft);border-radius:20px;padding:32px;margin-top:52px}.ns-cta h2{max-width:580px;margin:12px 0}.ns-cta p{color:var(--muted)}.ns-cta a{flex-shrink:0}footer{gap:20px}footer p{font-size:13px}[hidden]{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:1fr}.result-panel{min-height:0}#empty{padding:30px 10px}.ns-cta{align-items:start;flex-direction:column}}@media(max-width:580px){.tool-main{padding:24px 18px 48px}.panel{padding:22px}.steps{grid-template-columns:1fr;gap:15px}.qr-area{flex-direction:column;align-items:start}.qr-area canvas{width:200px;height:200px;align-self:center}.how,.tool-faq{margin-top:40px}.ns-cta{padding:22px}.tool-heading h1 br{display:none}}