/* Website preview stays above the catalog; editing stays in the main workspace. */
#preview-dialog.website-preview-dialog{width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #dce2e9;border-radius:14px;background:#f0f2f5;color:#202733;overflow:hidden;box-shadow:0 24px 100px #12203540}
#preview-dialog.website-preview-dialog[open]{display:flex;flex-direction:column}
#preview-dialog.website-preview-dialog::backdrop{background:#15203380;backdrop-filter:blur(3px)}
.website-preview-dialog>.dialog-bar{flex:none;margin:0;padding:14px 20px;background:white;border-bottom:1px solid #e3e7ed;gap:20px;align-items:center}
.website-preview-dialog .dialog-bar h2{font-size:17px;font-weight:650;letter-spacing:-.3px;margin:3px 0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.website-preview-dialog .dialog-bar small{font-size:10px;letter-spacing:1.4px;color:#7a8492}
.website-preview-dialog .dialog-bar .actions{gap:7px;flex-wrap:nowrap}
.website-preview-dialog .dialog-bar button{padding:9px 13px;border-radius:7px;font-size:12px;white-space:nowrap}
.website-preview-dialog .dialog-bar button[aria-pressed=true]{background:#25384f;color:#fff;border-color:#25384f}
.website-preview-dialog .dialog-bar label{display:flex;align-items:center;gap:8px;font-size:11px;margin-right:8px}
.website-preview-dialog .dialog-bar select{border:1px solid #dae0e8;border-radius:6px;background:white;padding:8px;font:inherit}
.website-preview-dialog #preview-close{font-size:17px;width:36px;height:36px;padding:0;background:#f6f7f9}
.website-preview-dialog #preview-details{display:flex;flex:none;align-items:center;gap:20px;margin:0;padding:9px 20px;background:#fbfcfd;border-bottom:1px solid #dfe4ea;font-size:12px}
.website-preview-dialog .preview-summary{display:flex;gap:12px;align-items:center;color:#697588}
.website-preview-dialog #preview-details>label{display:flex;align-items:center;gap:10px;margin:0}
.website-preview-dialog #preview-details select{padding:6px 10px;border:1px solid #dce2e9;border-radius:5px;background:white;min-width:140px}
.website-preview-dialog .preview-description{margin-left:auto;max-width:420px}
.website-preview-dialog .preview-description p{font-size:12px;line-height:1.5}
.website-preview-dialog>.inline-preview-stage{flex:1;min-height:0!important;height:auto!important;margin:12px 16px;background:#e9edf2;border-radius:7px}
.website-preview-dialog>.preview-note{flex:none;margin:0;padding:0 20px 10px;font-size:10px;color:#788390}
@media(max-width:760px){#preview-dialog.website-preview-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:10px}.website-preview-dialog>.dialog-bar{padding:10px;gap:8px;flex-wrap:wrap}.website-preview-dialog .dialog-bar>div:first-child{flex:1}.website-preview-dialog .dialog-bar .actions{flex-wrap:wrap;width:100%;gap:5px}.website-preview-dialog .dialog-bar label{font-size:0;margin-right:auto}.website-preview-dialog .dialog-bar select{font-size:12px}.website-preview-dialog #preview-details{padding:8px 10px;gap:10px}.website-preview-dialog .preview-summary{display:none}.website-preview-dialog .preview-description{display:none}.website-preview-dialog>.inline-preview-stage{margin:8px}.website-preview-dialog #preview-use{font-size:11px}}