.product-editor-dialog { width: min(1540px,96vw); max-width: none; height: 92dvh; max-height: none; padding: 0; border: 1px solid #dce4ed; border-radius: 20px; color: #173745; box-shadow: 0 30px 100px #09274745; overflow: hidden; }
.product-editor-dialog::backdrop { background: #0927478c; backdrop-filter: blur(5px); }
.product-editor-dialog[open] { display: flex; flex-direction: column; }
body.product-editor-open { overflow: hidden; }
.product-dialog-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 26px; border-bottom: 1px solid #dce4ed; gap: 16px; background: #f5f8fc; flex: none; }
.product-dialog-header h2 { font-size: 1.25rem; margin: 0 0 4px; }
.product-dialog-header p { font-size: .8rem; color: #5f7182; margin: 0; }
.product-dialog-close { width: 44px; height: 44px; border: 1px solid #dce4ed; border-radius: 50%; background: white; color: #173745; font-size: 1.7rem; flex: none; }
.product-editor-dialog iframe { border: 0; width: 100%; flex: 1; min-height: 0; background: white; }
.product-dialog-loading { padding: 15px 26px; margin: 0; font-size: .9rem; }
.product-discard { padding: 16px 26px; background: #fff4e5; border-bottom: 1px solid #e4cfab; flex: none; }
.product-discard p { margin: 0 0 12px; }.product-discard .button { margin: 0 8px 6px 0; min-height: 42px; }
.product-editor-workspace { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,1fr); gap: 28px; align-items: start; }
.product-editor-fields { min-width: 0; }
.product-editor-workspace .admin-fields { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
.product-editor-workspace .form-panel { padding: 24px; }
.product-editor-workspace .managed-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.product-preview { position: sticky; top: 110px; padding: 24px; background: #f4f7fb; border: 1px solid #dce4ed; border-radius: 16px; min-width: 0; }
.product-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.product-preview h2 { font-size: 1.25rem; margin: 0; }
.preview-draft { font-size: .7rem; background: #e2ebf6; border-radius: 20px; padding: 4px 10px; white-space: nowrap; }
.preview-switch { display: flex; gap: 6px; margin: 16px 0; }
.preview-switch button { flex: 1; border: 1px solid #cdd9e8; background: white; color: #173745; border-radius: 8px; min-height: 44px; font-size: .82rem; padding: 8px; }
.preview-switch button[aria-pressed=true] { background: #173745; color: white; border-color: #173745; }
.preview-visibility,.preview-image-note { font-size: .78rem; color: #5b6c7d; }
.product-preview-canvas { background: white; padding: 20px; border-radius: 10px; border: 1px solid #e0e7ee; container-type: inline-size; container-name: productdemo; }
.preview-card { max-width: 280px; margin: auto; }
.preview-card .product-image { aspect-ratio: 5/6; }
.preview-card img,.preview-detail-photo img { width: 100%; height: 100%; object-fit: contain; }
.preview-card .product-image img { object-fit: cover; }
.preview-no-photo { display: grid; place-items: center; height: 100%; min-height: 220px; color: #708193; font-size: .85rem; background: #edf2f7; }
.preview-detail-photo { aspect-ratio: 5/6; max-height: 370px; background: #edf2f7; }
.preview-detail-photo { position: relative; }
.product-preview .preview-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.product-preview .product-compare-price { font-size: .82rem; color: #63788a; font-weight: 400; }
.compare-price-help { margin: -6px 0 4px; color: #5f7182; font-size: .8rem; line-height: 1.6; }
.preview-detail-copy { margin-top: 22px; font-size: .86rem; overflow-wrap: anywhere; }
.preview-detail-copy h3 { font-size: 1.8rem; line-height: 1.15; }
.preview-detail-copy .detail-price { font-size: 1.35rem; }
.preview-variant { display: inline-block; padding: 7px 12px; border: 1px solid #195dc1; margin-top: 10px; }
.preview-image-note { margin-top: 14px; }
.product-preview > .muted { font-size: .78rem; }
.product-preview [hidden], .product-discard[hidden], .product-dialog-loading[hidden] { display: none; }
.product-editor-embedded > :is(.announcement,.site-header,.site-footer,.skip-link), .product-editor-embedded [data-product-editor] > :is(.admin-tabs,.section-heading) { display: none; }
.product-editor-embedded [data-product-editor] { padding: 24px; }
.product-editor-embedded .product-preview { top: 20px; }
.product-editor-embedded .unit-notification { top: 16px; }
@container productdemo (min-width: 540px) { .preview-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }.preview-detail-copy { margin-top: 0; } }
@media(max-width:900px) { .product-editor-workspace { grid-template-columns: 1fr; }.product-preview { position: static; }.product-editor-dialog { width: 98vw; height: 96dvh; border-radius: 14px; }.product-dialog-header { padding: 14px 16px; }.product-editor-embedded [data-product-editor] { padding: 16px; } }
@media(max-width:500px) { .product-editor-workspace .admin-fields { grid-template-columns: 1fr; }.product-editor-workspace .admin-fields .span-two { grid-column: auto; }.product-editor-workspace .managed-photo-grid { grid-template-columns: 1fr; }.product-preview,.product-editor-workspace .form-panel { padding: 16px; }.product-dialog-header h2 { font-size: 1rem; } }