.booth{align-items:start;gap:1.5rem;display:grid}@media (min-width:1040px){.booth{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:1.5rem 3rem}.booth__preview{top:calc(var(--header-h) + 1.5rem);grid-row:1/span 2;position:sticky}}.booth__preview{min-width:0;margin:0}.booth__frame{aspect-ratio:1080/1350;max-width:34rem;margin-inline:auto}.booth__canvas{width:100%;height:100%;display:block}.booth__loading{font-family:var(--code);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--ink-muted);place-items:center;display:grid;position:absolute;inset:0}.booth__caption{text-align:center;font-family:var(--code);font-size:var(--label-size-sm);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--ink-faint);margin-top:1.1rem}.booth__form{min-width:0}.booth__form .h3{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;font-size:1.6rem;font-weight:400}.field{border:0;gap:.55rem;min-width:0;margin:1.35rem 0 0;padding:0;display:grid}.field>label,.field>legend,.field__label{font-family:var(--code);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--ink-muted);padding:0}.field>legend{margin-bottom:.55rem}.field[disabled] .seg{opacity:.45}.field input[type=text],.field select{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-sunken);width:100%;min-height:48px;color:var(--ink);font:inherit;padding:.7rem .9rem;font-size:1rem}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--sun-300) 50%), linear-gradient(135deg, var(--sun-300) 50%, transparent 50%);text-overflow:ellipsis;background-position:calc(100% - 1.25rem),calc(100% - .9rem);background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:2.6rem}.field select option{background:var(--surface-raised);color:var(--ink)}.field input[type=text]:hover,.field select:hover{border-color:#fff6}.field input[type=text]:focus-visible,.field select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.field__handle{position:relative}.field__handle span{font-family:var(--display);color:var(--sun-300);pointer-events:none;font-size:1.15rem;position:absolute;top:50%;left:.9rem;translate:0 -52%}.field__handle input[type=text]{font-family:var(--code);padding-left:2.1rem}.field__hint,.field__error{color:var(--ink-muted);align-items:flex-start;gap:.45rem;margin:0;font-size:.85rem;line-height:1.45;display:flex}.field__hint svg{width:1rem;height:1rem;color:var(--info);flex:none;margin-top:.1rem}.field__error{color:var(--danger)}.field__photo{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;display:flex;position:relative}.field__photo input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.field__photo label.btn{min-height:44px}.field__photo:has(input:focus-visible) label.btn{outline:2px solid var(--focus);outline-offset:3px}.field__file{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-family:var(--code);color:var(--ink-muted);font-size:.8rem;overflow:hidden}.seg,.stars-pick,.backdrops{position:relative}.seg input,.stars-pick input,.backdrops input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.seg{flex-wrap:wrap;gap:.5rem;display:flex}.seg__opt{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--chip-face);cursor:pointer;align-items:center;min-height:44px;padding:.5rem 1rem;font-size:.92rem;font-weight:600;display:inline-flex}.seg__opt:has(input:checked){border-color:var(--action);color:var(--sun-200);box-shadow:inset 0 0 0 1px var(--action)}:is(.seg__opt:has(input:focus-visible),.stars-pick__opt:has(input:focus-visible),.backdrops__opt:has(input:focus-visible)){outline:2px solid var(--focus);outline-offset:3px}.field[disabled] .seg__opt{cursor:not-allowed}.stars-pick{border:1px solid var(--line-strong);background:var(--hud-face);border-radius:999px;align-items:center;gap:.2rem;width:max-content;padding:.35rem .9rem .35rem .5rem;display:inline-flex}.stars-pick__opt{cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.stars-pick__opt svg{width:1.75rem;height:1.75rem;color:var(--hud-star-off);stroke:var(--ink-line);stroke-width:1.6px;paint-order:stroke;stroke-linejoin:round;transition:color .15s, scale .15s var(--ease-out-soft)}.stars-pick__opt[data-on] svg{color:var(--hud-star-on);filter:drop-shadow(0 0 6px var(--hud-star-glow))}.stars-pick__opt:hover svg{scale:1.12}.stars-pick__value{font-family:var(--code);font-size:var(--label-size);letter-spacing:var(--label-track);color:var(--ink-soft);margin-left:.45rem}.backdrops{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}@media (min-width:600px){.backdrops{gap:.75rem}}.backdrops__opt{cursor:pointer;min-width:0;color:var(--ink-soft);gap:.45rem;font-size:clamp(.74rem,2.6vw,.85rem);font-weight:600;line-height:1.3;display:grid}.backdrops__img{aspect-ratio:4/5;border:3px solid var(--ink-line);border-radius:var(--radius-tag);box-shadow:0 0 0 2px var(--line-strong);transition:box-shadow .15s, translate .15s var(--ease-out-soft);display:block;position:relative;overflow:hidden}.backdrops__img img{object-fit:cover}.backdrops__opt:hover .backdrops__img{translate:0 -2px}.backdrops__opt:has(input:checked){color:var(--sun-200)}.backdrops__opt:has(input:checked) .backdrops__img{box-shadow:0 0 0 3px var(--action), 0 10px 24px -12px var(--button-sun-glow)}.backdrops__opt--secret{grid-column:1/-1}.backdrops__img--secret{aspect-ratio:16/5;background:linear-gradient(#0000 60%,#ffa62ef2 60% calc(60% + 2px),#0000 calc(60% + 2px)),repeating-linear-gradient(90deg,#ff4f8e80 0 1px,#0000 1px 26px) 0 100%/100% 40% no-repeat,repeating-linear-gradient(0deg,#ff4f8e73 0 1px,#0000 1px 11px) 0 100%/100% 40% no-repeat,radial-gradient(55% 120% at 10% 25%,#ff4f8e8c,#0000 70%),radial-gradient(55% 120% at 92% 75%,#3fd6,#0000 70%),linear-gradient(#07041a,#1b0b3d 45%,#3a0c4a 58%,#12062a 61%,#05030f);border-color:#05030f;place-items:center;display:grid;box-shadow:0 0 0 2px #33ffdd73,0 0 22px -8px #ff4f8eb3}.backdrops__img--secret:before,.backdrops__img--secret:after{content:"";background:#fff4fa;border-radius:3px;height:3px;position:absolute}.backdrops__img--secret:before{width:46%;top:46%;left:-4%;rotate:-16deg;box-shadow:0 0 6px 2px #ff4f8e,0 0 16px 4px #ff4f8e99}.backdrops__img--secret:after{width:40%;top:38%;right:-4%;rotate:-14deg;box-shadow:0 0 6px 2px #3fd,0 0 16px 4px #33ffdd8c}.backdrops__coin{opacity:.2;mix-blend-mode:screen;width:auto;height:150%;position:absolute}.backdrops__stamp{outline-offset:2px;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:#ff4d6d;background:#07040d73;border:2px solid #ff4d6d;outline:1px solid #ff4d6db3;padding:.15rem .6rem;font-size:clamp(1rem,4.5vw,1.5rem);font-weight:400;position:relative;rotate:-8deg}.backdrops__name{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.backdrops__tag{border-radius:var(--radius-tag);font-family:var(--code);font-size:var(--label-size-sm);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--mint-300);background:#33ffdd24;border:1px solid #33ffdd80;padding:.12rem .45rem}.backdrops__opt--secret:has(input:checked) .backdrops__img{box-shadow:0 0 0 3px var(--info), 0 10px 28px -10px #33ffddb3}.booth__privacy{border-top:1px solid var(--line);color:var(--ink-soft);align-items:flex-start;gap:.7rem;margin:1.6rem 0 0;padding-top:1.2rem;font-size:.9rem;line-height:1.5;display:flex}.booth__privacy svg{width:1.15rem;height:1.15rem;color:var(--info);flex:none;margin-top:.15rem}.booth__privacy strong{color:var(--ink)}.booth__actions{flex-wrap:wrap;gap:.75rem;min-width:0;display:flex}.booth__hint{color:var(--ink-muted);flex-basis:100%;margin:.2rem 0 0;font-size:.85rem;line-height:1.5}@media (max-width:520px){.booth__actions .btn{flex:100%}}@media (prefers-reduced-motion:reduce){.stars-pick__opt svg,.backdrops__img{transition:none}.stars-pick__opt:hover svg,.backdrops__opt:hover .backdrops__img{translate:none;scale:none}}
