/* The inline preview must not stretch the event's read-only fields. */
.bp-hosted-builder-two-col.bp-hosted-basics-grid { align-items:start; }
.bp-hosted-basics-grid > article,
.bp-hosted-basics-grid .bp-hosted-event-field { align-content:start; min-width:0; }
.organizer-event-preview-tile { margin-top:16px; padding-top:16px; border-top:1px solid #d4e3dc; display:grid; align-content:start; gap:12px; min-width:0; }
.organizer-event-preview-tile > header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.organizer-event-preview-tile > header span,.organizer-event-preview-tile > small { color:#536f68; font-size:12px; }
.organizer-event-preview-tile .cloud-event-card.cloud-event-tile { aspect-ratio:auto; height:auto; min-height:0; max-width:440px; width:100%; box-sizing:border-box; margin:0 auto; grid-template-rows:auto auto auto; align-content:start; gap:14px; }
.organizer-event-preview-tile .cloud-event-card .cloud-event-tile-art { height:160px; min-height:0; max-height:none; }
.organizer-event-preview-tile .cloud-event-card .cloud-event-tile-copy { gap:6px; }
.organizer-event-preview-tile .cloud-event-card .cloud-event-tile-footer { margin:0; }
.organizer-event-preview-tile .cloud-event-card.cloud-event-tile .cloud-event-actions { display:none; }
.organizer-event-preview-dialog { --preview-width:390px; width:calc(100vw - 24px); max-width:1800px; height:calc(100dvh - 24px); max-height:none; margin:auto; padding:0; border:1px solid #aacbc1; border-radius:16px; background:#f4f1eb; color:#143d33; overflow:hidden; }
.organizer-event-preview-dialog::backdrop { background:#0d2926b8; }
.organizer-event-preview-dialog[open] { display:flex; flex-direction:column; }
.organizer-preview-toolbar { flex:none; display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 16px; background:#fffefb; border-bottom:2px solid #26826b; }
.organizer-preview-toolbar > div { display:grid; gap:3px; margin-right:auto; }
.organizer-preview-toolbar small { font-size:12px; }
.organizer-preview-toolbar button,.organizer-preview-toolbar select { min-height:40px; padding:8px 12px; border:1px solid #aacbc1; border-radius:8px; background:#eff8f4; color:#143d33; font-size:13px; font-weight:700; }
.organizer-preview-toolbar button:disabled { opacity:.5; cursor:not-allowed; }
.organizer-preview-toolbar label { display:flex; align-items:center; gap:8px; font-size:12px; }
.organizer-preview-workspace { flex:1; min-height:0; display:flex; }
.organizer-preview-readiness { flex:0 0 280px; padding:20px; overflow:auto; background:#fffefb; border-right:1px solid #ccd9d3; }
.organizer-preview-readiness h2 { font-size:19px; margin:0 0 12px; }
.organizer-preview-readiness h3 { font-size:14px; margin:20px 0 10px; }
.organizer-preview-readiness p,.organizer-preview-readiness small { font-size:12px; line-height:1.6; }
.organizer-preview-readiness ul { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.organizer-preview-readiness li { display:flex; gap:8px; align-items:flex-start; font-size:13px; line-height:1.5; }
.organizer-preview-readiness li > span { flex:none; width:20px; text-align:center; border-radius:50%; background:#e1f2ea; }
.organizer-preview-readiness .is-missing > span { background:#fff0c6; color:#765017; }
.organizer-preview-stage { flex:1; min-width:0; padding:16px; overflow:hidden; display:flex; justify-content:center; }
.organizer-preview-frame-wrap { width:min(var(--preview-width),100%); height:100%; position:relative; }
.organizer-preview-frame-wrap iframe { display:block; border:0; outline:1px solid #afc5bc; background:#fff; transform-origin:top left; width:100%; height:100%; box-sizing:border-box; }
.organizer-event-preview-dialog.is-attendee .organizer-preview-readiness { display:none; }
body.organizer-preview-attendee { display:block; margin:0; min-width:0; padding:0; background:#f4f1eb; }
.organizer-preview-attendee #preview-content { padding:12px; min-width:0; }
.preview-action-notice { position:fixed; z-index:999999; bottom:16px; left:12px; right:12px; padding:14px; border:1px solid #e2c581; border-radius:10px; background:#fff6df; color:#674815; box-shadow:0 5px 30px #0003; font-size:14px; overflow-wrap:anywhere; }
.organizer-preview-attendee .cloud-event-preview-overlay { position:relative; inset:auto; padding:0; background:transparent; display:block; }
.organizer-preview-attendee .cloud-event-preview-panel { margin:0 auto; max-height:none; width:100%; }
.organizer-preview-attendee [data-preview-vendor] { cursor:pointer; }
@media(max-width:800px) { .organizer-preview-readiness { flex-basis:220px; padding:12px; } }
@media(max-width:600px) {
 .organizer-event-preview-dialog { width:100vw; height:100dvh; border-radius:0; border:0; }
 .organizer-preview-toolbar { padding:8px; gap:6px; }
 .organizer-preview-toolbar > div { flex-basis:100%; }
 .organizer-preview-workspace { flex-direction:column; }
 .organizer-preview-readiness { flex:0 0 140px; border-right:0; border-bottom:1px solid #ccd9d3; }
 .organizer-preview-stage { padding:8px; }
}

.organizer-preview-shortcuts { display:grid; gap:6px; margin-bottom:22px; }
.organizer-preview-shortcuts button,.organizer-preview-edit-tools button { text-align:left; border:1px solid #bed6cc; border-radius:8px; padding:10px 12px; background:white; color:#145647; min-height:40px; font-size:13px; }
.organizer-preview-shortcuts button[aria-current="page"] { background:#e2f2eb; border-color:#217961; font-weight:700; }
.organizer-preview-edit-tools { display:grid; gap:9px; padding-block:18px; border-block:1px solid #d6e3dc; margin-bottom:14px; }
.organizer-preview-edit-tools[hidden] { display:none; }
.organizer-preview-edit-tools h2,.organizer-preview-edit-tools p { margin:0; }
.organizer-preview-edit-tools label { font-size:12px; }
.organizer-preview-edit-tools select { width:100%; min-width:0; max-width:100%; min-height:40px; border:1px solid #bed6cc; border-radius:8px; padding:8px; background:#fff; color:#143d33; }
.organizer-preview-edit-tools button { background:#1f6f5b; color:white; text-align:center; }
.organizer-preview-editor-mount .bp-hosted-drawer-overlay { position:absolute; z-index:20; }
.organizer-preview-editor-mount .bp-hosted-drawer { width:min(620px,100%); max-width:100%; }
.organizer-preview-editor-mount .bp-hosted-drawer-form { overflow:auto; min-height:0; }
.organizer-preview-readiness { box-sizing:border-box; }
@media(max-width:600px) {
 .organizer-preview-readiness { flex-basis:185px; }
 .organizer-preview-shortcuts { grid-template-columns:1fr 1fr; gap:5px; }
 .organizer-preview-shortcuts h2 { grid-column:1/-1; }
 .organizer-preview-editor-mount .bp-hosted-drawer-overlay { padding:0; }
}

.preview-action-notice:not([hidden]) { display:flex; align-items:center; gap:12px; }
.preview-action-notice button { flex:none; min-width:32px; min-height:32px; padding:4px; margin-left:auto; }