.album-page.inside-cover{display:grid;place-items:center;background:#eee9e3;color:#827b74}
.inside-cover-label{font:600 12px Poppins,Arial,sans-serif;letter-spacing:.04em}
#pages .album-page.inside-cover::after{display:none!important}
.auto-fine-tune{margin:0 0 20px;border:1px solid #e0dbe5;border-radius:15px;background:#faf9fb}
.auto-fine-tune>summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;cursor:pointer;font:700 12px Poppins,Arial,sans-serif;list-style:none}
.auto-fine-tune>summary::-webkit-details-marker{display:none}
.auto-fine-tune>summary::after{content:'⌄';font-size:22px;line-height:1}
.auto-fine-tune[open]>summary::after{transform:rotate(180deg)}
.auto-fine-tune>summary span{margin-left:auto;margin-right:12px;color:#756c7c;font-size:10px;font-weight:500}
.auto-fine-tune fieldset{margin:0 16px 18px}
.book-pages-dialog{width:min(650px,calc(100% - 24px));max-height:88dvh;padding:0;overflow:hidden;border:1px solid #dcd5e3;border-radius:22px;background:#f7f5f8;color:#171717;box-shadow:0 25px 80px #17171750;font-family:Poppins,Arial,sans-serif}
.book-pages-dialog::backdrop{background:#171717a6}
.book-pages-dialog>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:14px;padding:20px;background:#fff;border-bottom:1px solid #e5e0e8}
.book-pages-dialog header small{font-size:9px;font-weight:700;letter-spacing:.14em;color:#8065a7}
.book-pages-dialog h2{margin:2px 0;font-size:25px;line-height:1.1;letter-spacing:-.04em}
.book-pages-dialog p{margin:4px 0 0;color:#69636c;font-size:11px;line-height:1.4}
.book-pages-close{flex:0 0 40px;height:40px;border:1px solid #e0dbe5;border-radius:50%;background:#fff;font-size:26px;line-height:1}
.book-openings{display:grid;gap:18px;max-height:calc(88dvh - 205px);overflow-y:auto;padding:18px}
.book-opening h3{margin:0 0 7px;color:#534d59;font-size:11px;font-weight:650}
.book-opening-faces{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:8px;background:#e2dce5;border-radius:10px;box-shadow:0 6px 15px #32263c17}
.book-page-face,.book-inside-cover{position:relative;display:block;min-width:0;width:100%;aspect-ratio:1;background:#fff center/cover;overflow:hidden;border:2px solid transparent;border-radius:2px}
.book-page-face{cursor:pointer}
.book-page-face.active{border-color:#956acb;box-shadow:inset 0 0 0 2px #fff}
.book-page-face img{position:absolute;object-fit:cover}
.book-inside-cover{display:grid;place-items:center;background:#ede8e4;color:#8b827d;text-align:center;font-size:9px}
.book-page-number{position:absolute;right:4px;bottom:4px;padding:2px 5px;border-radius:4px;background:#171717d9;color:#fff;font-size:8px;font-weight:700}
.book-pages-dialog>footer{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e5e0e8;background:#fff}
.book-pages-dialog footer button{flex:1;min-height:44px;border:1px solid #cfc5dc;border-radius:11px;background:#fff;color:#171717;font:700 11px Poppins,Arial,sans-serif}
.book-pages-dialog footer .book-pages-add{background:#c7b0f7;border-color:#b69cde}
.book-pages-dialog footer button:disabled{opacity:.5}
.book-swap-dialog{width:min(560px,calc(100% - 24px));max-height:80dvh;padding:0;border:1px solid #dcd5e3;border-radius:22px;background:#fff;color:#171717;font-family:Poppins,Arial,sans-serif}
.book-swap-dialog::backdrop{background:#171717a6}
.book-swap-dialog>header{display:flex;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #e5e0e8}
.book-swap-dialog header small{font-size:9px;letter-spacing:.14em;color:#8065a7}
.book-swap-dialog h2{margin:2px 0;font-size:23px}
.book-swap-dialog p{margin:4px 0;color:#69636c;font-size:11px;line-height:1.4}
.book-swap-close{flex:0 0 40px;height:40px;border:1px solid #e0dbe5;border-radius:50%;background:#fff;font-size:26px}
.book-swap-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:58dvh;overflow-y:auto;padding:18px}
.book-swap-choices button{min-width:0;padding:6px;border:1px solid #dfdae5;border-radius:12px;background:#faf9fb;text-align:left;font:600 10px Poppins,Arial,sans-serif}
.book-swap-choices img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.book-swap-choices span{display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.book-swap-choices>p{grid-column:1/-1}
#pages #quickSwap>span{display:grid;place-items:center;width:22px;height:22px;margin:auto;font-size:22px;line-height:1}
.free-frame.selected .resize-handle{display:block!important;width:24px;height:24px;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:inherit}
.free-frame.selected .resize-handle::after{content:'';position:absolute;top:7px;left:7px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#8d63e6;box-shadow:0 1px 5px #17171755}
.free-frame .resize-nw{left:0;top:0;right:auto;bottom:auto;cursor:nwse-resize}
.free-frame .resize-n{left:50%;top:0;right:auto;bottom:auto;cursor:ns-resize}
.free-frame .resize-ne{left:100%;top:0;right:auto;bottom:auto;cursor:nesw-resize}
.free-frame .resize-e{left:100%;top:50%;right:auto;bottom:auto;cursor:ew-resize}
.free-frame .resize-se{left:100%;top:100%;right:auto;bottom:auto;cursor:nwse-resize}
.free-frame .resize-s{left:50%;top:100%;right:auto;bottom:auto;cursor:ns-resize}
.free-frame .resize-sw{left:0;top:100%;right:auto;bottom:auto;cursor:nesw-resize}
.free-frame .resize-w{left:0;top:50%;right:auto;bottom:auto;cursor:ew-resize}
.free-frame.locked.selected .resize-handle{display:none!important}
.free-frame.selected .resize-nw,.free-frame.selected .resize-se{cursor:nwse-resize}
.free-frame.selected .resize-ne,.free-frame.selected .resize-sw{cursor:nesw-resize}
.free-frame.selected .resize-n,.free-frame.selected .resize-s{cursor:ns-resize}
.free-frame.selected .resize-e,.free-frame.selected .resize-w{cursor:ew-resize}
@media(max-width:767px){
  body.studio-immersive #pages.panel.active{grid-template-rows:60px minmax(0,1fr)!important}
  body.studio-immersive #pages .page-filmstrip-wrap{display:none!important}
  body.studio-immersive #pages .canvas-area{padding-bottom:74px!important;background:#f6f4f7!important}
  body.studio-immersive #pages .spread{width:min(calc(100vw - 28px),max(100px,calc(100dvh - 245px)))!important}
  body.studio-immersive #pages .spread-label b{font-size:12px!important}
  body.studio-immersive #pages .spread-label small{font-size:10px!important;line-height:1.2!important}
  body.studio-immersive #pages .page-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important;bottom:12px!important;min-height:68px!important}
  body.studio-immersive #pages .page-toolbar [data-page-tool="backgrounds"],
  body.studio-immersive #pages .page-toolbar [data-page-tool="frames"]{display:none!important}
  body.studio-immersive #pages .page-toolbar [data-page-tool="add"]{order:0}
  body.studio-immersive #pages .page-toolbar [data-page-tool="layouts"]{order:1}
  body.studio-immersive #pages .page-toolbar [data-page-tool-v2="text"]{order:2}
  body.studio-immersive #pages .page-toolbar [data-page-tool-v2="more"]{order:3}
  body.studio-immersive #pages .page-toolbar small,body.studio-immersive #pages .context-toolbar small{font-size:10px!important;font-weight:600!important}
  body.studio-immersive #pages .context-toolbar{bottom:12px!important;justify-content:center!important}
  body.studio-immersive #pages .context-toolbar #quickDuplicate,
  body.studio-immersive #pages .context-toolbar #quickPosition,
  body.studio-immersive #pages .context-toolbar #quickLock,
  body.studio-immersive #pages .context-toolbar #quickDelete{display:none!important}
  body.studio-immersive #pages .photo-tray{inset:auto 8px 84px!important}
  dialog.book-pages-dialog{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:24px 24px 0 0}
  dialog.book-swap-dialog{width:100%;max-width:none;max-height:80dvh;margin:auto 0 0;border-radius:24px 24px 0 0}
  .book-openings{max-height:calc(92dvh - 198px)}
  .auto-fine-tune .auto-choice>div{grid-template-columns:1fr}
  .auto-fine-tune .auto-choice button{min-height:48px}
}
