:root{--blue:#251478;--orange:#f57921;--paper:#f6f3ef;--ink:#231d36;--muted:#6e687a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{background:var(--blue);color:white;padding:23px max(6vw,22px);display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;font-weight:900;letter-spacing:-1.4px;color:white;text-decoration:none}.brand span{font-size:12px;vertical-align:top;margin-left:4px}.tag{font-size:10px;letter-spacing:2px;border:1px solid #ffffff50;border-radius:30px;padding:10px 14px}main{max-width:1160px;margin:auto;padding:48px 28px 20px}.intro{max-width:700px;margin-bottom:36px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--orange)}h1{font-size:clamp(44px,6vw,70px);line-height:1.04;letter-spacing:-2.5px;color:var(--blue);margin:16px 0 18px}em{font-family:Georgia,serif;font-weight:500;color:var(--orange)}.intro>p:last-child{font-size:18px;line-height:1.6;max-width:590px;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.card{background:white;border:1px solid #e7e1dc;border-radius:20px;padding:30px}.step{display:flex;gap:15px;align-items:center;color:var(--orange);font-size:14px;font-weight:800;margin-bottom:26px}.step span{color:var(--blue)}label{display:block;font-weight:700;font-size:13px;margin:18px 0 9px}label span{float:right;font-size:11px;font-weight:400;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #d9d5e0;border-radius:8px;padding:13px;font:16px Arial;color:var(--ink);background:#fcfbfa}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue);outline-offset:2px}textarea{line-height:1.55;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 16px}button{cursor:pointer;font:700 14px Arial;border-radius:8px;padding:14px 18px;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.primary{background:var(--blue);color:white}.primary:hover{background:#3a2599}.secondary{background:#f0edf7;color:var(--blue)}#generate{width:100%;text-align:left;font-size:16px;margin-top:3px}#generate span{float:right}summary{cursor:pointer;font-size:12px;color:var(--muted);padding:12px 0}.result{text-align:center}.result .step{text-align:left}#empty{padding:42px 12px 52px}.placeholder{font-size:60px;color:var(--orange);margin-bottom:18px}.result h2{font-size:29px;line-height:1.12;color:var(--blue);letter-spacing:-.8px}.result p{font-size:14px;color:var(--muted);line-height:1.6}.result #qr{max-width:300px;margin:0 auto}#qr svg{width:100%;height:auto}.buttons{display:flex;gap:10px;justify-content:center}.textbutton{background:none;color:var(--blue);margin:12px 0}#preview{white-space:pre-wrap;text-align:left;padding:14px;background:var(--paper);border-radius:10px;overflow-wrap:anywhere}.testing{border-top:1px solid #ece8e2;padding-top:20px;font-size:12px!important}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:35px 0}.how b{color:var(--blue);font-size:14px}.how p{color:var(--muted);font-size:13px;line-height:1.6}footer{border-top:1px solid #dfdad5;padding:22px 0;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}#error{color:#b42b27;font-size:13px;line-height:1.5}#status{color:var(--blue)}[hidden]{display:none!important}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:5vw;background:var(--blue);color:white;margin:0}dialog::backdrop{background:var(--blue)}#close{position:absolute;right:22px;top:20px;background:#ffffff20;color:white}.slidebrand{font-size:28px;font-weight:900}.slidegrid{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;height:80%}.slidegrid h2{font-size:clamp(42px,6vw,100px);letter-spacing:-3px;line-height:1.04;margin:20px 0}.slidegrid p{font-size:clamp(16px,2vw,26px);line-height:1.5}#slideqr{background:white;border-radius:14px;padding:10px}#slideqr svg{display:block;width:100%;height:auto}.slidegrid small{font-size:18px;opacity:.7}@media(max-width:720px){header{padding:20px}.brand{font-size:24px}.tag{font-size:8px;padding:8px}main{padding:30px 18px}.workspace{grid-template-columns:1fr}.card{padding:23px}.intro{margin-bottom:26px}.how{grid-template-columns:1fr;gap:10px}.how p{margin-top:5px}footer{flex-direction:column}.slidegrid{grid-template-columns:1fr;height:auto;gap:24px}.slidegrid h2{font-size:46px}.slidebrand{font-size:22px}#slideqr{max-width:350px;margin:auto}.slidegrid .eyebrow{font-size:10px}dialog{padding:28px 22px}}