#product-dialog{width:min(1320px,96vw);max-width:1320px;border:0;border-radius:18px;box-shadow:0 24px 100px #0005}
.editor-save-state{font-size:12px;color:#34624b;margin:0 0 20px}.editor-save-state[data-dirty=true]{color:#a55a16}
.site-preview-workspace{padding:18px;background:#e4e6e1;border:1px solid #d8ddd7;border-radius:12px;margin-bottom:28px}
.site-preview-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px;align-items:center}.site-preview-toolbar p{font-size:11px;max-width:600px;color:#53605c;margin:7px 0}.site-preview-toolbar button{min-height:34px;font-size:11px;background:transparent;color:#34473d;border:1px solid #c6cdc5;padding:8px 12px}.site-preview-toolbar button[aria-pressed=true]{background:#18352a;color:white}
#site-miniature{max-width:100%;margin:auto;background:#f2eee5;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px #1c342a12;transition:max-width .2s}
.mini-browser{padding:8px 14px;background:#fcfcfa;border-bottom:1px solid #ddd;font-size:9px;color:#76807b}.mini-browser span{color:#bcc8bf;margin-right:30px}
.mini-site-header{padding:16px 24px;background:#fffdf8;font-size:11px;letter-spacing:2px;border-bottom:1px solid #d8d3c7}.mini-site-header strong{color:#b51f2b}.mini-site-header>span{float:right;font-size:9px;letter-spacing:0;color:#63706b}
.mini-product{display:grid;grid-template-columns:42% 1fr;gap:28px;padding:28px}.mini-photo{background:#fffdf8;min-height:210px;display:grid;place-items:center;border:1px solid #ded9ce}.mini-photo img{width:100%;height:240px;object-fit:contain}.mini-copy h2{font-size:clamp(19px,2vw,29px);line-height:1.14;margin:16px 0;overflow-wrap:anywhere}.mini-copy p{font-size:11px;color:#65706e;max-height:84px;overflow:auto;white-space:pre-wrap}.mini-copy>strong{color:#b51f2b;font-size:19px;display:block;margin:18px 0}.mini-cart{padding:13px;background:#b51f2b;color:white;font-size:10px;text-align:center;margin-bottom:15px}.mini-copy>span:last-child{font-size:10px;color:#65706e}
#site-miniature[data-device=mobile]{max-width:310px}#site-miniature[data-device=mobile] .mini-product{grid-template-columns:1fr;padding:18px;gap:16px}#site-miniature[data-device=mobile] .mini-site-header>span{display:none}#site-miniature[data-device=mobile] .mini-photo img{height:150px}#site-miniature[data-device=mobile] .mini-photo{min-height:150px}
.gallery-editor{margin:20px 0;padding:20px;background:#fffdf8;border:1px solid #ddd6c8;border-radius:8px}.gallery-editor p{font-size:12px;color:#65706e}.gallery-editor__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px}.gallery-editor__item{padding:8px;background:#f2eee5;border-radius:8px}.gallery-editor__item img{width:100%;height:100px;object-fit:contain}.gallery-editor__item small{display:block;margin:8px 0}.gallery-editor__item>div{display:flex;gap:4px;flex-wrap:wrap}.gallery-editor__item button{padding:6px 9px;min-height:30px;font-size:10px;gap:0;background:#274339}
@media(max-width:700px){.site-preview-toolbar{display:block}.site-preview-toolbar>div:last-child{display:flex;gap:8px;margin-top:12px}.mini-product{grid-template-columns:1fr;padding:16px;gap:16px}.mini-photo img{height:140px}.mini-photo{min-height:140px}.mini-site-header>span{display:none}.mini-copy h2{font-size:22px}.site-preview-workspace{padding:10px}}
@media(prefers-reduced-motion:reduce){#site-miniature{transition:none}}