dialog.showcase-object-editor { box-sizing: border-box; width: min(900px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 22px; overflow: auto; border: 1px solid #d8d0c6; border-radius: 18px; background: #fcfaf5; color: #38372f; box-shadow: 0 18px 70px #181b2240; }
dialog.showcase-object-editor:not([open]) { display: none; }
dialog.showcase-object-editor.is-decorating { width: min(900px, calc(100vw - 32px)); }
dialog.showcase-object-editor::backdrop { background: #191b236b; backdrop-filter: blur(5px); }
dialog.showcase-object-editor > .showcase-object-editor-header { display: flex; align-items: center; gap: 14px; grid-column: 1 / -1; margin: 0 0 22px; padding: 0 0 16px; border-bottom: 1px solid #e1dbd0; }
dialog.showcase-object-editor .showcase-object-editor-header h3 { flex: 1; margin: 0; color: inherit; font-size: 24px; line-height: 1.2; letter-spacing: -.025em; }
dialog.showcase-object-editor .showcase-object-editor-header button { min-width: 40px; min-height: 40px; margin: 0; padding: 7px 10px; border: 1px solid #d8d0c6; border-radius: 99px; background: transparent; box-shadow: none; color: inherit; font-size: 14px; cursor: pointer; }
dialog.showcase-object-editor .showcase-object-editor-header .showcase-object-editor-close { margin-left: auto; font-size: 24px; line-height: 1; }
dialog.showcase-object-editor [hidden] { display: none !important; }
.showcase-object-editor-content { min-width: 0; }
.showcase-object-editor-content:empty { display: none; }
.showcase-object-editor-actions { display: grid; gap: 10px; }
.showcase-object-editor-actions:empty { display: none; }
.showcase-object-editor-actions button { min-height: 44px; padding: 12px 16px; border: 1px solid #d8d0c6; border-radius: 10px; background: #fff; color: #474539; font: inherit; text-align: left; cursor: pointer; }
.showcase-object-editor-actions button.is-primary { border-color: #343b32; background: #343b32; color: #fffdf7; }
.showcase-object-editor-status { margin: 14px 0 0; font-size: 13px; color: #a02d3e; }
.showcase-object-editor-status:empty { display: none; }
.showcase-object-editor :is(button, select, input):focus-visible { outline: 3px solid #8060c5; outline-offset: 3px; }
.showcase-object-editor button:disabled { opacity: .55; cursor: default; }
.showcase-slot-editor .showcase-slot-hint { margin: 0 0 20px; color: #827666; font-size: 13px; }
.showcase-slot-editor > footer { position: sticky; bottom: -22px; z-index: 2; display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-top: 20px; padding: 14px 0; background: #fcfaf5; border-top: 1px solid #e1dbd0; }
.showcase-slot-editor .picker-grid { overflow: visible; overscroll-behavior: auto; }
.showcase-slot-editor [data-slot-status] { margin-right: auto; color: #a02d3e; font-size: 13px; }
.showcase-slot-editor [data-slot-save] { min-height: 42px; padding: 10px 18px; border: 0; border-radius: 99px; background: #343b32; color: #fffdf7; }
.showcase-slot-editor .picker-order { display: none; }
@media (max-width: 760px) { dialog.showcase-object-editor { padding: 16px; } dialog.showcase-object-editor .showcase-object-editor-header h3 { font-size: 21px; } .showcase-slot-editor > footer { bottom: -16px; } }