.popup-editor-grid { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 28px; align-items: start; }
.popup-editor-grid h3 { margin: 12px 0 0; padding-top: 20px; border-top: 1px solid var(--border); font-size: 16px; }
.popup-editor-grid h3:first-child { margin: 0; padding: 0; border: 0; }
.popup-editor-grid .panel-pad { padding: 28px; }
.popup-preview { position: sticky; top: 24px; overflow: hidden; }
.popup-preview h3 { padding: 20px 22px !important; margin: 0 !important; }
.popup-preview-stage { min-height: 330px; padding: 30px 25px; background: #68716b; color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; }
.popup-preview-stage img { max-width: 100%; max-height: 340px; object-fit: contain; }
.popup-preview-close { width: 36px; height: 36px; border: 1px solid #fff; border-radius: 50%; display: grid; place-items: center; }
.popup-savebar { position: sticky; bottom: 0; background: white; padding-top: 18px; border-top: 1px solid var(--border); justify-content: flex-end; }
.popup-artwork { width: 48px; height: 60px; object-fit: contain; }
.popup-name-cell { display: flex; gap: 14px; align-items: center; }
.popup-name-cell strong { font-weight: 600; }
.popup-name-cell small { display: block; color: var(--muted); margin-top: 4px; }
@media(max-width:1000px) { .popup-editor-grid { grid-template-columns: minmax(0,1fr) 250px; gap: 20px; } }
@media(max-width:760px) { .popup-editor-grid { grid-template-columns: 1fr; } .popup-preview { position: static; } .popup-editor-grid .grid { grid-template-columns: 1fr; } }