.theme-1{--bg-gradient:linear-gradient(145deg,#0f172a,#020617);--grid-color:rgba(56,189,248,0.3);--glow-color:rgba(56,189,248,0.15);--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-hook-base:#94a3b8;--accent-color:#38bdf8;--accent-bg:rgba(56,189,248,0.1);--border-color:rgba(56,189,248,0.2);--qr-wrapper-bg:rgba(255,255,255,0.05);--qr-shadow:0 25px 50px -12px rgba(0,0,0,0.5);--footer-border:rgba(255,255,255,0.1)}.theme-2{--bg-gradient:linear-gradient(145deg,#f8fafc,#e2e8f0);--grid-color:rgba(148,163,184,0.3);--glow-color:rgba(255,255,255,0.8);--text-primary:#0f172a;--text-secondary:#475569;--text-hook-base:#64748b;--accent-color:#2563eb;--accent-bg:rgba(37,99,235,0.1);--border-color:rgba(148,163,184,0.4);--qr-wrapper-bg:rgba(255,255,255,0.6);--qr-shadow:0 20px 40px -10px rgba(0,0,0,0.1);--footer-border:rgba(15,23,42,0.1)}.theme-3{--bg-gradient:linear-gradient(145deg,#18181b,#000000);--grid-color:rgba(212,175,55,0.2);--glow-color:rgba(212,175,55,0.1);--text-primary:#ffffff;--text-secondary:#a1a1aa;--text-hook-base:#71717a;--accent-color:#d4af37;--accent-bg:rgba(212,175,55,0.1);--border-color:rgba(212,175,55,0.3);--qr-wrapper-bg:rgba(255,255,255,0.03);--qr-shadow:0 25px 50px -12px rgba(212,175,55,0.15);--footer-border:rgba(212,175,55,0.15)}.theme-4{--bg-gradient:linear-gradient(145deg,#2e1065,#7c2d12);--grid-color:rgba(251,146,60,0.3);--glow-color:rgba(244,63,94,0.2);--text-primary:#ffffff;--text-secondary:#fed7aa;--text-hook-base:#fbcfe8;--accent-color:#fb923c;--accent-bg:rgba(251,146,60,0.15);--border-color:rgba(251,146,60,0.3);--qr-wrapper-bg:rgba(0,0,0,0.2);--qr-shadow:0 25px 50px -12px rgba(0,0,0,0.5);--footer-border:rgba(255,255,255,0.1)}.poster-export{width:100%;height:100%;min-height:0;max-height:none;background:var(--bg-gradient);border-radius:0;overflow:hidden;border:1px solid var(--border-color);padding:20px;box-shadow:none}.poster-export .poster-hook{font-size:16px;margin-bottom:20px}.poster-export .agency-name{font-size:48px}.poster-export .agency-username{font-size:20px;padding:6px 18px}.poster-export .qr-bg-wrapper canvas,.poster-export .qr-bg-wrapper img,.poster-export .qr-bg-wrapper svg{width:auto;height:auto;max-width:none}.poster-export .scan-text{font-size:24px}.poster-export .scan-subtext{font-size:14px}.poster-export .footer-text{font-size:13px}.poster-export{position:relative}.poster-export .poster-content{height:100%;position:relative;padding-bottom:80px}.poster-export .poster-footer{position:absolute;left:0;right:0;bottom:2px;display:flex;align-items:center;justify-content:center}.poster-container{position:relative;width:100%;height:auto;min-height:0;max-height:none;background:var(--bg-gradient);overflow:hidden;border:1px solid var(--border-color);padding:clamp(10px,2.2vw,20px);box-shadow:var(--qr-shadow);animation:scaleUpPoster .4s cubic-bezier(.16,1,.3,1) forwards}.poster-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--grid-color) 1.5px,transparent 1.5px);background-size:20px 20px;z-index:1}.poster-container:after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.15) 50%,rgba(255,255,255,0));transform:skewX(-25deg);animation:shine-animation 4s infinite;z-index:50;pointer-events:none}@keyframes shine-animation{0%{left:-150%}20%{left:200%}to{left:200%}}.poster-glow{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:80%;height:50%;background:radial-gradient(ellipse at center,var(--glow-color) 0,rgba(0,0,0,0) 70%);z-index:2}.poster-content{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;padding:clamp(24px,3.2vw,36px) clamp(16px,2.2vw,24px);box-sizing:border-box}.poster-hook{text-align:center;color:var(--text-hook-base);font-size:clamp(12px,1.8vw,16px);font-weight:500;letter-spacing:1px;margin-bottom:clamp(14px,2.2vw,24px)}.poster-hook span{color:var(--accent-color);font-weight:800}.agency-header{text-align:center;margin-bottom:0}.agency-name-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.agency-name{color:var(--text-primary);font-size:clamp(24px,4.5vw,52px);font-weight:900;margin:0;text-shadow:0 4px 10px rgba(0,0,0,.1)}.agency-username{color:var(--accent-color);font-size:clamp(13px,2.4vw,24px);font-weight:800;margin:0;letter-spacing:1.5px;background:var(--accent-bg);display:inline-block;padding:clamp(4px,.9vw,8px) clamp(12px,2.4vw,22px);border-radius:20px;border:1px solid var(--border-color)}.qr-section{flex-direction:column;margin:auto 0}.qr-container,.qr-section{display:flex;align-items:center}.qr-container{background:var(--qr-wrapper-bg);backdrop-filter:blur(10px);padding:clamp(12px,2.2vw,20px);border-radius:clamp(18px,2.8vw,26px);border:1px solid var(--border-color);box-shadow:var(--qr-shadow);position:relative;justify-content:center}.qr-container:after,.qr-container:before{content:"";position:absolute;width:30px;height:30px;border-color:var(--accent-color);border-style:solid}.qr-container:before{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:24px 0 0 0}.qr-container:after{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 24px 0}.qr-bg-wrapper{background-color:#ffffff;padding:clamp(9px,1.8vw,14px);border-radius:clamp(12px,2.2vw,16px);display:flex}.qr-bg-wrapper canvas,.qr-bg-wrapper img,.qr-bg-wrapper svg{width:clamp(150px,28vw,260px);height:auto;display:block}.scan-text{color:var(--text-primary);font-size:clamp(18px,2.8vw,28px);font-weight:700;margin:clamp(16px,2.4vw,22px) 0 6px;text-align:center}.scan-subtext{color:var(--text-secondary);font-size:clamp(12px,2vw,16px);text-align:center;margin:0}.poster-footer{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid var(--footer-border);padding-top:clamp(12px,1.8vw,18px)}.footer-text{color:var(--text-hook-base);font-size:clamp(12px,1.8vw,14px)}.shabato-logo-footer{display:flex;align-items:center;gap:6px}.shabato-logo-footer svg{width:18px;height:18px}.shabato-logo-footer span{color:var(--text-primary);font-weight:800;font-size:clamp(13px,2vw,16px);letter-spacing:.5px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleUpPoster{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:1400px){.poster-container{max-height:980px;min-height:680px;padding:22px}.poster-content{padding:38px 30px}.agency-name{font-size:56px}.agency-username{font-size:26px}.qr-bg-wrapper canvas,.qr-bg-wrapper img,.qr-bg-wrapper svg{width:280px}.scan-text{font-size:30px}.scan-subtext{font-size:17px}}@media (min-width:1700px){.poster-container{max-height:1080px;min-height:740px}.agency-name{font-size:62px}.agency-username{font-size:28px}.qr-bg-wrapper canvas,.qr-bg-wrapper img,.qr-bg-wrapper svg{width:300px}.scan-text{font-size:32px}.scan-subtext{font-size:18px}}.layout-1 .poster-content{align-items:flex-start;text-align:right;padding:clamp(30px,4vw,50px)}.layout-1 .agency-header{text-align:right;margin-bottom:0;width:100%}.layout-1 .agency-name-wrapper{justify-content:flex-start}.layout-1 .qr-section{flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;margin-top:auto;margin-bottom:20px}.layout-1 .qr-text-wrapper{flex:1;padding-left:20px}.layout-1 .scan-text{text-align:right;font-size:clamp(20px,3vw,32px);margin-top:0}.layout-1 .scan-subtext{text-align:right}.layout-2 .poster-content{padding:0;justify-content:space-between}.layout-2 .split-top{text-align:center;flex:1;justify-content:center}.layout-2 .split-bottom,.layout-2 .split-top{padding:clamp(30px,4vw,40px);display:flex;flex-direction:column}.layout-2 .split-bottom{background:var(--qr-wrapper-bg);backdrop-filter:blur(15px);border-top:1px solid var(--border-color);border-radius:40px 40px 0 0;align-items:center;box-shadow:0 -10px 40px rgba(0,0,0,.1)}.layout-2 .qr-container{background:transparent;box-shadow:none;border:none;padding:0;margin-bottom:10px}.layout-2 .qr-container:after,.layout-2 .qr-container:before{display:none}.layout-3 .poster-content{padding:clamp(15px,2vw,25px)}.layout-3 .content-frame{border:2px solid var(--border-color);border-radius:20px;height:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(20px,3vw,30px);position:relative;background:rgba(0,0,0,.02)}.layout-3 .agency-username{background:transparent;border:2px solid var(--accent-color)}.layout-3 .qr-section{position:relative;margin:auto 0;padding:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;isolation:isolate}.layout-3 .qr-section:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent-bg);border:1px dashed var(--accent-color);z-index:0}.layout-3 .qr-container{position:relative;z-index:1;border-radius:20px;padding:15px}.layout-3 .qr-bg-wrapper{border-radius:14px;overflow:visible}.layout-3 .qr-container:after,.layout-3 .qr-container:before{display:none}