.packaging-preview{border:1px solid var(--line-1);border-radius:var(--r-lg);background:var(--bg-1);max-width:640px;margin:0 0 20px;display:grid;overflow:hidden}.packaging-preview__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);border-bottom:1px solid var(--line-1);padding:12px 14px;display:flex}.packaging-preview__head>div{gap:3px;display:grid}.packaging-preview__head strong{color:var(--fg-0);font-size:var(--fs-label);font-weight:var(--fw-label)}.packaging-preview__head span{color:var(--fg-2);font-size:var(--fs-micro);text-align:right;line-height:1.45}.packaging-preview__head>div span{text-align:left}.packaging-preview__stage{background:radial-gradient(circle at 50% 42%,var(--bg-2),var(--bg-1) 68%);height:260px}.packaging-preview__stage canvas{cursor:grab;width:100%;height:100%;display:block}.packaging-preview__stage canvas:active{cursor:grabbing}.packaging-preview--blocked{background:var(--bg-2);padding:14px}.packaging-preview--blocked>div{gap:4px;display:grid}.packaging-preview--blocked strong{color:var(--fg-0);font-size:var(--fs-label)}.packaging-preview--blocked span{color:var(--warning);font-size:var(--fs-small)}@media (width<=760px){.packaging-preview__head{flex-direction:column}.packaging-preview__head span{text-align:left}.packaging-preview__stage{height:220px}}