.quick-editor-modal-open { overflow: hidden; }
.quick-editor-modal { position: fixed; z-index: 220; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(28, 24, 29, .52); }
.quick-editor-modal[hidden] { display: none; }
.quick-editor-modal-panel { display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(1400px, calc(100vw - 32px)); height: min(900px, calc(100dvh - 48px)); overflow: hidden; border: 1px solid rgba(255, 255, 255, .76); border-radius: 16px; background: #f3f3f4; box-shadow: 0 26px 70px rgba(24, 20, 26, .34); }
.quick-editor-modal-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; min-height: 54px; padding: 6px 10px 6px 18px; border-bottom: 1px solid #eee6ea; border-radius: 16px 16px 0 0; background: #fff; }
.quick-editor-modal-navigation { display: flex; grid-column: 1; grid-row: 1; gap: 6px; }
.quick-editor-modal-nav-button { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0; border: 1px solid #e7dfe3; border-radius: 999px; background: #fff; color: #5e5660; cursor: pointer; font-size: 22px; }
.quick-editor-modal-nav-button:hover:not(:disabled) { border-color: #d64278; color: #b82c61; background: #fff5f8; }
.quick-editor-modal-nav-button:focus-visible { outline: 2px solid #b82c61; outline-offset: 2px; }
.quick-editor-modal-nav-button:disabled { cursor: not-allowed; opacity: .35; }
.quick-editor-modal-title { grid-column: 2; grid-row: 1; overflow: hidden; margin: 0; color: #302a30; font-size: 16px; font-weight: 900; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.quick-editor-modal-close { display: inline-flex; grid-column: 3; grid-row: 1; justify-self: end; width: 42px; height: 42px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #5b535b; cursor: pointer; font-size: 25px; }
.quick-editor-modal-close:hover, .quick-editor-modal-close:focus-visible { background: #fff3f7; color: #9f315b; outline: 0; }
.quick-editor-modal-frame { display: block; width: 100%; height: 100%; border: 0; background: #f3f3f4; }
@media (max-width: 720px) and (min-width: 360px) { .quick-editor-modal-header { grid-template-columns: auto minmax(0, 1fr) auto; gap: 4px; padding-left: 8px; } .quick-editor-modal-navigation { gap: 2px; } .quick-editor-modal-nav-button { width: 34px; height: 34px; font-size: 19px; } .quick-editor-modal-close { width: 34px; height: 34px; font-size: 22px; } }
@media (max-width: 359px) { .quick-editor-modal-navigation { display: none; } }
@media (max-width: 720px) { .quick-editor-modal { padding: 0; } .quick-editor-modal-panel { width: 100%; height: 100dvh; border: 0; border-radius: 0; } .quick-editor-modal-header { min-height: 50px; border-radius: 0; } }