.backpack-model-preview-module__KuJoEG__preview{background:var(--fs-base);flex-direction:column;width:100%;height:100%;display:flex}.backpack-model-preview-module__KuJoEG__panel{background:var(--fs-deep);border:1px solid #ffffff10;flex-direction:column;flex:1;min-height:540px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000059,inset 0 1px #ffffff0a}.backpack-model-preview-module__KuJoEG__panel:before{content:"";z-index:4;background:linear-gradient(90deg, transparent 10%, var(--fs-violet) 50%, transparent 90%);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.backpack-model-preview-module__KuJoEG__heroBackground{filter:blur(12px)brightness(.55)saturate(.75);opacity:.5;pointer-events:none;background:url(/images/halloween-backpacks/hero-v3.webp) 50% 38%/cover;position:absolute;inset:-20px}.backpack-model-preview-module__KuJoEG__ambient{pointer-events:none;background:radial-gradient(at 50% 35%,#8b46c815,#070b184d 75%),linear-gradient(#0000 50%,#070b1899);position:absolute;inset:0}.backpack-model-preview-module__KuJoEG__header{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d1fe6;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex;position:relative}.backpack-model-preview-module__KuJoEG__badge{font-family:var(--font-outfit), sans-serif;color:var(--fs-cream);gap:.3rem;font-size:.85rem;line-height:1.2;display:grid}.backpack-model-preview-module__KuJoEG__badge span{color:var(--fs-fog);font-family:var(--font-inter), sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.55rem;font-weight:500}.backpack-model-preview-module__KuJoEG__controls{flex-shrink:0;gap:.35rem;display:flex}.backpack-model-preview-module__KuJoEG__controls button{min-height:32px;color:var(--fs-muted);font-family:var(--font-outfit), sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#8b46c808;border:1px solid #8b46c830;padding:.3rem .7rem;font-size:.55rem;font-weight:600;transition:border-color .2s,background .2s,color .2s}.backpack-model-preview-module__KuJoEG__controls button:hover{border-color:var(--fs-violet);color:var(--fs-cream);background:#8b46c818}.backpack-model-preview-module__KuJoEG__controls button:disabled{opacity:.4;cursor:default}.backpack-model-preview-module__KuJoEG__canvas{z-index:1;flex:1;height:470px;min-height:400px;position:relative}.backpack-model-preview-module__KuJoEG__options{z-index:2;background:#070b1870;border-top:1px solid #ffffff0a;justify-content:space-between;align-items:start;gap:1rem;padding:.8rem 1rem .2rem;display:flex;position:relative}.backpack-model-preview-module__KuJoEG__label{color:var(--fs-muted);flex-wrap:wrap;gap:.4rem .8rem;margin:0 0 .35rem;font-size:.65rem;display:flex}.backpack-model-preview-module__KuJoEG__label span{color:var(--fs-cream)}.backpack-model-preview-module__KuJoEG__swatches{gap:.35rem;display:flex}.backpack-model-preview-module__KuJoEG__swatches button{cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:34px;height:34px;display:grid;position:relative}.backpack-model-preview-module__KuJoEG__swatches button span{border:1px solid #ffffff38;width:22px;height:22px}.backpack-model-preview-module__KuJoEG__swatches button b{color:#fff;text-shadow:0 1px 3px #000,0 0 3px #000;font-size:.7rem;position:absolute}.backpack-model-preview-module__KuJoEG__swatches button[aria-pressed=true]{border-color:var(--fs-violet)}.backpack-model-preview-module__KuJoEG__fit{color:var(--fs-muted);gap:.35rem;font-size:.65rem;display:grid}.backpack-model-preview-module__KuJoEG__fit select{background:var(--fs-deep);min-height:34px;color:var(--fs-cream);font:inherit;border:1px solid #ffffff25;padding:.35rem .6rem}.backpack-model-preview-module__KuJoEG__preview button:focus-visible,.backpack-model-preview-module__KuJoEG__preview select:focus-visible{outline:2px solid var(--fs-cyan);outline-offset:3px}.backpack-model-preview-module__KuJoEG__hint,.backpack-model-preview-module__KuJoEG__watermark{text-align:center;color:var(--fs-fog);font-size:.6rem;line-height:1.6;position:relative}.backpack-model-preview-module__KuJoEG__hint{background:#070b1870;margin:0;padding:.6rem 1rem}.backpack-model-preview-module__KuJoEG__watermark{margin:.8rem .6rem}@media (max-width:560px){.backpack-model-preview-module__KuJoEG__header{flex-wrap:wrap;gap:.6rem;padding:.7rem}.backpack-model-preview-module__KuJoEG__controls button{min-height:36px}.backpack-model-preview-module__KuJoEG__canvas{height:400px;min-height:350px}.backpack-model-preview-module__KuJoEG__panel{min-height:500px}}@media (max-width:380px){.backpack-model-preview-module__KuJoEG__options{gap:.5rem;padding:.8rem .6rem .2rem}.backpack-model-preview-module__KuJoEG__swatches{gap:.1rem}.backpack-model-preview-module__KuJoEG__fit select{max-width:105px}}@media (prefers-reduced-motion:reduce){.backpack-model-preview-module__KuJoEG__controls button{transition:none}}
