.personalize-card { display: block; width: 100%; margin-top: 14px; padding: 11px 8px; border: 1px solid #abc6c9; border-radius: 5px; font-size: 12px; color: #07566a; background: #e9f3ef; font-weight: 600; min-height: 44px; }
.personalize-card:hover { background: #d8eeea; }
.selection-item .customization-summary { margin-top: 7px; color: #07566a; line-height: 1.6; }
#detail-personalize { margin-top: 12px; width: 100%; }
/* Only the containing dialog is styled here. The reference owns all editor CSS. */
dialog.studio-host { position: fixed; inset: 0; margin: 0; padding: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; border: 0; border-radius: 0; background: #eef1f5; overflow: hidden; }
.studio-host::backdrop { background: #0d2340cc; }
#studio-frame { display: block; width: 100%; height: 100%; border: 0; }