.mela-booth-welcome{background:radial-gradient(#a5718020 1px,#0000 1px) 0 0/13px 13px,#f9eced;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,6vw,5rem);padding:clamp(1.5rem,5vw,4rem);display:grid}.mela-booth-sample{color:#90566d;background:#fff9ee;gap:.5rem;width:clamp(5rem,15vw,11rem);padding:.7rem;display:grid;transform:rotate(7deg);box-shadow:0 12px 24px #57304025}.mela-booth-sample svg{background:#f2d9e1;width:100%;height:auto;padding:22%}.mela-booth-sample svg:nth-child(odd){animation:3s ease-in-out infinite alternate booth-float}@keyframes booth-float{to{transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.mela-booth-sample svg{animation:none!important}}.mela-booth-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,4vw,3rem);display:grid}.mela-booth-preview{justify-items:center;gap:1rem;display:grid}.mela-booth-draggable{touch-action:none;cursor:grab}.mela-booth-controls{border:0;min-width:0;padding:0}.mela-booth-preview canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:70svh;display:block;box-shadow:0 8px 28px #57304024}.mela-booth-controls fieldset{border:1px solid #cfbcc1;min-width:0;margin:0 0 1rem;padding:.8rem}.mela-booth-controls .button{min-height:44px;margin:.2rem}.mela-booth-controls .button[aria-pressed=true]{background:#efd3dc}.mela-booth-controls video{width:100%;display:block}.mela-booth-finish{grid-column:1/-1}@media (max-width:700px){.mela-booth-editor,.mela-booth-welcome{grid-template-columns:minmax(0,1fr)}.mela-booth-sample{grid-template-columns:repeat(4,1fr);justify-self:center;width:min(100%,16rem)}}.mela-booth-controls video.mela-booth-camera-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mela-booth-camera-preview{max-width:100%;height:auto;display:block}.mela-booth-filter-list{scroll-snap-type:x proximity;gap:.5rem;padding:.25rem .25rem .65rem;display:flex;overflow-x:auto}.mela-booth-filter-list .button{white-space:normal;scroll-snap-align:start;flex:0 0 8rem;justify-items:center;gap:.35rem;margin:0;padding:.45rem;display:grid}.mela-booth-filter-list canvas{border-radius:.2rem;max-width:100%;display:block}
