:root{--savori-ink:#062d24;--savori-ink-2:#0f4739;--savori-gold:#e7bd64;--savori-paper:#fffaf0;--savori-line:rgba(27,63,51,.18)}
.creative-result-dialog,.point-recharge-dialog{width:min(1500px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:28px;background:transparent;color:var(--savori-ink);overflow:visible}
.creative-result-dialog::backdrop,.point-recharge-dialog::backdrop{background:rgba(1,22,17,.74);backdrop-filter:blur(8px)}
.creative-result-shell,.point-recharge-shell{position:relative;max-height:calc(100dvh - 28px);overflow:auto;padding:clamp(22px,3vw,46px);border:1px solid rgba(231,189,100,.55);border-radius:28px;background:radial-gradient(circle at 85% 0%,rgba(231,189,100,.12),transparent 32%),var(--savori-paper);box-shadow:0 32px 90px rgba(0,16,12,.32)}
.creative-result-shell>.dialog-close,.point-recharge-shell>.dialog-close{position:absolute;z-index:10;top:18px;right:18px}
.creative-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-right:52px}
.creative-result-head h2,.point-recharge-head h2{margin:6px 0 8px;font-size:clamp(30px,3.25vw,56px);line-height:1.08;letter-spacing:-.04em}
.creative-result-head p,.point-recharge-head p{margin:0;color:#5b6b64;line-height:1.7}
.creative-result-payment{flex:0 0 auto;margin-top:10px;padding:12px 18px;border:1px solid rgba(16,112,87,.22);border-radius:999px;background:#eff9f4;color:#0b7158;box-shadow:0 6px 18px rgba(4,52,40,.08)}
.creative-result-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px;margin:28px 0 16px;border:1px solid var(--savori-line);border-radius:999px;overflow:hidden;background:#fff}
.creative-result-tabs button{min-height:48px;padding:8px 14px;border:0;border-right:1px solid var(--savori-line);background:transparent;color:#345148;font-weight:800}
.creative-result-tabs button:last-child{border-right:0}.creative-result-tabs button.is-active{background:var(--savori-ink-2);color:white}
.creative-result-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.85fr);gap:24px;align-items:start}
.creative-result-visual,.creative-result-summary{border:1px solid var(--savori-line);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 12px 38px rgba(16,50,41,.07)}
.creative-result-visual{padding:16px}.creative-result-image-wrap{position:relative;min-height:440px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:#f0ede5}
.creative-result-image-wrap>span{position:absolute;top:15px;left:15px;z-index:2;padding:7px 12px;border-radius:999px;background:rgba(4,38,30,.88);color:#fff;font-size:12px;font-weight:800}
.creative-result-image-wrap img{width:100%;height:min(62vh,680px);object-fit:contain;display:block}
.creative-result-actions-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.creative-result-actions-row button{min-height:54px;border-radius:16px}
.creative-result-summary{padding:22px}.creative-result-summary h3{margin:0 0 14px;font-size:23px}.creative-result-summary dl{margin:0;display:grid;gap:7px}
.creative-result-summary dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:12px;background:#f5f1e8}.creative-result-summary dt{color:#63726b}.creative-result-summary dd{margin:0;font-weight:800;text-align:right}.creative-result-summary dd.success{color:#087157}
.creative-result-notice{margin:14px 0 22px;padding:16px;border:1px solid rgba(13,113,86,.18);border-radius:16px;background:#eff8f4}.creative-result-notice strong{display:block;margin-bottom:4px}.creative-result-notice p{margin:0;color:#53665e;line-height:1.55}
.creative-result-summary h4{margin:0 0 10px}.creative-result-compare{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:7px;align-items:center}.creative-result-compare button{padding:7px;border:1px solid var(--savori-line);border-radius:14px;background:#fff;color:var(--savori-ink)}.creative-result-compare button.is-active{outline:2px solid var(--savori-ink-2)}.creative-result-compare img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:9px;background:#f3efe7}.creative-result-compare span{display:block;margin-top:5px;font-size:11px;font-weight:800}.creative-result-compare i{font-style:normal;font-size:28px;color:#718078}.creative-result-disclosure{margin:18px 0 0;color:#718078;font-size:12px;line-height:1.55}
.point-recharge-dialog{width:min(760px,calc(100vw - 24px))}.point-recharge-shell{padding:clamp(24px,4vw,42px)}.point-recharge-head{padding-right:46px;text-align:center}.point-recharge-head h2{font-size:clamp(30px,5vw,44px)}
.point-shortage-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 10px;border:1px solid var(--savori-line);border-radius:18px;background:#fff;overflow:hidden}.point-shortage-summary div{padding:17px 12px;text-align:center;border-right:1px solid var(--savori-line)}.point-shortage-summary div:last-child{border-right:0}.point-shortage-summary span{display:block;color:#68776f;font-size:12px}.point-shortage-summary strong{display:block;margin-top:5px;font-size:25px}.point-shortage-summary .danger{color:#c94935}.point-selected-service{text-align:center;color:#54665e}
.point-recharge-shell h3{margin:22px 0 10px;font-size:16px}.point-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.point-package-card{position:relative;min-height:150px;padding:16px 9px;border:1px solid var(--savori-line);border-radius:16px;background:#fff;text-align:center;color:var(--savori-ink)}.point-package-card.is-active{border:2px solid var(--savori-ink-2);background:#eef8f3;box-shadow:0 8px 24px rgba(7,71,54,.12)}.point-package-card .recommend{position:absolute;top:-9px;right:8px;padding:4px 7px;border-radius:999px;background:var(--savori-ink-2);color:#fff;font-size:10px}.point-package-card span{display:block;font-weight:800}.point-package-card strong{display:block;margin:8px 0;font-size:26px}.point-package-card em{display:block;color:#0a674f;font-size:20px;font-style:normal;font-weight:900}.point-package-card small{display:block;margin-top:5px;color:#65766e}
.point-service-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding:12px;border-radius:15px;background:#f3eee2}.point-service-guide span{text-align:center;font-size:12px}.point-service-guide b{display:block;margin-top:4px;font-size:16px}
.point-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.point-method-grid button{min-height:84px;padding:13px;border:1px solid var(--savori-line);border-radius:14px;background:#fff;color:var(--savori-ink)}.point-method-grid button.is-active{border:2px solid var(--savori-ink-2);background:#eef8f3}.point-method-grid b,.point-method-grid span{display:block}.point-method-grid span{margin-top:4px;color:#63746c;font-size:11px}
.point-country-label{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:13px 0;font-weight:800}.point-country-label select{min-height:46px;padding:0 12px;border:1px solid var(--savori-line);border-radius:12px;background:#fff}.point-payment-policy{color:#65756e;font-size:12px;line-height:1.6}
.payment-instruction-panel{margin-top:18px;padding:18px;border:1px solid var(--savori-line);border-radius:18px;background:#fff}.payment-instruction-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.payment-instruction-head span{display:block;color:#697971;font-size:11px}.payment-instruction-head strong{font-size:16px}.payment-instruction-panel dl{display:grid;gap:8px;margin:0}.payment-instruction-panel dl div{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border-radius:11px;background:#f5f1e8}.payment-instruction-panel dt{color:#68786f}.payment-instruction-panel dd{margin:0;overflow-wrap:anywhere;font-weight:800}.payment-instruction-panel button[data-copy-payment],.payment-instruction-panel button[data-copy-value]{border:0;border-radius:8px;padding:7px 9px;background:#e6efe9;color:var(--savori-ink)}
.payment-reference{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:center;padding:12px;border:1px dashed #d2a64f;border-radius:12px}.payment-reference span{color:#6d786f}.payment-reference strong{overflow-wrap:anywhere}.payment-instruction-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-instruction-actions button{min-height:48px}#paymentInstructionMessage{margin-bottom:0;color:#596b63;font-size:12px}.point-recharge-shell>.full{width:100%;margin-top:12px}
@media(max-width:980px){.creative-result-grid{grid-template-columns:1fr}.creative-result-actions-row{grid-template-columns:repeat(2,1fr)}.creative-result-image-wrap{min-height:310px}.creative-result-image-wrap img{height:min(52vh,540px)}}
@media(max-width:640px){.creative-result-dialog,.point-recharge-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.creative-result-shell,.point-recharge-shell{max-height:calc(100dvh - 12px);padding:18px;border-radius:20px}.creative-result-head{display:block;padding-right:42px}.creative-result-payment{display:inline-block;margin-top:12px}.creative-result-tabs{grid-template-columns:repeat(2,1fr);border-radius:16px}.creative-result-tabs button{border-bottom:1px solid var(--savori-line)}.creative-result-actions-row{grid-template-columns:1fr}.creative-result-compare{grid-template-columns:1fr}.creative-result-compare i{display:none}.point-package-grid{grid-template-columns:repeat(2,1fr)}.point-service-guide{grid-template-columns:repeat(2,1fr)}.point-method-grid{grid-template-columns:1fr}.point-shortage-summary strong{font-size:20px}.payment-instruction-actions{grid-template-columns:1fr}.payment-instruction-panel dl div,.payment-reference{grid-template-columns:1fr}}