/* Avatar Studio — interface de trabalho, com fundo escuro, acento verde-limão e hierarquia de produto. */
:root{--bg:#090b0e;--panel:#11151b;--panel2:#161b22;--line:#29313d;--line2:#252e3a;--txt:#f7f8fa;--mut:#aeb6c5;--lime:#25F4EE;--lime-ink:#11151b;--bad:#ff8b80;--ok:#2ed67d;--r:10px}
[hidden]{display:none!important}
body{background:#090b0e;color:#f7f8fa;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}
.glow{display:none}
.demo-bar{background:#1b2013;color:#d4d997;border-bottom:1px solid #343b22;padding:6px 20px;font-size:11px;font-weight:500;letter-spacing:0;line-height:1.5}
.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;height:68px;gap:32px;background:#11151b;border-bottom:1px solid #242c37;padding:0 28px}
.app-brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700;letter-spacing:-.8px;text-decoration:none;color:#f7f8fa;white-space:nowrap}
.app-brand svg{width:32px;height:32px;color:#25F4EE}
.brand-studio{font-weight:400;color:#aeb6c5;margin-left:4px}
.app-header-caption{font-size:12px;color:#8996a9;border-left:1px solid #29313d;padding-left:26px}
.header-help{margin-left:auto;border:0;border-radius:7px;background:transparent;color:#c2c9d4;font:inherit;font-size:12px;font-weight:500;padding:8px;cursor:pointer;white-space:nowrap}
.header-help:hover{background:#1b222c;color:#25F4EE}
.header-help>span{margin-left:8px}
.app-sidebar{position:fixed;top:99px;bottom:0;left:0;width:220px;background:#11151b;border-right:1px solid #242c37;padding:27px 14px;display:flex;flex-direction:column;z-index:10}
.sidebar-label{font-size:10px;letter-spacing:.09em;font-weight:600;color:#8996a9;padding:0 12px 14px}
.sidebar-item{display:flex;gap:10px;align-items:center;border:0;background:none;border-radius:7px;color:#aeb6c5;font:inherit;font-size:13px;font-weight:500;width:100%;padding:11px 12px;cursor:pointer;text-align:left;margin-bottom:5px;line-height:1.5}
.sidebar-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sidebar-item small{font-size:9px;background:#1b222c;color:#aeb6c5;border:1px solid #29313d;border-radius:4px;padding:1px 4px;margin-left:auto}
.sidebar-item.active{color:#25F4EE;background:#242d19}
.sidebar-item:hover{background:#1b222c}
.sidebar-item.active:hover{background:#29341a}
.sidebar-bottom{display:flex;gap:8px;align-items:flex-start;margin-top:auto;border-top:1px solid #252e3a;padding:18px 10px 0}
.sidebar-status{width:6px;height:6px;background:#627083;border-radius:50%;margin-top:6px;flex:none}
.sidebar-bottom b{font-size:11px;font-weight:500;color:#aeb6c5}
.sidebar-bottom p{font-size:10px;color:#8996a9;margin-top:3px}
.wrap{position:relative;display:block;width:calc(100% - 220px);max-width:1500px;min-height:calc(100vh - 98px);margin:0 0 0 220px;padding:28px 32px 18px;z-index:1}
.workspace-heading{margin:0 0 25px}
.workspace-breadcrumb{font-size:11px;color:#8996a9;margin-bottom:15px}
.workspace-breadcrumb span{padding:0 10px;color:#536071}
.workspace-heading h1{font-size:29px;line-height:1.25;letter-spacing:-1px;font-weight:650;margin:0 0 8px;color:#f7f8fa}
.workspace-heading>p:last-child{font-size:13px;color:#aeb6c5}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:22px;align-items:start}
.card{border:1px solid #29313d;border-radius:12px;background:#11151b;padding:24px;box-shadow:0 1px 3px #00000004;min-width:0}
.card h2{font-size:17px;letter-spacing:-.4px;font-weight:600;color:#f7f8fa;margin:0 0 5px}
.card .hint{font-size:12px;color:#8996a9;margin-bottom:20px}
.slots{margin-bottom:24px}
.slot{border:1px solid #2c3542;border-radius:9px;background:#141920;padding:17px;gap:12px;min-height:78px;box-shadow:none}
.slot:hover{border-color:#798c47;background:#192016}
.slot.has{border-color:#657b3e;background:#1b2317}
.slot.bad{background:#2c1c1b;border-color:#78463f}
.slot:focus-visible{outline:3px solid #d4ff4c28;outline-offset:2px}
.video-upload-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #2c3542;background:#11151b;border-radius:9px;flex:none;color:#aeb6c5}
.video-upload-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.video-upload-icon svg>path{fill:#aeb6c5;stroke:none}
.txt b{font-size:12px;font-weight:600;color:#e3e8f0}
.txt small{font-size:10px;color:#8996a9;margin-top:4px}
.who-h{justify-content:space-between;gap:12px;margin-bottom:13px}
.who-h>b{font-size:13px;font-weight:600;color:#e3e8f0}
.who-h>span{font-size:10px;color:#8996a9}
.tabs{display:flex;gap:22px;padding:0;border:0;border-bottom:1px solid #29313d;border-radius:0;background:none;margin-bottom:22px}
.tab{position:relative;border-radius:0;padding:10px 0 12px;font-size:13px;color:#aeb6c5;font-weight:500;white-space:nowrap;background:none!important}
.tab.on{color:#25F4EE}
.tab.on::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#25F4EE;border-radius:2px}
.tab:hover{color:#25F4EE}
.avatar-upload-heading{margin:0 0 17px}
.avatar-upload-heading h3{font-size:16px;line-height:1.4;letter-spacing:-.35px;font-weight:600;margin-bottom:6px;color:#e3e8f0}
.avatar-upload-heading>p{font-size:12px;color:#9aa6b8;line-height:1.7}
.reference-callout{border:1px solid #25F4EE;border-radius:8px;background:#25F4EE;color:#11151b;padding:14px 15px;box-shadow:none;gap:11px}
.reference-callout b{font-size:13px;font-weight:600;letter-spacing:-.1px}
.reference-callout small{color:#d4dfaf;font-size:10px;margin-top:4px}
.reference-callout-icon{width:32px;height:32px;border-radius:7px;background:#0b0d1010;color:#11151b;font-size:22px}
.reference-callout>i{font-size:20px;color:#d4dfaf}
.attention-pulse{animation:studio-cta-pulse 1.9s ease-in-out infinite}
@keyframes studio-cta-pulse{0%,100%{background:#25F4EE;box-shadow:0 0 0 0 #d4ff4c00;transform:scale(1)}50%{background:#bbdf3d;box-shadow:0 0 0 5px #d4ff4c1a;transform:scale(1.008)}}
#referenceCards{border:0;border-radius:0;padding:0;background:none;margin-top:23px}
.reference-set-heading h4{font-size:14px;letter-spacing:-.2px;font-weight:600;color:#e3e8f0;margin-bottom:6px}
.reference-set-heading>p{font-size:11px;line-height:1.7;color:#9aa6b8}
.reference-set-heading>p b{font-weight:600;color:#c2c9d4}
.reference-set-count{font-size:10px;color:#aeb6c5;border:0;background:#161b22;border-radius:6px;padding:9px 10px;margin:12px 0 15px}
.reference-view-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reference-view-card{border:1px solid #29313d;border-radius:9px;background:#11151b;padding:10px;box-shadow:none}
.reference-view-card.has-reference{border-color:#5b703b;background:#161d18}
.reference-view-top{min-height:18px;margin-bottom:9px}
.reference-view-top>span{font-size:9px;color:#8996a9;font-weight:500}
.reference-view-top>small{font-size:9px;color:#8996a9;border-radius:4px;padding:2px 5px;background:#0d1219;font-weight:400}
.reference-view-card:first-child .reference-view-top>small{color:#25F4EE;background:#242d19}
.reference-view-pick{border:1px solid #252e3a;border-radius:6px;background:#161c25;color:#8996a9;height:128px;overflow:visible;transition:border-color .15s,background .15s}
.reference-view-pick:hover{border-color:#687b46;background:#202a38}
.reference-view-pick>svg{height:87px;max-width:103px;color:#8996a9}
.reference-add{display:block;font-size:10px;font-weight:500;color:#aeb6c5;padding:4px 8px;border-radius:5px;margin:0 auto 7px}
.needs-photo .reference-add{background:#25F4EE;color:#11151b;animation:studio-add-pulse 1.9s ease-in-out infinite}
@keyframes studio-add-pulse{0%,100%{box-shadow:0 0 0 0 #d4ff4c00;transform:scale(1)}50%{box-shadow:0 0 0 4px #d4ff4c24;transform:scale(1.04)}}
.reference-view-pick>img{background:#161b22;border-radius:5px}
.reference-added{background:#1f3227eb;color:#a7d994;font-size:8px;font-weight:500}
.reference-view-card h5{font-size:12px;font-weight:600;letter-spacing:-.1px;margin:10px 0 5px;color:#e3e8f0}
.reference-view-card>p:not(.reference-upload-error){font-size:11px;line-height:1.6;color:#9aa6b8}
.reference-file-row{border-color:#29313d;font-size:8px}
.reference-file-row>span{color:#aeb6c5}
.reference-file-row>button{color:#25F4EE;font-size:8px}
.reference-upload-error{font-size:10px;color:#ff8b80}
.reference-set-tips{border-color:#252e3a;margin-top:18px;padding-top:15px;gap:5px;color:#9aa6b8;font-size:10px}
.reference-set-tips>b{font-size:11px;font-weight:600;color:#c2c9d4}
.reference-set-tips small{font-size:9px;color:#8996a9;line-height:1.6;margin-top:7px}
.delivery-section{margin-top:25px;padding-top:22px;border-top:1px solid #252e3a}
label.f{font-size:11px;letter-spacing:0;text-transform:none;font-weight:500;color:#aeb6c5;margin-bottom:7px}
.inp{padding:11px 12px;border:1px solid #313b49;background:#11151b;border-radius:7px;font-size:12px;color:#e3e8f0;margin-bottom:13px;box-shadow:0 1px 2px #00000003}
.inp::placeholder{color:#8996a9}
.inp:focus{border-color:#90a54d;box-shadow:0 0 0 3px #d4ff4c12}
.btn{border-radius:7px;background:#25F4EE;color:#11151b;box-shadow:0 1px 2px #0000000a;font-size:12px;font-weight:600;padding:12px 16px;letter-spacing:0}
.btn:hover{transform:none;filter:brightness(.95)}
.btn:disabled{background:#1b222c;border:1px solid #29313d;color:#8996a9;box-shadow:none}
.btn.ghost{background:#11151b;color:#c2c9d4;border-color:#313b49}
.price-line{font-size:10px;color:#8996a9;line-height:1.6;margin-top:11px}
.err{font-size:12px;color:#ff8b80}
.studio-heading{margin:0 0 15px}
.studio-heading h3{font-size:16px;letter-spacing:-.3px;font-weight:600;color:#e3e8f0}
.count{color:#aeb6c5;border-color:#29313d;font-size:10px;font-weight:400}
.search-influencer{background:#11151b;border-color:#313b49;border-radius:7px;padding:8px 11px;gap:8px}
.search-influencer>svg{width:16px;height:16px;fill:none;stroke:#8996a9;stroke-width:1.7;stroke-linecap:round;flex:none}
.search-influencer input{font-size:11px;color:#c2c9d4;padding:2px 0}
.filter-row{gap:7px;padding:13px 0}
.filter-row button{border:1px solid #29313d;color:#aeb6c5;font-size:10px;border-radius:6px;padding:5px 10px;font-weight:500}
.filter-row button.on{background:#242d19;color:#25F4EE;border-color:#556a34}
.gal{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:540px;padding:2px 3px 6px;scrollbar-color:#3b4758 transparent}
.gal button{background:#11151b;border-color:#29313d;border-radius:8px;transition:border-color .15s}
.gal button:hover{border-color:#90a54d;transform:none}
.gal button img{background:#1b222c}
.gal button span{font-size:10px;padding:8px;color:#c2c9d4;font-weight:500}
.gal button span small{font-size:9px;color:#8996a9}
.gal button.on{border-color:#25F4EE;box-shadow:0 0 0 1px #25F4EE}
.gal button.on span{color:#25F4EE}
.card-check{background:#25F4EE;color:#11151b;font-size:10px;width:18px;height:18px;line-height:18px;box-shadow:none}
.selected-influencer{background:#192016;border-color:#465833;border-radius:8px;padding:10px;gap:11px}
.selected-influencer>img{width:47px;height:59px;border-radius:5px}
.eyebrow{font-size:8px;letter-spacing:.04em;color:#9aa6b8;margin-bottom:4px}
.selected-influencer h4{font-size:12px;color:#e3e8f0;font-weight:600}
.selected-influencer p{font-size:10px;color:#aeb6c5}
.selected-check{color:#25F4EE;font-size:12px}
.review-panel{position:sticky;top:91px;min-width:0;background:#11151b;border:1px solid #29313d;border-radius:12px;padding:18px}
.review-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}
.review-heading h2{font-size:13px;color:#e3e8f0;font-weight:600;letter-spacing:-.2px}
.review-heading>span{font-size:9px;background:#1b222c;color:#8996a9;border:1px solid #29313d;padding:2px 6px;border-radius:4px}
.review-video{display:flex;align-items:center;justify-content:center;position:relative;background:#0d1219;border:1px solid #252e3a;border-radius:8px;overflow:hidden;aspect-ratio:3/4}
.review-video video{height:100%;width:100%;object-fit:contain;background:#090b0e;position:absolute;inset:0}
#workspaceVideoEmpty{text-align:center;padding:18px}
#workspaceVideoEmpty svg{display:block;width:41px;height:41px;margin:0 auto 14px;stroke:#5c6879;fill:none;stroke-width:1.4;stroke-linejoin:round}
#workspaceVideoEmpty p{font-size:11px;color:#8996a9;font-weight:500}
#workspaceVideoEmpty small{display:block;font-size:9px;color:#748195;margin-top:5px}
.review-video-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 1px 17px;border-bottom:1px solid #252e3a}
.review-video-label>span{font-size:10px;font-weight:500;color:#aeb6c5}
.review-video-label>small{font-size:9px;color:#8996a9}
.review-video-label b{font-weight:400}
.review-details{padding-top:15px;display:grid;gap:12px}
.review-details>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}
.review-details span{color:#8996a9;flex:none}
.review-details b{color:#aeb6c5;font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.review-avatar{display:flex;align-items:center;gap:9px;background:#171d26;border:1px solid #252e3a;padding:8px;border-radius:7px;margin-top:16px}
.review-avatar img{width:32px;height:42px;object-fit:cover;border-radius:4px}
.review-avatar b{font-size:10px;font-weight:500;color:#c2c9d4}
.review-avatar p{font-size:9px;color:#8996a9;margin-top:2px}
.review-note{border-top:1px solid #252e3a;padding-top:14px;margin-top:17px;font-size:10px;line-height:1.7;color:#8996a9}
.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 1px 0;font-size:10px;color:#748195}
.modal{background:#00000066;backdrop-filter:blur(3px)}
.box{background:#11151b;border-color:#29313d;border-radius:13px;box-shadow:0 24px 70px #00000022}
.st h2{font-size:22px;color:#f7f8fa;font-weight:600}
.x{background:#11151b;border-color:#29313d;color:#aeb6c5;border-radius:6px}
.sub,.fine,.tut p,.wait{color:#aeb6c5}
.tut h3{color:#e3e8f0;font-weight:600}
.tut .n,.tl-ic span{background:#25F4EE;color:#11151b;border-radius:8px;box-shadow:none}
.tut-lock{background:#171d26;border-color:#29313d}
.tl-list li{color:#c2c9d4;font-size:13px}
.tl-list li b{background:#242d19;color:#25F4EE}
.tl-list em{color:#25F4EE}
.copy .inp{background:#11151b}
.up{background:#192016;border-color:#4e6030}
button:focus-visible,summary:focus-visible{outline:3px solid #d4ff4c2b;outline-offset:3px}
@media(min-width:1700px){.wrap{padding-right:48px;padding-left:48px}}
@media(max-width:1150px){.app-sidebar{width:190px;padding-inline:10px}.wrap{width:calc(100% - 190px);margin-left:190px;padding:25px 24px}.sidebar-item{font-size:11px;padding-inline:9px;gap:8px}.sidebar-item small{font-size:8px}.workspace-grid{grid-template-columns:minmax(0,1fr) 224px;gap:18px}.card{padding:20px}.review-panel{padding:15px}.reference-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.app-sidebar{width:72px;align-items:center;padding:20px 8px}.sidebar-label,.sidebar-item>span,.sidebar-item small,.sidebar-bottom{display:none}.sidebar-item{width:43px;height:43px;justify-content:center;padding:10px;border-radius:9px}.sidebar-item svg{width:21px;height:21px}.wrap{width:calc(100% - 72px);margin-left:72px}.workspace-grid{grid-template-columns:minmax(0,1fr) 230px}.app-header-caption{display:none}.app-header{padding-inline:23px}.reference-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.review-panel{position:static;display:none}.workspace-grid{display:block}.wrap{max-width:760px;padding:24px}.reference-view-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gal{grid-template-columns:repeat(4,minmax(0,1fr));max-height:500px}.workspace-heading h1{font-size:26px}.workspace-heading{margin-bottom:22px}.app-header{height:62px}.app-sidebar{top:93px}.demo-bar{font-size:10px;padding:6px 15px}}
@media(max-width:520px){.app-sidebar{display:none}.wrap{margin:0;width:100%;padding:22px 16px}.app-header{padding:0 16px;height:60px}.app-brand{font-size:18px}.app-brand svg{width:29px;height:29px}.header-help{font-size:10px;padding-right:0}.demo-bar{font-size:9px;line-height:1.5;padding:6px 14px}.workspace-breadcrumb{margin-bottom:12px;font-size:10px}.workspace-heading h1{font-size:25px;letter-spacing:-.8px}.workspace-heading>p:last-child{font-size:11px}.card{padding:18px 15px;border-radius:10px}.card h2{font-size:16px}.card .hint{font-size:11px}.slot{padding:14px 12px;min-height:73px}.txt b{font-size:11px}.txt small{font-size:9px;white-space:normal}.video-upload-icon{width:34px;height:36px}.who-h>b{font-size:12px}.who-h>span{font-size:9px}.tabs{gap:23px;margin-bottom:19px}.tab{font-size:11px;padding-bottom:11px}.avatar-upload-heading h3{font-size:15px}.avatar-upload-heading>p{font-size:11px}.reference-callout{padding:13px 12px;gap:9px}.reference-callout b{font-size:12px}.reference-callout small{font-size:9px}.reference-callout-icon{width:28px;height:29px;font-size:20px}.reference-callout>i{font-size:17px}.reference-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-view-card{padding:9px}.reference-view-pick{height:125px}.reference-view-card h5{font-size:11px}.reference-view-card>p:not(.reference-upload-error){font-size:10px}.reference-set-heading h4{font-size:13px}.reference-set-heading>p{font-size:11px}.reference-set-count{font-size:9px}.reference-set-tips{font-size:10px}.reference-set-tips small{font-size:9px}.studio-heading h3{font-size:15px}.search-influencer input{font-size:11px}.gal{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:420px}.filter-row{gap:6px}.filter-row button{font-size:9px;padding:5px 9px}.workspace-footer{font-size:9px;gap:10px}.price-line{font-size:9px}.delivery-section{margin-top:23px}.review-panel{display:none}}
@media(prefers-reduced-motion:reduce){.attention-pulse,.needs-photo .reference-add{animation:none}.reference-callout{box-shadow:0 0 0 3px #d4ff4c1a}.reference-view-pick{transition:none}}

/* Mantém a identidade original nas ações, sem mudar a organização do estúdio. */
:root{--lime-ink:#0b0d10}
.app-brand svg path{stroke:#0b0d10}
.reference-callout,.reference-callout b,.reference-callout>i,.reference-callout-icon{color:#0b0d10}
.reference-callout small{color:#354414}
.reference-callout-icon{background:#0b0d1010}
.needs-photo .reference-add,.btn,.card-check,.tut .n,.tl-ic span{color:#0b0d10}
.btn.ghost{color:#c2c9d4}
.sidebar-item.active{color:#25F4EE}

/* Cards de arquivos: sem personagens desenhados ou ilustrações decorativas. */
.reference-view-pick{height:120px;gap:6px;background:#141a23;border:1px dashed #394453;overflow:hidden}
.reference-view-pick:hover{background:#1b2330;border-color:#697a8d}
.reference-empty-plus{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #3d4858;color:#9aa6b8;font-size:23px;font-weight:300;line-height:1;margin-bottom:3px}
.reference-view-pick .reference-add{margin:0;font-size:10px;font-weight:500;line-height:1.4;padding:4px 8px}
.reference-empty-format{font-size:8px;color:#647286}
.reference-view-pick>img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain}
.reference-added{z-index:1}
.reference-view-card h5{font-size:12px}
@media(max-width:520px){.reference-view-pick{height:116px}.reference-empty-format{font-size:7px}.reference-view-pick .reference-add{font-size:9px}}

.project-result{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px;border:1px solid #40512e;border-radius:8px;background:#192016;margin:16px 0}
.project-result b{font-size:12px;color:#e4edda;font-weight:600}
.project-result p{font-size:10px;color:#9ba88e;margin-top:3px}
.project-result button{border:1px solid #637c3d;background:transparent;color:#25F4EE;border-radius:6px;padding:8px 10px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
@media(max-width:520px){.project-result{gap:10px;padding:11px}.project-result b{font-size:11px}.project-result p{font-size:9px}.project-result button{font-size:10px}}

/* Checkout: mesma identidade do estúdio, com foco no pagamento. */
.checkout-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#aeb6c5;margin:0 0 10px}
.st[data-s="ready"] .pv{aspect-ratio:16/9;max-height:190px;margin:20px auto;border-radius:12px;isolation:isolate}
.st[data-s="ready"] .pv video{filter:blur(48px) brightness(.42) saturate(.55);transform:scale(1.5);pointer-events:none;user-select:none}
.st[data-s="ready"] .pv:after{content:"";position:absolute;inset:0;background:#10151c44;z-index:1}
.st[data-s="ready"] .lock{z-index:2;display:block;width:90%;white-space:normal;border:0;background:none;font-size:16px;line-height:1.5;text-align:center}
.st[data-s="ready"] .lock span{display:block;font-size:12px;font-weight:400;color:#b4bdc9;margin-top:4px}
#payerFields{background:#10141a;border:1px solid #2b323c;border-radius:12px;padding:18px;text-align:left;margin:20px 0}
#payerFields .f{display:block;font-size:12px;font-weight:600;margin:0 0 7px;color:#c7cfdb}
#payerFields .inp{width:100%;margin:0 0 14px;background:#191f28}
#payerFields .fine{margin:0;font-size:11px}
#paymentError{color:#ffb7ad;font-size:13px;text-align:left;margin-bottom:14px}
.st[data-s="pix"] .sub{max-width:330px;margin:12px auto 20px;font-size:14px;line-height:1.6}
.st[data-s="pix"] .qr{margin:0 auto 22px;min-height:212px}
.st[data-s="pix"] .qr>div{padding:16px;border-radius:12px;background:#fff}
.checkout-total{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:18px;border-top:1px solid #2b323c;border-bottom:1px solid #2b323c}
.checkout-total>span{font-size:13px;color:#aeb6c5}
.checkout-total .amt{margin:0;font-size:25px;color:#f5f7fa;font-weight:700}
.st[data-s="pix"]>.f{display:block;text-align:left;font-size:12px;margin-bottom:8px;color:#b8c1cd}
.st[data-s="pix"] .copy{margin-bottom:20px;align-items:stretch}
.st[data-s="pix"] .copy .inp{min-width:0;padding:13px 12px;font-family:monospace}
#checkPaymentBtn{width:100%;min-height:48px}
#checkPaymentBtn:disabled{opacity:.65;cursor:wait}
#pixWait{font-size:12px;line-height:1.6;min-height:38px;margin:14px 0 0}
@media(max-width:480px){#payerFields{padding:14px}.st[data-s="ready"] .pv{max-height:150px}}

.st[data-s="ready"] .preview-lock-icon{display:block;width:28px;height:28px;margin:0 auto 12px;color:#d7dde5}

.unlock-benefits{text-align:left;margin:22px 0}
.unlock-benefits h3{font-size:18px;letter-spacing:-.02em;margin:0 0 14px;color:#f5f7fa}
.unlock-benefits ul{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;padding:0;margin:0;color:#b8c1cd;font-size:12px}
.unlock-benefits li{display:flex;align-items:center;gap:7px}
.unlock-benefits li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime)}
.st[data-s="ready"] .checkout-total strong,.st[data-s="payer"] .checkout-total strong{font-size:26px;letter-spacing:-.03em;color:#f5f7fa}
#unlockBtn,#payBtn{width:100%;min-height:48px}
.checkout-back{display:block;margin:16px auto 0;padding:8px 14px;background:transparent;border:0;color:#b8c1cd;cursor:pointer;font:inherit;font-size:13px}
.checkout-back:hover{color:#fff}
.checkout-back:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.st[data-s="payer"]>.sub{font-size:14px;line-height:1.6;margin:14px 0 22px}