html,body{margin:0;padding:0;background:#000}body{min-height:100vh}
#av-qr{--av-bg:#08090a;--av-bg-2:#101214;--av-line:rgba(255,255,255,.12);--av-line-strong:rgba(255,255,255,.22);--av-text:#f7f7f7;--av-muted:#a9afb7;--av-soft:rgba(255,255,255,.07);--av-soft-2:rgba(255,255,255,.11);width:100%;padding:24px 12px;color:var(--av-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
#av-qr,#av-qr *{box-sizing:border-box}#av-qr button,#av-qr input{font:inherit}
#av-qr .av-shell{width:min(1180px,100%);margin:0 auto;overflow:hidden;border:1px solid var(--av-line);border-radius:28px;background:radial-gradient(circle at 88% 0%,rgba(255,255,255,.08),transparent 30%),linear-gradient(180deg,var(--av-bg-2),var(--av-bg));box-shadow:0 28px 70px rgba(0,0,0,.28)}
#av-qr .av-hero{position:relative;padding:30px;border-bottom:1px solid var(--av-line);overflow:hidden}
#av-qr .av-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(to bottom,#000 15%,transparent 95%);mask-image:linear-gradient(to bottom,#000 15%,transparent 95%)}
#av-qr .av-brand-block{position:relative;z-index:1;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:28px}
#av-qr .av-logo{width:100%;height:auto;display:block;object-fit:contain}#av-qr .av-title-block{min-width:0}
#av-qr .av-kicker{display:inline-block;margin-bottom:10px;color:var(--av-muted);font-size:12px;font-weight:700;letter-spacing:.16em}
#av-qr h1,#av-qr h2,#av-qr p{margin-top:0}#av-qr h1{margin-bottom:10px;font-size:clamp(28px,4.4vw,54px);line-height:.98;letter-spacing:-.045em;font-weight:800}
#av-qr .av-title-block p{max-width:760px;margin-bottom:0;color:var(--av-muted);font-size:15px}
#av-qr .av-content{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;padding:22px}
#av-qr .av-card{min-width:0;padding:22px;border:1px solid var(--av-line);border-radius:22px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px);display:flex;flex-direction:column}
#av-qr .av-step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}
#av-qr .av-step-number{flex:0 0 auto;display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--av-line-strong);border-radius:12px;background:var(--av-soft);font-size:13px;font-weight:800}
#av-qr .av-step-head h2{margin-bottom:3px;font-size:21px;letter-spacing:-.02em}#av-qr .av-step-head p{margin-bottom:0;color:var(--av-muted);font-size:13px}
#av-qr .av-form{display:grid;gap:12px}#av-qr .av-field{display:block;min-width:0}#av-qr .av-field>span{display:block;margin-bottom:7px;color:var(--av-muted);font-size:14px;font-weight:600}
#av-qr input{width:100%;min-height:46px;padding:10px 12px;color:var(--av-text);border:1px solid var(--av-line);border-radius:12px;outline:none;background:rgba(255,255,255,.055);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
#av-qr input::placeholder{color:#858b93}#av-qr input:focus{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.085);box-shadow:0 0 0 4px rgba(255,255,255,.055)}
#av-qr .av-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#av-qr .av-hint{margin:-7px 0 3px;color:var(--av-muted);font-size:13px;line-height:1.45}
#av-qr .av-btn{min-height:46px;padding:0 16px;border:1px solid var(--av-line);border-radius:12px;color:var(--av-text);background:var(--av-soft);cursor:pointer;font-weight:700;transition:background .15s ease,transform .15s ease,border-color .15s ease}
#av-qr .av-btn:hover{background:var(--av-soft-2);transform:translateY(-1px)}#av-qr button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#av-qr .av-btn-primary{width:100%;background:#fff;color:#0a0a0b;border-color:#fff}#av-qr .av-btn-primary:hover{background:#ececec;color:#0a0a0b}
#av-qr .av-message{margin:0;min-height:1.4em;color:#ffaaa4;font-size:14px}#av-qr .av-message:empty{visibility:hidden}
#av-qr .av-preview{display:grid;place-items:center;min-height:254px;padding:16px;border:1px solid var(--av-line-strong);border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035))}
#av-qr .av-preview svg{display:block;width:min(100%,220px);height:auto;aspect-ratio:1;background:#fff;image-rendering:pixelated}#av-qr .empty-preview{display:grid;place-items:center;gap:9px;text-align:center;color:var(--av-muted);font-size:14px}#av-qr .empty-symbol{font-size:62px;line-height:1;color:#747a80}
#av-qr .av-result-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 2px 0;color:var(--av-muted);font-size:13px}#av-qr [hidden]{display:none!important}
#av-qr .av-downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:auto;padding-top:18px}
#av-qr .av-downloads button{min-width:0;min-height:70px;padding:10px 12px;text-align:left;border:1px solid var(--av-line);border-radius:12px;background:var(--av-soft);color:var(--av-text);cursor:pointer;transition:background .15s ease,border-color .15s ease}
#av-qr .av-downloads button:hover:not(:disabled){background:var(--av-soft-2);border-color:var(--av-line-strong)}#av-qr .av-downloads button:disabled{opacity:.38;cursor:not-allowed}
#av-qr .av-downloads strong{display:block;font-size:16px}#av-qr .av-downloads span{display:block;color:var(--av-muted);font-size:12px;line-height:1.3;margin-top:3px}
#av-qr .av-note{margin:0 22px 22px;padding:16px 18px;border:1px solid var(--av-line);border-radius:16px;background:rgba(255,255,255,.025);color:var(--av-muted);font-size:13px}
#av-qr .av-footer{padding:15px 22px 18px;color:var(--av-muted);border-top:1px solid var(--av-line);text-align:center;font-size:12px}
@media(max-width:860px){#av-qr .av-content{grid-template-columns:1fr}#av-qr .av-brand-block{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:620px){#av-qr{padding:10px 6px}#av-qr .av-shell{border-radius:20px}#av-qr .av-hero{padding:22px 18px}#av-qr .av-brand-block{grid-template-columns:1fr;gap:18px}#av-qr .av-logo{width:155px}#av-qr .av-content{padding:14px}#av-qr .av-card{padding:17px}#av-qr .av-field-grid{grid-template-columns:1fr}#av-qr .av-note{margin:0 14px 14px}#av-qr .av-downloads{margin-top:0}}
@media(max-width:380px){#av-qr .av-downloads{grid-template-columns:1fr}#av-qr .av-downloads button{min-height:54px}}