.MagnetPreview-module__Jg5aka__root{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.MagnetPreview-module__Jg5aka__stage{--cm:calc(100cqw / 520);--street:16%;--wall-a:#ebe8e2;--wall-b:#dcd8d1;--asphalt-a:#6b6e72;--asphalt-b:#4d5054;aspect-ratio:16/10;background:linear-gradient(180deg, var(--wall-a), var(--wall-b));isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:4px;width:100%;position:relative;overflow:hidden;container-type:inline-size}[data-home-theme=dark] .MagnetPreview-module__Jg5aka__stage{--wall-a:#3b3a37;--wall-b:#2e2d2a;--asphalt-a:#2b2d30;--asphalt-b:#1d1f21}.MagnetPreview-module__Jg5aka__street{height:var(--street);background:linear-gradient(180deg, #0000002e 0, transparent 22%), linear-gradient(180deg, var(--asphalt-a), var(--asphalt-b));position:absolute;bottom:0;left:0;right:0}.MagnetPreview-module__Jg5aka__car{left:calc(var(--cm) * 35);bottom:calc(var(--street) - var(--cm) * 7);width:calc(var(--cm) * var(--car-l));height:calc(var(--cm) * var(--car-h));filter:drop-shadow(0 calc(var(--cm) * 4) calc(var(--cm) * 5) #00000040);position:absolute}.MagnetPreview-module__Jg5aka__body{width:100%;height:100%;position:absolute;inset:0}.MagnetPreview-module__Jg5aka__sign{left:calc(var(--cm) * (var(--sign-x) - var(--w) / 2));bottom:calc(var(--cm) * (var(--car-h) - var(--sign-y) - var(--h) / 2));width:calc(var(--cm) * var(--w));height:calc(var(--cm) * var(--h));border-radius:max(2px, calc(var(--cm) * 1.5));box-shadow:0 0 0 max(1px, calc(var(--cm) * .25)) #0000002e, 0 calc(var(--cm) * .6) calc(var(--cm) * 1.2) #0000002e;background:#fbfbf9;position:absolute;overflow:hidden;container-type:size}.MagnetPreview-module__Jg5aka__placeholder{font-family:var(--atelier-font,"Manrope", Arial, sans-serif);color:#6c665b;background:#f5f4f0;flex-direction:column;justify-content:center;align-items:center;gap:4cqh;font-size:clamp(6px,9cqh,13px);font-weight:600;display:flex;position:absolute;inset:0}.MagnetPreview-module__Jg5aka__placeholder svg{color:#8a8373;width:clamp(8px,18cqh,24px);height:auto}.MagnetPreview-module__Jg5aka__sampleLayer{z-index:1;position:absolute;inset:0}.MagnetPreview-module__Jg5aka__artwork{z-index:2;cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.MagnetPreview-module__Jg5aka__sheen{z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff29 42%,#0000 56%);position:absolute;inset:0}.MagnetPreview-module__Jg5aka__sample{text-align:center;font-family:var(--atelier-font,"Manrope", Arial, sans-serif);color:#f3efe6;background:linear-gradient(160deg,#d9b3562e 0%,#0000 36%),radial-gradient(120% 90% at 50% 20%,#2e291e 0%,#181612 60%,#100f0c 100%);flex-direction:column;justify-content:center;align-items:center;gap:4cqh;padding:8cqh 8cqw;display:flex;position:absolute;inset:0}.MagnetPreview-module__Jg5aka__sampleLogo{width:78cqw;max-width:none;height:auto;display:block}.MagnetPreview-module__Jg5aka__sampleRule{background:#d9b356;width:16cqw;height:max(1px,1.2cqh)}.MagnetPreview-module__Jg5aka__sampleLine{letter-spacing:.08em;text-transform:uppercase;font-size:7cqh;font-weight:600}.MagnetPreview-module__Jg5aka__samplePhone{color:#d9b356;font-variant-numeric:tabular-nums;font-size:13cqh;font-weight:800}.MagnetPreview-module__Jg5aka__badge{top:10px;left:10px}.MagnetPreview-module__Jg5aka__sizeTag,.MagnetPreview-module__Jg5aka__pairTag,.MagnetPreview-module__Jg5aka__cornerHint{z-index:12;white-space:nowrap;color:#efece6;pointer-events:none;background:#141311ad;border-radius:4px;font-size:10px;font-weight:600;position:absolute}.MagnetPreview-module__Jg5aka__sizeTag{padding:6px 10px;bottom:12px;left:12px}.MagnetPreview-module__Jg5aka__pairTag{color:#2b2720;background:#dec692;padding:6px 10px;top:10px;right:12px}.MagnetPreview-module__Jg5aka__cornerHint{align-items:center;gap:6px;padding:7px 12px;display:inline-flex;bottom:12px;right:12px}.MagnetPreview-module__Jg5aka__cornerHint svg{color:#d9b356}.MagnetPreview-module__Jg5aka__noteBar{gap:10px;padding:0 16px 12px;display:grid}.MagnetPreview-module__Jg5aka__noteText{align-items:flex-start;gap:8px;margin:0;font-size:11px;line-height:1.6;display:flex}.MagnetPreview-module__Jg5aka__noteText svg{color:#b08a3a;flex-shrink:0;margin-top:3px}.MagnetPreview-module__Jg5aka__toolbar{z-index:30;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 0;display:flex;position:relative}.MagnetPreview-module__Jg5aka__toolbar .MagnetPreview-module__Jg5aka__viewButton{min-width:64px}.MagnetPreview-module__Jg5aka__stageFree{--dim:#403a2f8c;--dim-ink:#5c5547;background:radial-gradient(70% 80% at 50% 42%, #ffffff8c 0%, transparent 70%), linear-gradient(180deg, var(--wall-a), var(--wall-b))}[data-home-theme=dark] .MagnetPreview-module__Jg5aka__stageFree{--dim:#ece6da73;--dim-ink:#d8d1c2;background:radial-gradient(70% 80% at 50% 42%, #ffffff12 0%, transparent 70%), linear-gradient(180deg, var(--wall-a), var(--wall-b))}.MagnetPreview-module__Jg5aka__freeArea{--fw:min(66cqw, calc(38cqw * var(--w) / var(--h)));--fh:calc(var(--fw) * var(--h) / var(--w));--gap:max(10px, 2.6cqw);left:calc(50% - var(--fw) / 2);top:calc(50% + 6px - var(--fh) / 2);width:var(--fw);height:var(--fh);transition:width .32s cubic-bezier(.23,1,.32,1),height .32s cubic-bezier(.23,1,.32,1),left .32s cubic-bezier(.23,1,.32,1),top .32s cubic-bezier(.23,1,.32,1);position:absolute}@container (max-width:520px){.MagnetPreview-module__Jg5aka__freeArea{--fw:min(70cqw, calc(40cqw * var(--w) / var(--h)))}}.MagnetPreview-module__Jg5aka__stageFree .MagnetPreview-module__Jg5aka__cornerHint{inset:10px auto auto 12px}.MagnetPreview-module__Jg5aka__freeSign{border-radius:max(4px, calc(var(--fw) * 1.5 / var(--w)));background:#fbfbf9;transition:border-radius .32s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #00000024,0 1px 0 1px #0000001a,0 max(6px,1.4cqw) max(14px,3cqw) max(-4px,-.8cqw) #0000004d,0 max(2px,.4cqw) max(4px,.8cqw) #0000001f;container-type:size}.MagnetPreview-module__Jg5aka__dimWidth,.MagnetPreview-module__Jg5aka__dimHeight{color:var(--dim-ink);pointer-events:none;align-items:center;display:flex;position:absolute}.MagnetPreview-module__Jg5aka__dimWidth{left:0;right:0;top:calc(100% + var(--gap));border-left:1px solid var(--dim);border-right:1px solid var(--dim);height:9px}.MagnetPreview-module__Jg5aka__dimHeight{top:0;bottom:0;left:calc(100% + var(--gap));border-top:1px solid var(--dim);border-bottom:1px solid var(--dim);flex-direction:column;justify-content:center;width:9px}.MagnetPreview-module__Jg5aka__dimLine{background:var(--dim);flex:1}.MagnetPreview-module__Jg5aka__dimWidth .MagnetPreview-module__Jg5aka__dimLine{height:1px}.MagnetPreview-module__Jg5aka__dimHeight .MagnetPreview-module__Jg5aka__dimLine{width:1px}.MagnetPreview-module__Jg5aka__dimLabel{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;padding:0 7px;font-size:11px;font-weight:600;line-height:1}.MagnetPreview-module__Jg5aka__dimHeight .MagnetPreview-module__Jg5aka__dimLabel{writing-mode:vertical-rl;padding:7px 0;transform:rotate(180deg)}@media (max-width:639px){.MagnetPreview-module__Jg5aka__toolbar{padding:10px 12px 0}.MagnetPreview-module__Jg5aka__toolbar .MagnetPreview-module__Jg5aka__viewButton{min-width:72px;min-height:40px}.MagnetPreview-module__Jg5aka__dimLabel{font-size:10px}}@media (prefers-reduced-motion:reduce){.MagnetPreview-module__Jg5aka__freeArea,.MagnetPreview-module__Jg5aka__freeSign{transition:none}}