.flow-fieldset,.pack-fieldset{margin:0;padding:0;border:0}.flow-fieldset>legend,.pack-fieldset>legend{margin-bottom:10px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.purchase-flow-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-choice{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer}.flow-choice.is-selected{border-color:var(--cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan) 20%,transparent)}.flow-choice input{accent-color:var(--cyan)}.flow-choice__icon{display:grid;place-items:center;width:28px;height:28px}.flow-choice__icon svg{width:24px;height:24px}.flow-choice strong,.flow-choice small{display:block}.flow-choice small{margin-top:3px;color:var(--muted);line-height:1.3}.pack-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pack-options label{cursor:pointer}.pack-options input{position:absolute;opacity:0}.pack-options span{display:grid;place-items:center;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-weight:900}.pack-options input:checked+span{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,var(--panel))}.pack-options input:focus-visible+span{outline:3px solid white;outline-offset:2px}.pack-fieldset p{margin:8px 0 0;color:var(--muted);font-size:12px}.cup-configurations{display:grid;gap:16px}.cup-configuration{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,transparent)}.cup-configuration>h2{margin:0;color:var(--cyan);font-size:22px}.effect-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.effect-gallery:empty{display:none}.effect-gallery figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.effect-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.effect-gallery figcaption{padding:5px;font-size:10px}.upload-field progress{width:100%;accent-color:var(--cyan)}.upload-field>small{color:var(--muted)}
.live-ticket{--split:72%;position:relative;display:grid;grid-template-columns:72% 28%;width:min(100%,880px);aspect-ratio:3.25/1;margin:18px auto 0;overflow:hidden;clip-path:polygon(0 7%,2% 7%,2% 0,98% 0,98% 7%,100% 7%,100% 93%,98% 93%,98% 100%,2% 100%,2% 93%,0 93%);filter:drop-shadow(0 13px 18px #0008)}.live-ticket__main{position:relative;display:grid;grid-template-columns:minmax(120px,.4fr) minmax(0,.6fr);grid-template-rows:auto auto 1fr auto;column-gap:16px;padding:16px 28px 14px 34px;color:#171006;background:linear-gradient(112deg,#fff8d052,transparent 27% 55%,#fff6ca55 61%,transparent 68%),linear-gradient(102deg,#a77819,#e5bd54 20%,#fff0a3 47%,#c68d25 74%,#efd06c)}.live-ticket__main:before{content:"";position:absolute;inset:8px;border:1px solid #3c260994;border-radius:8px;pointer-events:none}.live-ticket__top{grid-column:1/-1;display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid #2d1d0761;font-size:10px;font-weight:950;letter-spacing:.12em}.live-ticket__hero{grid-row:2/5;display:flex;flex-direction:column;justify-content:center;padding-right:15px;border-right:1px solid #2d1d0761}.live-ticket__hero>strong{font-size:clamp(42px,6vw,66px);line-height:.78}.live-ticket__hero h2{margin:6px 0 0;font-size:clamp(16px,2vw,24px);line-height:.9}.live-ticket__hero h2 span{display:block;font-size:.55em;letter-spacing:.16em}.live-ticket__username,.live-ticket__model,.live-ticket__design{min-width:0;padding:5px 0}.live-ticket__username{border-bottom:1px solid #2d1d0752}.live-ticket__username span,.live-ticket__model>span,.live-ticket__design span{display:block;font-size:9px;font-weight:950;letter-spacing:.12em}.live-ticket__username strong,.live-ticket__model strong,.live-ticket__design strong{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.2}.live-ticket__model small{display:block;color:#5d4217;font-size:12px}.live-ticket__design{border-top:1px solid #2d1d0752}.live-ticket__stub{display:flex;padding:12px;border-left:2px dotted #e1ba54;background:radial-gradient(circle at 50% 8%,#25f4ee1b,transparent 34%),radial-gradient(circle at 70% 32%,#fe2c5518,transparent 27%),linear-gradient(150deg,#151727,#05060c 76%)}.live-ticket__stub-inset{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 7px;border:1px solid #f0d182b8;border-radius:16px;text-align:center}.live-ticket__stub-brand{display:flex;align-items:center;gap:6px}.live-ticket__stub-brand svg{width:24px;height:24px;filter:drop-shadow(-1.5px 0 #25f4ee) drop-shadow(1.5px 0 #fe2c55)}.live-ticket__stub-brand>strong{font-size:19px;letter-spacing:.1em}.live-ticket__quantity{display:flex;align-items:baseline;gap:8px;padding:5px 0;border-block:1px solid #f0d18256}.live-ticket__quantity span{font-size:10px}.live-ticket__quantity strong{color:#f0cc70;font-size:28px}.live-ticket__stub p,.live-ticket__stub small{margin:0;font-size:12px;line-height:1.25}.live-ticket__stub small{color:#f0cc70}.live-ticket__instruction{margin:10px 0 0;color:var(--muted);font-size:12px}
@media(max-width:700px){.purchase-flow-choices{grid-template-columns:1fr}.effect-gallery{grid-template-columns:repeat(3,1fr)}.live-ticket{grid-template-columns:68% 32%;aspect-ratio:auto;min-height:260px}.live-ticket__main{grid-template-columns:92px minmax(0,1fr);column-gap:9px;padding:14px 13px 12px 22px}.live-ticket__top{font-size:10px;letter-spacing:.06em}.live-ticket__top span:last-child{display:none}.live-ticket__hero{padding-right:8px}.live-ticket__hero>strong{font-size:36px}.live-ticket__hero h2{font-size:14px}.live-ticket__username span,.live-ticket__model>span,.live-ticket__design span{font-size:10px}.live-ticket__username strong,.live-ticket__model strong,.live-ticket__design strong,.live-ticket__model small{font-size:12px}.live-ticket__stub{padding:9px 7px}.live-ticket__stub-inset{gap:6px;padding:8px 5px}.live-ticket__stub-brand svg{width:20px;height:20px}.live-ticket__stub-brand>strong{font-size:16px}.live-ticket__stub p,.live-ticket__stub small{font-size:12px}}
@media(max-width:390px){.live-ticket{grid-template-columns:66% 34%;min-height:275px}.live-ticket__main{grid-template-columns:78px minmax(0,1fr);padding-left:19px;padding-right:9px}.live-ticket__hero>strong{font-size:31px}.live-ticket__hero h2{font-size:12px}}
@media(prefers-reduced-motion:reduce){.live-ticket{filter:none}}