.importedShowroom{--prize-color:var(--preview-grade,#b0c3d9);position:relative;width:100%;min-width:0;color:#f0f1f4;background:transparent;border:0;border-radius:0;overflow:hidden}
.importedShowroomViewport{position:relative;width:100%;aspect-ratio:1152/540;max-height:540px;isolation:isolate;overflow:hidden;background:transparent}
.importedShowroomViewport::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 43% 70% at 50% 50%,#0a0c1399 0%,#0a0c1340 55%,transparent 100%)}
.importedShowroomCanvas{z-index:1;mask-image:linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent)}
.importedShowroomFallback,.importedShowroomStatus{z-index:2}
.importedShowroomCanvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100%,1152px);height:auto;aspect-ratio:1152/540;display:block;opacity:0}
.importedShowroom[data-engine-state=ready] .importedShowroomCanvas{opacity:1}
.importedShowroomFallback{position:absolute;inset:12% 20%;width:60%;height:73%;object-fit:contain;opacity:.5}
.importedShowroom[data-engine-state=ready] .importedShowroomFallback,.importedShowroom[data-engine-state=ready] .importedShowroomStatus{display:none}
.importedShowroomStatus{position:absolute;inset:auto 16px 16px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;color:#c3cbd8;text-align:center}
.importedShowroomStatus button,.importedShowroomControls button{background:transparent;border:1px solid #ffffff20;color:#cbd2dd;border-radius:6px;min-height:44px;padding:8px 12px;cursor:pointer;font:inherit;font-size:12px}
.importedShowroomCaption{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 24px}
.importedShowroomCaption h3{flex:1;min-width:0;font-size:15px;line-height:1.5;font-weight:600;margin:0;overflow-wrap:anywhere}
.importedShowroomCaption>[data-showcase-grade-label]{font-size:12px;font-weight:700;color:var(--prize-color);white-space:nowrap}
.importedShowroomCaption>[data-showcase-count]{color:#8290a3;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.importedShowroomControls{display:flex;align-items:center;gap:12px;padding:0 24px 12px}
.importedShowroomControls>button{flex-shrink:0;border-color:transparent}
.importedShowroomControls button:hover{color:#fff;background:#ffffff09}
.importedShowroom button:focus-visible{outline:2px solid #f0c855;outline-offset:-3px}
.importedShowroomSegments{display:flex;align-items:center;justify-content:flex-start;gap:4px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin}
.importedShowroomSegments button{flex:1 0 12px;padding:16px 0;border:0;min-width:12px;max-width:64px;border-radius:0}
.importedShowroomSegments button:first-child{margin-inline-start:auto}
.importedShowroomSegments button:last-child{margin-inline-end:auto}
.importedShowroomSegments button span{display:block;height:3px;width:100%;background:#394252;border-radius:3px}
.importedShowroomSegments button[aria-current=true] span{background:var(--prize-color);box-shadow:0 0 10px color-mix(in srgb,var(--prize-color),transparent 65%)}
.importedShowroomAssetNote{margin:0;padding:0 24px 12px;color:#8390a3;font-size:11px;line-height:1.5}
.importedShowroom [hidden]{display:none!important}
.showroomProofPage{max-width:1280px;margin:auto;padding:32px 24px;background:#1f222b;color:#eee;font-family:system-ui,sans-serif}.showroomProofPage h1{font-size:22px}.showroomProofPage>p{color:#aab3c2;line-height:1.7}.showroomProofPage a{color:#ebc555}
@media(max-width:600px){.importedShowroomViewport{aspect-ratio:auto;height:340px}.importedShowroomCanvas{width:170%;max-width:725px;height:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.importedShowroomFallback{inset:10% 10%;width:80%;height:76%}.importedShowroomCaption{padding:10px 12px;gap:8px;align-items:flex-start}.importedShowroomCaption h3{font-size:13px}.importedShowroomControls{padding:0 8px 8px;gap:4px;flex-wrap:wrap}.importedShowroomSegments{order:3;flex-basis:100%;padding-inline:4px}.importedShowroomControls>button:last-child{margin-left:auto}.importedShowroomAssetNote{padding:0 12px 12px}.showroomProofPage{padding:16px 12px}}
@media(prefers-reduced-motion:reduce){.importedShowroomCanvas{transition:none}}
