.creative-frame-dialog{width:min(96vw,1100px);max-height:94dvh;padding:0;border:1px solid #c78a2c;border-radius:18px;background:#0b1119;color:#fff}
.creative-frame-dialog::backdrop{background:#02060bdd}
.creative-frame-shell{max-height:92dvh;overflow:auto;padding:16px}
.creative-frame-shell>header{display:flex;align-items:start;justify-content:space-between;gap:14px}
.creative-frame-shell h3{margin:.2rem 0}
.creative-frame-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin:12px 0}
.creative-frame-choice{display:grid;gap:5px;padding:8px;text-align:left;color:#fff;background:#111c29;border:2px solid #2c4056;border-radius:12px}
.creative-frame-choice.active{border-color:#ffb703;box-shadow:0 0 0 2px #ffb70333}
.creative-frame-choice span{display:block;aspect-ratio:210/297;background-color:#f7f3ea;background-position:center;background-size:100% 100%;border-radius:7px}
.creative-frame-thumb{position:relative;overflow:hidden}
.creative-frame-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.creative-frame-thumb .creative-frame-background{z-index:0}
.creative-frame-thumb img:not(.creative-frame-background){z-index:1}
.creative-frame-choice small{color:#aebbc8}
.creative-frame-builder{margin:14px 0;padding:12px;border:1px solid #43576d;border-radius:12px}
.creative-frame-builder summary{font-weight:850;color:#ffd267;cursor:pointer}
.creative-frame-builder .form-grid{margin:12px 0}
.creative-frame-actions{position:sticky;bottom:-16px;display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;background:#0b1119}
.creative-frame-actions>*{flex:1 1 180px}
.book-creative-frame{position:absolute;inset:0;z-index:60;width:100%;height:100%;pointer-events:none}
.book-dtp-page>.book-dtp-text{z-index:70}.book-dtp-page>.book-dtp-running-head,.book-dtp-page>.book-dtp-number{z-index:71}.book-dtp-page>.book-dtp-free.text{z-index:72!important}
.comic-frame-button{width:100%;margin-top:8px}
@media(max-width:600px){.creative-frame-dialog{width:100vw;max-width:none;max-height:100dvh;border:0;border-radius:0}.creative-frame-shell{max-height:100dvh;padding:10px}.creative-frame-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-frame-builder .form-grid{grid-template-columns:1fr}.creative-frame-actions{bottom:-10px}.creative-frame-actions>*{flex-basis:100%}}