.toolbar-strip{display:flex;justify-content:space-between;gap:0;padding:4px 3px}.toolbar-icon{display:flex;color:var(--muted);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:6px;justify-content:center;align-items: center;width:32px;height:30px;padding:0 1px;transition:background .15s,color .15s,border-color .15s}.toolbar-icon:hover{color:var(--dark);background:var(--hover-bg)}.toolbar-icon--active{color:var(--accent);background:var(--tint-accent);border-color:var(--accent)}.toolbar-icon--danger{color:var(--red)}.toolbar-icon--danger:hover{background:var(--tint-danger)}.toolbar-expand{border-top:1.5px solid var(--border);max-height:132px;padding:8px}.toolbar-expand:empty{display:none}.toolbar-overflow-trigger{position:relative}.toolbar-overflow-dropdown{display:none;position:absolute;background:var(--sidebar-bg);border:1.5px solid var(--border);box-shadow:0 4px 12px var(--shadow-color);z-index:20;border-radius:8px;flex-direction:column;gap:2px;padding:4px;top:100%;left:50%;transform:translate(-50%)}.toolbar-overflow-dropdown--visible{display:flex}.colour-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:5px}.colour-swatch{aspect-ratio:1;cursor:pointer;border:1.5px solid #00000014;border-radius:50%;width:100%;padding:0;transition:transform .1s}.colour-swatch:hover{z-index:1;border-color:var(--accent);transform:scale(1.2)}.colour-swatch--active{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}.colour-swatch--transparent{background:repeating-conic-gradient(#e0e0e0 0% 25%,#fff 0% 50%) 50%/8px 8px}.colour-swatch--custom{background:var(--bg);color:var(--muted);display:flex;border-style:dashed;justify-content:center;align-items: center;font-size:12px;line-height:1}.colour-swatch--custom:hover{color:var(--dark)}.toolbar-expand input[type=range]{accent-color:var(--accent);flex:1;min-width:0;height:4px}.toolbar-expand .tool-row{display:flex;align-items: center;gap:6px}.toolbar-expand .range-with-value{display:flex;flex:1;align-items: center;gap:6px;min-width:0}.toolbar-expand .range-value{color:var(--muted);text-align:right;flex-shrink:0;min-width:32px;font-size:11px}.toolbar-expand .tool-row-label{color:var(--muted);flex-shrink:0;font-size:11px}.toolbar-expand select{cursor:pointer;appearance:none;background-color:var(--bg);border:1.5px solid var(--border);color:var(--dark);background-image:var(--select-arrow);background-position:right 7px center;background-repeat:no-repeat;border-radius:5px;flex:1;min-width:0;padding:5px 24px 5px 6px;font-size:12px}.toolbar-expand select:focus{outline:none;border-color:var(--accent)}.toolbar-expand .tool-option-btn{padding:6px 4px;font-size:11px}.toolbar-expand .tool-option-btns{flex:1;gap:3px}.toolbar-expand .tool-row .tool-option-btns:only-child{width:100%}.toolbar-expand .tool-action-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--dark);cursor:pointer;border-radius:5px;padding:5px 8px;font-size:11px}.toolbar-expand .tool-action-btn:hover{background:var(--hover-bg)}.toolbar-expand .tool-action-btn--danger{color:var(--red);border-color:#ef233c33}.toolbar-expand .tool-action-btn--danger:hover{background:var(--tint-danger)}.toolbar-expand .tool-row-compact{display:flex;gap:4px}.toolbar-expand .tool-info{color:var(--muted);margin-bottom:4px;font-size:10px;line-height:1.4}*,*:before,*:after{box-sizing:border-box;user-select:none;margin:0;padding:0}input,textarea{user-select:text}:root{--toolbar-height:48px;--activity-bar-width:48px;--panel-width:200px;--accent:#378add;--cyan:#00b4d8;--yellow:#ffd60a;--dark:#1a1a2e;--bg:#faf9f7;--sidebar-bg:#fff;--canvas-bg:#f0ede8;--border:#ede9e3;--muted:#a89f96;--orange:#fb8500;--blue:#4361ee;--green:#06d6a0;--purple:#7b2fbe;--red:#ef233c;--hover-bg:#f0ede8;--tint-accent:#eef5fc;--tint-danger:#fff0f2;--loading-pulse-mid:#d4cfc9;--dot-pattern:#a0968c66;--shadow-color:#00000014;--shadow-heavy:#0000001f;--photo-border:#00000014;--page-label-bg:#ffffffe0;--bar-bg:#fffffff2;--tooltip-bg:#1a1a2e;--tooltip-fg:#fff;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a89f96' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark]{--dark:#ede8f2;--tooltip-bg:#ede8f2;--tooltip-fg:#1c1820;--bg:#1c1820;--sidebar-bg:#241f2a;--canvas-bg:#161218;--border:#3a3342;--muted:#8a7e96;--red:#ff4d6a;--green:#2ee8b0;--hover-bg:#2e2836;--accent:#85b7eb;--tint-accent:#1a2538;--tint-danger:#2d1018;--loading-pulse-mid:#3a3342;--dot-pattern:#8c82a040;--shadow-color:#0000004d;--shadow-heavy:#0006;--photo-border:#ffffff0f;--page-label-bg:#1e1926e0;--bar-bg:#241f2af2;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238a7e96' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}body{background:var(--bg);color:var(--dark);--buncss-light:initial;--buncss-dark: ;color-scheme:light;height:100vh;overflow:hidden;height:100dvh;font-family:Nunito,sans-serif}[data-theme=dark] body{--buncss-light: ;--buncss-dark:initial;color-scheme:dark}#storage-warning{color:#664d03;text-align:center;background:#fff3cd;padding:8px 16px;font-size:13px}[data-theme=dark] #storage-warning{color:#ffda6a;background:#332701}#quota-warning{color:#664d03;text-align:center;background:#fff3cd;padding:8px 16px;font-size:13px}#quota-warning[data-level=critical]{color:#842029;background:#f8d7da}[data-theme=dark] #quota-warning{color:#ffda6a;background:#332701}[data-theme=dark] #quota-warning[data-level=critical]{color:#ff8e9b;background:#2d1018}#app{display:grid;grid-template-rows:var(--toolbar-height)1fr auto;height:100vh;height:100dvh}#toolbar{display:flex;background:var(--sidebar-bg);border-bottom:1.5px solid var(--border);overflow:visible;align-items: center;gap:10px;padding:0 20px}#toolbar-logo{display:flex;text-decoration:none;position:relative;z-index:30;flex-shrink:0;align-items: center;margin-left:52px}#logo-mark{position:absolute;width:68px;height:68px;top:-2px;left:-71px}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(-54000deg)}}#toolbar-logo:hover #logo-mark{animation:logo-spin 30s ease-in-out infinite;animation-delay:1s}#logo-wordmark{height:40px}.view-mode-toggle{flex-shrink:0;margin-left:14px;margin-right:14px}.view-mode-toggle .tool-option-btn{padding:4px 6px;line-height:0}.view-mode-toggle .tool-option-btn svg{display:block}#btn-order{white-space:nowrap;border-radius:8px;padding:8px 12px;box-shadow:0 2px 8px #378add40}.book-title{display:flex;flex:auto;justify-content:center;min-width:0;padding:0 12px}.book-title__display{font:inherit;color:var(--dark);cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px;max-width:100%;padding:4px 10px;font-size:14px;font-weight:700}.book-title__display:hover{background:var(--hover-bg);border-color:var(--border)}.book-title__input{background:var(--sidebar-bg);border:1px solid var(--accent);font:inherit;color:var(--dark);outline:none;border-radius:6px;width:100%;max-width:320px;padding:4px 10px;font-size:14px;font-weight:700}.toolbar-separator{background:var(--border);width:1.5px;height:24px;margin:0 4px}.save-status{display:inline-flex;white-space:nowrap;color:var(--muted);flex:none;align-items: center;gap:4px;margin-right:10px;font-size:12px;font-weight:600}.save-status__check{font-size:13px;line-height:1}#toolbar-menu{position:relative;display:flex;align-items: center}#btn-toolbar-menu{display:flex;color:var(--muted);background:0 0;border:none;justify-content:center;align-items: center;width:32px;height:32px;padding:0;font-size:20px;line-height:1}#btn-toolbar-menu:hover{background:var(--bg);color:var(--dark)}#toolbar-menu-dropdown{position:absolute;background:var(--sidebar-bg);border:1.5px solid var(--border);box-shadow:0 4px 16px var(--shadow-color);display:flex;z-index:100;white-space:nowrap;border-radius:10px;flex-direction:column;gap:1px;min-width:200px;padding:4px;top:calc(100% + 4px);right:0}#toolbar-menu-dropdown[hidden]{display:none}.toolbar-menu-divider{background:var(--border);height:1.5px;margin:3px 0}#workspace{display:grid;grid-template-columns:var(--activity-bar-width)var(--panel-width)1fr;overflow:hidden}#workspace:has(#panel.hidden){grid-template-columns:var(--activity-bar-width)1fr}#grid-area{grid-column:-2/-1;grid-row:1;position:relative;display:flex;overflow-y:auto;background-color:var(--canvas-bg);background-image:radial-gradient(circle,var(--dot-pattern)1px,transparent 1px);background-size:24px 24px;flex-direction:column;padding:16px}#grid-area[hidden]{display:none}#grid-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));flex:1;align-content: start;gap:16px;transition:opacity .25s}#grid-overview[hidden]{display:none}#grid-overview .spread-preview-area{position:relative}#grid-overview .spread-preview{aspect-ratio:2;display:block;cursor:pointer;width:100%;height:auto}#grid-overview .spread-preview-live{position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0}#grid-overview .spread-thumbnail--cover-front img.spread-preview,#grid-overview .spread-thumbnail--cover-back img.spread-preview{aspect-ratio:1;object-fit:cover;width:50%}#grid-overview .spread-thumbnail--cover-front img.spread-preview{object-position:right;clip-path:inset(0 0 0 1.5px);margin-left:auto;margin-right:0}#grid-overview .spread-thumbnail--cover-back img.spread-preview{object-position:left;clip-path:inset(0 1.5px 0 0);margin-left:0;margin-right:auto}#grid-overview .spread-thumbnail--cover-front canvas.spread-preview-live,#grid-overview .spread-thumbnail--cover-back canvas.spread-preview-live{object-fit:cover;width:50%}#grid-overview .spread-thumbnail--cover-front canvas.spread-preview-live{object-position:right;left:auto;right:0}#grid-overview .spread-thumbnail--cover-back canvas.spread-preview-live{object-position:left;left:0;right:auto}#grid-overview .spread-thumbnail{flex-shrink:unset;align-self: end;margin:0}#grid-overview .spread-labels{position:relative;margin-top:6px;padding-bottom:6px}#grid-overview .spread-drag-handle{position:absolute;display:flex;pointer-events:none;color:var(--muted);opacity:0;align-items: center;transition:opacity .12s;top:0;bottom:6px;left:24px}#grid-overview .spread-drag-handle svg{display:block;fill:currentColor}#grid-overview .spread-thumbnail:hover .spread-drag-handle{opacity:.65}#grid-overview .spread-labels[draggable=true]{cursor:grab}#grid-overview .spread-labels[draggable=true]:active,#grid-overview .spread-thumbnail--dragging .spread-labels[draggable=true]{cursor:grabbing}#grid-overview .spread-page-label{background:0 0;flex:none}#grid-overview .spread-thumbnail--cover-front .spread-labels,#grid-overview .spread-thumbnail--cover-back .spread-labels{justify-content:center}#grid-overview .spread-thumbnail--band-open .spread-page-label{visibility:hidden}#grid-overview .spread-drag-ghost img{width:280px;height:140px}#grid-overview .book-actions-cell{display:flex;border:1px solid var(--border);background:var(--sidebar-bg);border-radius:6px;flex-direction:column;align-self: start;gap:8px;margin:4px 0;padding:10px}#grid-overview .book-actions-cell__heading{color:var(--fg);font-family:Nunito,sans-serif;font-size:15px;font-weight:700}#grid-overview .book-actions-cell__panel .auto-fill-panel{background:0 0;border:none;padding:0}#activity-bar{display:flex;background:var(--sidebar-bg);border-right:1.5px solid var(--border);position:relative;z-index:20;flex-direction:column;align-items: center;gap:10px;padding:36px 0 12px}.activity-btn{display:flex;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items: center;width:40px;height:40px;padding:0;transition:background .15s,transform .15s,color .15s}.activity-btn:hover{background:var(--bg);transform:scale(1.05)}.activity-btn--active{background:var(--tint-accent);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);border-color:#0000;border-radius:0 8px 8px 0}.activity-btn[data-panel=photos]{color:var(--accent)}.activity-btn[data-panel=layout]{color:var(--cyan)}.activity-btn[data-panel=text]{color:var(--orange)}.activity-btn[data-panel=shapes]{color:var(--purple)}#panel{background:var(--sidebar-bg);border-right:1.5px solid var(--border);overflow-y:auto;display:flex;scrollbar-width:thin;scrollbar-color:var(--border)transparent;flex-direction:column}#panel::-webkit-scrollbar{width:4px}#panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}#panel:before{content:"";position:sticky;z-index:1;display:block;background:linear-gradient(to bottom,var(--sidebar-bg)10px,transparent 30px);pointer-events:none;flex-shrink:0;height:30px;margin-bottom:-30px;top:0}#panel.hidden{display:none}#hand-bar{position:sticky;z-index:2;display:flex;background:var(--sidebar-bg);border-top:1px solid var(--border);color:var(--text);flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;margin-top:auto;padding:8px 10px 10px;font-size:12px;bottom:0}#hand-bar[hidden]{display:none}.hand-bar__count{color:var(--text-muted,var(--text));font-size:11px;font-weight:500}.hand-bar__tiles{display:flex;flex-wrap:wrap;gap:6px}.hand-bar__tile{position:relative;flex:none;width:40px;height:40px}.hand-bar__tile-thumb{display:block;border:1px solid var(--border);box-sizing:border-box;background:var(--bg);object-fit:cover;border-radius:4px;width:100%;height:100%}.hand-bar__tile-thumb--item{display:flex;color:var(--text);justify-content:center;align-items: center}.hand-bar__tile-thumb--frame{color:var(--muted,#888)}.hand-bar__tile-thumb--frame svg{width:24px;height:24px}.hand-bar__tile-thumb--text{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.hand-bar__tile-thumb--shape svg{display:block;width:28px;height:28px}.hand-bar__tile-remove{position:absolute;color:#fff;cursor:pointer;display:flex;opacity:0;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items: center;width:16px;height:16px;padding:0;transition:opacity .1s;font-size:14px;font-weight:700;line-height:1;top:-6px;right:-6px}.hand-bar__tile:hover .hand-bar__tile-remove{opacity:1}.hand-bar__tile-remove:focus-visible{opacity:1}.hand-bar__tile-remove:hover{background:#000000e6}.hand-bar__clear{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:4px;align-self: flex-end;padding:3px 8px;font-size:11px}.hand-bar__clear:hover{background:var(--hover-bg,#0000000f)}.panel-content{flex:1;padding:28px 10px 12px}.panel-placeholder{color:var(--muted);font-size:13px}#canvas-area{position:relative;display:flex;background-color:var(--canvas-bg);background-image:radial-gradient(circle,var(--dot-pattern)1px,transparent 1px);overflow:hidden;background-size:24px 24px;justify-content:center;align-items: center}#canvas-area[hidden]{display:none}#spread-canvas{position:absolute;touch-action:none;inset:0}#preview-area{position:relative;grid-column:-2/-1;grid-row:1;overflow:hidden;background-color:var(--canvas-bg);min-width:0;height:100%;min-height:0}#preview-area[hidden]{display:none}#preview-nav{position:absolute;display:flex;background:var(--bg);pointer-events:none;z-index:1;border-radius:999px;align-items: center;gap:10px;padding:4px 10px;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000002e}.preview-nav__label{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px;font-size:13px}.preview-nav__label--left{text-align:right}.preview-nav__label--right{text-align:left}.preview-nav__btns{display:flex;align-items: center;gap:2px}.preview-nav__counter{text-align:center;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:44px;font-size:13px}.preview-nav__btn{pointer-events:auto;cursor:pointer;color:var(--text-secondary);outline:none;background:0 0;border:none;border-radius:6px;padding:2px 10px;font-size:24px;line-height:1}.preview-nav__btn:hover:not(:disabled){color:var(--text);background:var(--surface-hover,#0000000d)}.preview-nav__btn:disabled{opacity:.3;cursor:default}.preview-end-actions{position:absolute;container-type:size;pointer-events:none;z-index:1;inset:0}.preview-end-actions[hidden]{display:none}.preview-end-actions__col{position:absolute;display:flex;animation:preview-end-actions-in .25s ease .35s both;flex-direction:column;align-items: center;gap:10px;padding:0 16px;top:50%;left:calc(50% + min(100cqw - 48px,200cqh - 96px)/4);right:0;transform:translateY(-50%)}@keyframes preview-end-actions-in{0%{opacity:0}to{opacity:1}}.preview-end-actions__btn{pointer-events:auto;font:inherit;cursor:pointer;border-radius:8px;width:100%;max-width:220px;padding:10px 14px;font-size:14px;font-weight:700}.preview-end-actions__btn--secondary{border:1px solid var(--border);background:var(--bg);color:var(--dark)}.preview-end-actions__btn--secondary:hover{border-color:var(--accent);color:var(--accent)}#app[data-view=preview] #workspace{grid-template-columns:1fr}#app[data-view=preview] #activity-bar,#app[data-view=preview] #panel,#app[data-view=preview] #btn-undo,#app[data-view=preview] #btn-redo{display:none}#app[data-view=preview] #preview-area{grid-column:1/-1}#app:not([data-view=spread]) #toggle-bleed-overlay,#app:not([data-view=spread]) #toggle-snap-to-grid{display:none}.canvas-scrollbar{position:absolute;overflow-y:auto;overflow-x:hidden;z-index:2;scrollbar-width:thin;scrollbar-color:var(--muted)transparent;width:12px;top:0;bottom:0;right:0}.canvas-scrollbar::-webkit-scrollbar{width:8px}.canvas-scrollbar::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}.canvas-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--dark)}#canvas-loading{position:absolute;display:flex;background:var(--canvas-bg);color:var(--muted);z-index:10;flex-direction:column;justify-content:center;align-items: center;gap:12px;font-size:13px;inset:0}#canvas-loading.hidden{display:none}.canvas-loading__spinner{border:3px solid var(--border);border-top-color:var(--muted);animation:canvas-spin .8s linear infinite;border-radius:50%;width:28px;height:28px}@keyframes canvas-spin{to{transform:rotate(360deg)}}#canvas-context-menu{position:absolute;display:none;background:var(--sidebar-bg);border:1.5px solid var(--border);z-index:11;box-shadow:0 4px 16px var(--shadow-color);border-radius:10px;min-width:160px;padding:4px}#canvas-context-menu.visible{display:block}#item-panel{position:absolute;display:flex;background:var(--sidebar-bg);border:1.5px solid var(--border);box-shadow:0 4px 16px var(--shadow-color);z-index:10;pointer-events:auto;border-radius:10px;flex-direction:column;width:170px}.item-panel-close{position:absolute;color:var(--muted);cursor:pointer;display:flex;background:0 0;border:none;border-radius:4px;justify-content:center;align-items: center;width:20px;height:20px;padding:0;font-size:16px;line-height:1;top:2px;right:2px}.item-panel-close:hover{background:var(--hover-bg);color:var(--dark)}#item-panel.hidden{display:none}.item-panel-count{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:4px;padding-top:2px;font-size:11px;font-weight:700}button{background:var(--bg);color:var(--dark);border:1.5px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px;transition:background .15s,border-color .15s,color .15s;font-family:Nunito,sans-serif;font-size:13px;font-weight:600}:focus:not(:focus-visible){outline:none}:focus-visible{outline:1px solid color-mix(in srgb,var(--accent)30%,transparent);outline-offset:2px;position:relative;z-index:1}button:hover{background:var(--hover-bg)}.btn-primary{background:var(--accent);color:#fff;border:none;font-weight:700}[data-theme=dark] .btn-primary{color:#1c1820}.btn-primary:hover{background:var(--accent);filter:brightness(.88)}[data-theme=dark] .btn-primary:hover{filter:brightness(1.12)}#btn-undo,#btn-redo{display:inline-flex;color:var(--muted);background:0 0;border:none;justify-content:center;align-items: center;gap:5px;padding:6px 8px}#btn-undo .btn-label{font-size:13px;font-weight:600;transform:translateY(1px)}#btn-undo:hover,#btn-redo:hover{color:var(--dark);background:var(--bg)}#btn-undo:disabled,#btn-redo:disabled{opacity:.3;cursor:default}.toggle-switch{display:inline-flex;cursor:pointer;color:var(--dark);align-items: center;gap:6px;font-size:13px}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch__track{display:inline-block;background:var(--border);position:relative;border-radius:8px;flex-shrink:0;width:28px;height:16px;transition:background .15s}.toggle-switch__track:after{content:"";position:absolute;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;top:2px;left:2px}.toggle-switch input:checked+.toggle-switch__track{background:var(--accent)}.toggle-switch input:checked+.toggle-switch__track:after{transform:translate(12px)}.menu-item{display:flex;color:var(--dark);text-align:left;cursor:pointer;text-decoration:none;background:0 0;border:none;border-radius:4px;align-items: center;gap:0;width:100%;padding:5px 8px;transition:background .15s;font-family:Nunito,sans-serif;font-size:13px;font-weight:600}.menu-item:hover{background:var(--hover-bg)}.menu-item__check{color:var(--accent);flex-shrink:0;width:18px;font-size:13px}.menu-item__check:before{content:"✓";visibility:hidden}.menu-item[aria-checked=true] .menu-item__check:before{visibility:visible}.menu-item__label{flex:1}.menu-item kbd{color:var(--muted);margin-left:16px;font-family:Nunito,sans-serif;font-size:11px}.menu-theme-row{display:flex;align-items: center;gap:8px;padding:5px 8px}.menu-theme-label{color:var(--muted);flex-shrink:0;font-size:13px;font-weight:600}.menu-theme-row .tool-option-btns{flex:1}.spread-insert-before,.spread-insert-after{display:none;position:absolute;background:var(--border);color:var(--muted);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items: center;width:18px;height:18px;padding:0;transition:background .15s,color .15s,transform .15s;font-size:14px;line-height:1;top:50%;transform:translateY(-50%)}.spread-thumbnail--active .spread-insert-before,.spread-thumbnail--active .spread-insert-after{display:flex}.spread-insert-before{left:-20px}.spread-insert-after{right:-20px}.spread-insert-before:hover,.spread-insert-after:hover{background:var(--accent);color:#fff;transform:translateY(-50%)scale(1.15)}.spread-delete-btn{display:none;position:absolute;color:#fff;cursor:pointer;z-index:10;background:#a89f96e6;border:none;border-radius:50%;justify-content:center;align-items: center;width:16px;height:16px;padding:0;transition:background .15s;font-size:11px;line-height:1;top:-5px;right:-5px}.spread-delete-btn:hover{background:#ef233ce6}.spread-thumbnail--active .spread-delete-btn{display:flex}.spread-thumbnail{position:relative;border:2px solid #0000;border-radius:6px;flex-shrink:0;margin:4px 0;padding:2px;transition:transform .15s}.spread-thumbnail:hover:not(.spread-thumbnail--active){border-color:#378add66}.spread-thumbnail--active{border-color:var(--accent)}.spread-thumbnail--drag-over{background:var(--tint-accent);border-color:var(--accent)}.spread-thumbnail--drop-before:before,.spread-thumbnail--drop-after:after{content:"";position:absolute;background:var(--accent);border-radius:2px;width:3px;top:0;bottom:0}.spread-thumbnail--drop-before:before{left:-19.5px}.spread-thumbnail--drop-after:after{right:-19.5px}.spread-thumbnail--dragging{opacity:.3}.grid-item-drag-ghost{position:fixed;pointer-events:none;background:var(--accent);z-index:9999;opacity:.7;border-radius:50%;width:8px;height:8px;transform:translate(-50%,-50%)}.spread-drag-ghost{position:fixed;pointer-events:none;opacity:.85;z-index:9999;border-radius:4px;transform:translate(-50%,-50%)scale(.9);box-shadow:0 4px 16px #00000026}.spread-drag-ghost img{display:block;border-radius:4px;width:138px;height:69px}.spread-move-hint{position:fixed;z-index:10000;pointer-events:none;background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.spread-preview{display:block;box-shadow:0 1px 4px var(--shadow-color),0 0 0 1px var(--border);border-radius:3px;width:138px;height:69px}.spread-labels{position:absolute;display:flex;justify-content:space-between;bottom:2px;left:2px;right:2px}.spread-page-label{text-align:center;color:var(--muted);background:var(--page-label-bg);border-radius:3px;flex:1;margin:0 1px;padding:1px 4px;font-size:10px;font-weight:700}.spread-thumbnail--active .spread-page-label{color:var(--accent)}#panel-photos:not([hidden]){display:flex;flex-direction:column}#add-photos-wrapper{margin-bottom:14px}#btn-upload-photos{display:flex;border-radius:8px;justify-content:center;align-items: center;gap:6px;width:100%;padding:8px 12px;box-shadow:0 2px 8px #378add40}#btn-upload-photos[hidden]{display:none}#desktop-import-progress:not([hidden]){display:flex;border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items: center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600}.import-progress{background:var(--border);overflow:hidden;border-radius:2px;width:100%;height:4px}.import-progress__fill{background:var(--accent);border-radius:2px;height:100%;transition:width .2s}#phone-upload-progress:not([hidden]){margin-top:6px}.phone-upload-toggle{display:block;color:var(--muted);cursor:pointer;background:0 0;border:none;width:100%;margin-top:6px;padding:4px 0;font-size:12px}.phone-upload-toggle[hidden]{display:none}.phone-upload-toggle:hover{color:var(--dark)}#phone-upload-caption,#desktop-drop-hint{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}#photo-count-hint{color:var(--muted);text-align:center;margin:14px 0 10px;font-size:12px}#photo-count-hint:empty{display:none}#photo-frames-hint{color:var(--muted);text-align:center;margin:-4px 0 10px;font-size:12px}#photo-frames-hint:empty{display:none}#photo-filter{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}#btn-manage-photos[hidden]{display:none}#btn-manage-photos{display:flex;background:var(--bg);border:1.5px solid var(--border);color:var(--dark);cursor:pointer;border-radius:8px;justify-content:center;align-items: center;gap:6px;width:100%;margin-bottom:14px;padding:7px 0;transition:border-color .15s,color .15s;font-size:12px;font-weight:600}#btn-manage-photos:hover{border-color:var(--accent);color:var(--accent)}#btn-delete-all-aside[hidden]{display:none}#btn-delete-all-aside{display:flex;background:var(--bg);border:1.5px solid var(--border);color:var(--dark);cursor:pointer;border-radius:8px;justify-content:center;align-items: center;gap:6px;width:100%;margin-bottom:14px;padding:7px 0;transition:border-color .15s,color .15s;font-size:12px;font-weight:600}#btn-delete-all-aside:hover{color:#dc2626;border-color:#dc2626}#photo-filter[hidden]{display:none}.filter-btn{background:var(--bg);border:1.5px solid var(--border);color:var(--muted);cursor:pointer;border-radius:999px;flex:0 auto;padding:4px 11px;transition:background .15s,border-color .15s,color .15s;font-size:11px}.filter-btn:hover{color:var(--dark)}.filter-btn--active{background:var(--tint-accent);border-color:var(--accent);color:var(--accent)}.filter-btn--icon{display:flex;flex:none;justify-content:center;align-items: center;padding:4px 9px}#photo-grid{display:grid;grid-template-columns:repeat(2,1fr);touch-action:pan-y;gap:4px}.photo-item{position:relative;cursor:pointer}.photo-thumbnail{aspect-ratio:1;object-fit:cover;border:1px solid var(--photo-border);display:block;-webkit-touch-callout:none;-webkit-user-drag:none;border-radius:5px;width:100%;transition:filter .15s,opacity .15s}.photo-item--used .photo-thumbnail{filter:saturate(.1)brightness(1.4);opacity:.35}.photo-item--rejected .photo-thumbnail{filter:grayscale(.4);opacity:.55}.photo-item--favourite .photo-thumbnail{border-color:#16a34a;box-shadow:0 0 0 1.5px #16a34a}#panel:not(.panel--scrolling) .photo-item:hover .photo-thumbnail,#panel .photo-item--pointer .photo-thumbnail{filter:none;opacity:.85}.photo-item--thumb-loading{aspect-ratio:1;background:var(--border);animation:photo-loading-pulse 1.2s ease-in-out infinite;border-radius:5px}.photo-item--thumb-loading .photo-thumbnail{display:none}.photo-item--loading{aspect-ratio:1;background:var(--border);animation:photo-loading-pulse 1.2s ease-in-out infinite;display:flex;border-radius:5px;justify-content:center;align-items: center}.photo-item--loading span{color:var(--muted);pointer-events:none;font-size:9px}@keyframes photo-loading-pulse{0%,to{background:var(--border)}50%{background:var(--loading-pulse-mid)}}.queue-badge{position:absolute;display:flex;background:var(--accent);color:#fff;pointer-events:none;z-index:1;border-radius:50%;justify-content:center;align-items: center;width:20px;height:20px;font-size:11px;font-weight:700;top:4px;left:4px}.queue-cursor{position:fixed;pointer-events:none;z-index:9999}.queue-cursor__thumb{position:absolute;object-fit:cover;border:2px solid #fff;border-radius:5px;width:88px;height:88px;box-shadow:0 2px 8px #0000004d}.queue-cursor__thumb--layout{width:128px;height:64px}.photo-fly-canvas{position:fixed;z-index:9999;pointer-events:none;inset:0}.spread-preview-area--layout-pop{animation:layout-pop .32s cubic-bezier(.22,1,.36,1);transform-origin:center}@keyframes layout-pop{0%{transform:scale(.04);opacity:.4}to{transform:scale(1);opacity:1}}.queue-cursor__tile{display:flex;background:var(--sidebar-bg);color:var(--text);justify-content:center;align-items: center}.queue-cursor__tile--frame{color:var(--muted,#888)}.queue-cursor__tile--frame svg{width:48px;height:48px}.queue-cursor__tile--text{color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:500}.queue-cursor__tile--shape{padding:8px}.queue-cursor__tile--shape svg{display:block;width:100%;height:100%}.queue-cursor__count{position:absolute;display:flex;background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items: center;width:20px;height:20px;font-size:11px;font-weight:700;top:-8px;right:-8px}.queue-cursor__caption{position:absolute;white-space:nowrap;color:#fff;pointer-events:none;background:#000000c7;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;top:110px;left:0}.confirm-dialog{position:relative;border:1.5px solid var(--border);background:var(--bg);color:var(--dark);box-shadow:0 8px 32px var(--shadow-heavy);border-radius:10px;width:calc(100% - 32px);max-width:400px;margin:min(20vh,160px) auto auto;padding:24px;font-family:inherit}.confirm-dialog::backdrop{background:#000000ab}.confirm-dialog__message{margin:0 0 20px;font-size:14px;line-height:1.4}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog__cancel{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);cursor:pointer;border-radius:5px;padding:6px 14px;font-size:13px}.confirm-dialog__cancel:hover{background:var(--hover-bg)}.confirm-dialog__confirm{cursor:pointer;border-radius:5px;padding:6px 14px;font-size:13px}#receive-surface{display:none}html[data-receiving] #app{visibility:hidden}html[data-receiving] #receive-surface{display:block;position:fixed;z-index:500;background:var(--bg);inset:0}html[data-receiving] .feedback-fab{display:none}.handoff-dialog{position:relative;border:1.5px solid var(--border);background:var(--bg);color:var(--dark);box-shadow:0 8px 32px var(--shadow-heavy);border-radius:10px;width:calc(100% - 32px);max-width:400px;margin:min(20vh,160px) auto auto;padding:24px;font-family:inherit}.handoff-dialog::backdrop{background:#000000ab}.handoff-dialog__body{display:flex;flex-direction:column;gap:14px}.handoff-dialog__title{margin:0;font-size:18px;font-weight:700}.handoff-dialog__text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.handoff-dialog__code{letter-spacing:.12em;text-align:center;font-variant-numeric:tabular-nums;border:1.5px dashed var(--border);background:var(--hover-bg);border-radius:8px;padding:12px;font-size:34px;font-weight:700}.handoff-dialog__status{color:var(--text-secondary);margin:0;font-size:14px}.handoff-dialog__confirm-code{letter-spacing:.2em;text-align:center;font-variant-numeric:tabular-nums;border:2px solid var(--accent);color:var(--accent);border-radius:8px;padding:12px;font-size:40px;font-weight:700}.handoff-dialog__hint{color:var(--text-secondary);opacity:.75;margin:0;font-size:12px}.handoff-dialog__row{display:flex;gap:8px}.handoff-dialog__input{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;flex:auto;min-width:0;padding:10px 12px;font-family:inherit;font-size:20px}.handoff-dialog__error{color:#c0392b;margin:0;font-size:13px}.handoff-dialog__primary{padding:10px 16px;font-size:14px}.handoff-dialog__primary:disabled{opacity:.5;cursor:default}.handoff-dialog__primary:disabled:hover{filter:none}.handoff-dialog__cancel{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:13px}.handoff-dialog__cancel:hover{background:var(--hover-bg)}#handoff-pitch{grid-column:-2/-1;grid-row:1;overflow:auto;display:flex;background-color:var(--canvas-bg);background-image:radial-gradient(circle,var(--dot-pattern)1px,transparent 1px);background-size:24px 24px;justify-content:center;align-items: center;padding:24px}#handoff-pitch[hidden]{display:none}.handoff-pitch__card{display:flex;border:1.5px solid var(--border);background:var(--bg);box-shadow:0 8px 32px var(--shadow-heavy);text-align:center;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:28px 24px}.handoff-pitch__title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.handoff-pitch__text{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.handoff-pitch__continue{width:100%;padding:12px 16px;font-size:15px}.handoff-pitch__back{color:var(--text-secondary);cursor:pointer;text-decoration:underline;background:0 0;border:none;padding:8px 14px;font-size:14px}.cover-title-modal{border:1.5px solid var(--border);background:var(--bg);color:var(--dark);box-shadow:0 8px 32px var(--shadow-heavy);border-radius:10px;width:calc(100% - 32px);max-width:400px;margin:min(20vh,160px) auto auto;padding:24px;font-family:inherit}.cover-title-modal::backdrop{background:#000000ab}.cover-title-modal__title{margin:0 0 14px;font-size:18px;font-weight:700}.cover-title-modal__input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:16px}.cover-title-modal__row{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.cover-title-modal__cancel{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:10px 16px;font-size:14px}.cover-title-modal__cancel:hover{background:var(--hover-bg)}.cover-title-modal__save{padding:10px 16px;font-size:14px}.in-use-indicator{position:absolute;bottom:4px;right:4px}.in-use-dot{display:flex;border:1.5px solid var(--sidebar-bg);color:#78350f;background:#f59e0b;border-radius:50%;justify-content:center;align-items: center;width:16px;height:16px;font-size:9px;font-weight:700;line-height:1}.photo-action-btn{position:absolute;display:none;color:#fff;cursor:pointer;z-index:2;background:#0009;border:none;border-radius:50%;justify-content:center;align-items: center;width:20px;height:20px;padding:0;top:4px;right:4px}.photo-action-btn:hover{background:#000000d9}.photo-restore-btn,.photo-favourite-btn{left:4px;right:auto}.photo-favourite-btn--active{color:#4ade80}.photo-trash-btn:hover{background:#dc2626f2}.photo-item:not(.photo-item--rejected):not(.photo-item--thumb-loading):not(.photo-item--loading):hover .photo-favourite-btn,.photo-item:not(.photo-item--rejected):not(.photo-item--thumb-loading):not(.photo-item--loading):hover .photo-reject-btn,.photo-item--favourite .photo-favourite-btn,.photo-item--rejected:hover .photo-restore-btn,.photo-item--rejected:not(.photo-item--used):hover .photo-trash-btn{display:flex}#photo-grid:has(.queue-badge) .photo-action-btn{display:none}.photo-preview-popover{position:fixed;z-index:10000;background:var(--tooltip-bg);pointer-events:none;border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000059}.photo-preview-popover img{display:block;border-radius:4px;max-width:480px;max-height:480px}.photo-preview-popover__info{color:var(--tooltip-fg);display:flex;flex-direction:column;gap:1px;padding:8px 4px 6px;font-family:Nunito,sans-serif;font-size:11px;font-weight:600;line-height:1.4}.photo-preview-popover__row{white-space:nowrap}.photo-preview-popover__row--muted{opacity:.65;font-style:italic}.photo-preview-popover__row--filename{overflow:hidden;text-overflow:ellipsis;opacity:.7}.toast{position:fixed;display:flex;background:var(--tooltip-bg);color:var(--tooltip-fg);z-index:10001;border-radius:8px;align-items: center;gap:12px;padding:8px 8px 8px 16px;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.toast__action{color:var(--accent);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-weight:700}.toast__action:hover{background:#ffffff1a}.coach-mark{position:fixed;z-index:10001;background:var(--accent);color:#fff;pointer-events:none;animation:coach-mark-bob 1.6s ease-in-out infinite;border-radius:8px;max-width:260px;padding:8px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;line-height:1.4;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .coach-mark{color:#1c1820}.coach-mark:before{content:"";position:absolute;border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:7px solid var(--accent);width:0;height:0;top:-6px;left:14px}.coach-mark--right:before{left:auto;right:14px}@keyframes coach-mark-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}#layout-scope{display:flex;position:sticky;z-index:1;background:var(--sidebar-bg);gap:4px;padding:20px 8px 8px;top:0}.layout-grid{display:flex;flex-direction:column;gap:4px;padding:8px}.layout-group{display:flex;flex-direction:column;gap:4px}.layout-group-header{color:var(--muted);position:sticky;background:var(--sidebar-bg);z-index:1;padding:8px 2px 2px;font-size:11px;font-weight:600;top:0}.layout-group-items{display:flex;flex-direction:column;gap:4px}.layout-btn.layout-btn--collapsed{display:none}.layout-group--expanded .layout-btn.layout-btn--collapsed{display:flex}.layout-more{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:stretch;padding:4px;transition:background .15s;font-size:11px;font-weight:600}.layout-more:hover{background:var(--hover-bg)}.layout-btn{display:flex;color:var(--muted);background:var(--bg);border:1.5px solid var(--border);border-radius:6px;flex-direction:column;align-items: center;gap:4px;padding:3px 4px;transition:background .15s,border-color .15s,color .15s;font-size:11px}.layout-btn img{border-radius:3px;width:100%;height:auto}.layout-btn:hover{color:var(--dark);background:var(--hover-bg)}.layout-btn--active{border-color:var(--accent);color:var(--accent);background:var(--tint-accent)}.insert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}[data-insert]{touch-action:none}.insert-btn{display:flex;color:var(--dark);background:var(--bg);border:1.5px solid var(--border);cursor:pointer;border-radius:6px;flex-direction:column;align-items: center;gap:4px;padding:10px 4px;transition:background .15s,border-color .15s,color .15s;font-size:11px}.insert-btn:hover{color:var(--accent);background:var(--tint-accent);border-color:var(--accent)}.photo-frame-btn{display:flex;aspect-ratio:1;cursor:pointer;border:1.5px dashed var(--border);background:var(--bg);color:var(--dark);border-radius:5px;flex-direction:column;justify-content:center;align-items: center;gap:4px;padding:6px;transition:background .15s,color .15s,border-color .15s;font-size:12px}.photo-frame-btn:hover{color:var(--accent);background:var(--tint-accent);border-color:var(--accent)}.photo-frame-btn__label-wide{display:none}#photo-grid:not(:has(.photo-item:not([hidden]))) .photo-frame-btn{grid-column:1/-1;aspect-ratio:auto;padding:16px 8px}#photo-grid:not(:has(.photo-item:not([hidden]))) .photo-frame-btn .photo-frame-btn__label-compact{display:none}#photo-grid:not(:has(.photo-item:not([hidden]))) .photo-frame-btn .photo-frame-btn__label-wide{display:inline}.panel--drag-over{outline:2px dashed var(--accent);outline-offset:-2px;background:#378add0a}.auto-fill-panel{display:flex;border:1px solid var(--border);background:var(--sidebar-bg);border-radius:6px;flex-direction:column;gap:10px;padding:8px}.auto-fill-panel[hidden]{display:none}.app-tooltip{position:fixed;background:var(--tooltip-bg);color:var(--tooltip-fg);white-space:nowrap;pointer-events:none;z-index:10002;opacity:0;visibility:hidden;border-radius:6px;padding:4px 8px;transition:opacity .12s;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;line-height:1.4;top:0;left:0;box-shadow:0 4px 12px #00000040,0 2px 4px #0000002e}.app-tooltip--visible{opacity:1;visibility:visible}.app-tooltip--wide{white-space:normal;text-align:center;max-width:220px;font-weight:600}.auto-fill-panel__body{display:flex;flex-direction:column;gap:6px}.auto-fill-panel__action{border-radius:5px;padding:6px 8px;font-size:12px}.auto-fill-panel__hero{display:flex;flex-direction:column;align-items: center;gap:1px;padding:9px 8px;font-weight:700}.auto-fill-panel__hero-label{font-size:13px;line-height:1.2}.auto-fill-panel__hero-sub{opacity:.85;font-size:11px;font-weight:600}.auto-fill-panel{--afp-hero-h:50px;--afp-row-h:30px}.auto-fill-panel__hero-slot{display:flex;height:var(--afp-hero-h);flex:none}.auto-fill-panel__hero-slot>*{flex:1}.auto-fill-panel__importing{display:flex;border:1px dashed var(--border);color:var(--muted,var(--dark));opacity:.75;border-radius:8px;justify-content:center;align-items: center;font-size:12px;font-weight:600}.auto-fill-panel__row-slot{display:flex;height:var(--afp-row-h);flex:none;justify-content:center;gap:6px}.auto-fill-panel__action.auto-fill-panel__secondary{background:var(--bg);color:var(--dark);border:1px solid var(--border);filter:none;flex:1;font-weight:600}.auto-fill-panel__action.auto-fill-panel__secondary:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent)8%,var(--bg));filter:none}.auto-fill-panel__more-wrap{position:relative;display:flex;flex:none}.auto-fill-panel__more{display:flex;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:5px;justify-content:center;align-items: center;padding:0 10px}.auto-fill-panel__more:hover{color:var(--dark);border-color:var(--muted)}.auto-fill-panel__menu{position:absolute;z-index:10;display:flex;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:140px;padding:4px;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000002e}.auto-fill-panel__menu[hidden]{display:none}.auto-fill-panel__menu-item{text-align:left;color:var(--dark);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:12px}.auto-fill-panel__menu-item:hover{background:var(--bg)}.auto-fill-panel__menu-item--danger{color:var(--red)}.auto-fill-panel__menu-sep{background:var(--border);height:1px;margin:4px 0}.spread-actions-host{position:absolute;z-index:4;pointer-events:none}.spread-actions-host[hidden]{display:none}.end-card-host{position:absolute;z-index:4;display:flex;overflow:visible;pointer-events:none;flex-direction:column;justify-content:flex-start}.end-card-host[hidden]{display:none}.end-card-row{display:flex;justify-content:center;align-items: center;gap:clamp(20px,4vw,56px);min-height:0;max-height:100%}.end-card__cover-wrap{display:flex;pointer-events:none;flex-direction:column;flex:none;align-items: center;gap:8px}.end-card__cover-wrap[hidden]{display:none}.end-card__cover{box-shadow:0 4px 14px var(--shadow-color);border-radius:4px}.end-card__cover-label{color:var(--muted);font-size:12px;font-weight:600}.end-card{pointer-events:auto;box-sizing:border-box;overflow-y:auto;display:flex;background:var(--sidebar-bg);border:1px solid var(--border);box-shadow:0 8px 28px var(--shadow-color);text-align:center;border-radius:14px;flex-direction:column;flex:0 auto;gap:16px;width:min(440px,100%);min-width:min(360px,100%);max-height:100%;padding:24px}.end-card__title{color:var(--dark);font-family:Nunito,sans-serif;font-size:20px;font-weight:800}.end-card__checks{display:flex;flex-direction:column;gap:8px}.end-card__summary{margin:0;font-size:14px;font-weight:700}.end-card__checks--ready .end-card__summary{color:var(--green)}.end-card__checks--ready .end-card__summary:before{content:"✓ "}.end-card__checks--issues .end-card__summary{color:var(--orange)}.end-card__warnings{text-align:left;margin:0}.end-card .order-warning__list{overflow:visible;max-height:none}.end-card__actions{display:flex;flex-direction:column;gap:8px}.end-card__actions-secondary{display:flex;gap:8px}.end-card__actions-secondary .end-card__action{flex:1}.end-card__action{font:inherit;cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:700}.end-card__action--secondary{border:1px solid var(--border);background:var(--bg);color:var(--dark)}.end-card__action--secondary:hover{border-color:var(--accent);color:var(--accent)}.auto-design-banner{position:absolute;z-index:5;display:flex;background:var(--sidebar-bg);border:1px solid var(--border);box-shadow:0 6px 20px var(--shadow-color);border-radius:999px;align-items: center;gap:12px;max-width:calc(100% - 32px);padding:8px 8px 8px 18px;top:16px;left:50%;transform:translate(-50%)}.auto-design-banner[hidden]{display:none}.auto-design-banner__label{color:var(--dark);white-space:nowrap;font-size:14px;font-weight:700}.auto-design-banner__action{font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.auto-design-banner__dismiss{display:flex;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items: center;width:28px;height:28px;font-size:20px;line-height:1}.auto-design-banner__dismiss:hover{background:var(--bg);color:var(--dark)}@media (max-width:600px){.auto-design-banner__label{display:none}}.spread-actions-host__idle{pointer-events:auto}.spread-actions-host__idle[hidden],.spread-actions-host__active[hidden]{display:none}.spread-actions-host--compact .spread-actions{gap:4px}.spread-actions-host--compact .spread-actions__btn span{display:none}.spread-actions-host--compact .spread-actions__primary,.spread-actions-host--compact .spread-actions__secondary,.spread-actions-host--compact .spread-actions__more,.spread-actions-host--compact .spread-actions__density-btn{justify-content:center;width:22px;min-width:0;height:22px;padding:0}.spread-actions-host--compact .spread-actions-host__active{pointer-events:auto}.spread-actions-host--compact .active-strip{gap:4px}.spread-actions-host--compact .active-strip__bg,.spread-actions-host--compact .active-strip__on-top,.spread-actions-host--compact .active-strip__auto{cursor:pointer;width:22px;height:22px}.spread-actions-host--compact .active-strip__auto{overflow:hidden;font-size:0}.spread-actions-host--compact .active-strip__on-top svg{pointer-events:none;width:15px;height:12px}.spread-actions-host--compact .active-strip__bg svg{pointer-events:none;width:16px;height:8px}.spread-actions-host--compact .active-strip__auto:before{content:"";display:inline-block;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M7 1.5 L8.2 5.3 L12 6.5 L8.2 7.7 L7 11.5 L5.8 7.7 L2 6.5 L5.8 5.3 Z'/></svg>");mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentColor;width:14px;height:14px}.active-strip{display:inline-flex;align-items: center;gap:6px}.active-strip__bg,.active-strip__on-top,.active-strip__auto{display:inline-flex;box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items: center;height:26px;font-family:Nunito,sans-serif;font-weight:700}.active-strip__bg[hidden],.active-strip__on-top[hidden],.active-strip__auto[hidden]{display:none}.active-strip--layout .active-strip__bg[data-overlay-target=bg-spread]{order:1}.active-strip--layout .active-strip__bg[data-overlay-target=bg-right]{order:2}.active-strip--single-page .active-strip__auto{order:0}.active-strip--single-page .active-strip__title{order:1}.active-strip--single-page .active-strip__bg{order:2}.active-strip--single-page .active-strip__on-top{order:3}.active-strip__bg{background:#464e56eb;border:1.5px solid #fff9;width:41px}.active-strip__auto{color:#fff;background:#00b4d8f2;border:2px solid #00b4d8;width:110px;font-size:13px}.active-strip__bg.is-hovered,.spread-actions-host--compact .active-strip__bg:hover{background:#464e56;border-width:2px;border-color:#00b4d8}.active-strip__on-top{background:#464e56eb;border:1.5px solid #fff9;width:41px;margin-left:8px}.spread-actions-host--compact .active-strip__on-top{margin-left:6px}.active-strip__on-top svg{pointer-events:none}.active-strip__on-top.is-hovered,.spread-actions-host--compact .active-strip__on-top:hover{background:#464e56;border-width:2px;border-color:#00b4d8}.active-strip__auto.is-hovered,.spread-actions-host--compact .active-strip__auto:hover{filter:brightness(1.08);background:#00b4d8}.spread-actions{display:inline-flex;align-items: center;gap:6px;font-family:Nunito,sans-serif}.spread-actions button{display:inline-flex;cursor:pointer;white-space:nowrap;border:none;align-items: center;gap:6px;font-family:inherit;font-weight:700}.spread-actions button[hidden]{display:none}.spread-actions__cover-title{color:#a89f96;white-space:nowrap;padding:0 10px;font-size:13px;font-weight:700}.spread-actions__primary{color:#fff;background:#00b4d8;border-radius:7px;justify-content:center;min-width:132px;height:26px;padding:0 14px;font-size:13px}.spread-actions__primary:hover{filter:brightness(1.08);background:#00b4d8}.spread-actions__secondary{color:#fff;background:#464e56eb;border-radius:7px;height:26px;padding:0 11px;font-size:12px}.spread-actions__secondary:hover{background:#464e56}.spread-actions__density{display:inline-flex;gap:2px}.spread-actions__density-btn{color:#fff;background:#464e56eb;border-radius:7px;justify-content:center;width:26px;height:26px;padding:0}.spread-actions__density-btn:hover:not(:disabled){background:#464e56}.spread-actions__density-btn:disabled{opacity:.4;cursor:default;background:#464e56eb}.spread-actions__more-wrap{position:relative;display:inline-flex}.spread-actions__more{color:#fff;background:#464e56eb;border-radius:7px;justify-content:center;width:26px;height:26px;padding:0}.spread-actions__more:hover{background:#464e56}.spread-actions__more[aria-expanded=true]{background:#00b4d8}.spread-actions__menu{position:absolute;z-index:50;display:flex;background:var(--bg);border:1px solid var(--border);box-shadow:0 6px 20px var(--shadow-color);border-radius:8px;flex-direction:column;gap:2px;min-width:184px;padding:6px;bottom:calc(100% + 6px);right:0}.spread-actions__menu[hidden]{display:none}.spread-actions-host--compact .spread-actions__menu{top:calc(100% + 6px);bottom:auto}.spread-actions-host--compact.spread-actions-host--menu-side-right .spread-actions__menu{inset:auto auto 0 calc(100% + 6px)}.spread-actions-host--compact.spread-actions-host--menu-side-left .spread-actions__menu{inset:auto calc(100% + 6px) 0 auto}.spread-actions-host--compact.spread-actions-host--menu-align-left .spread-actions__menu{left:0;right:auto}.spread-actions__menu-item{color:var(--dark);background:0 0;border-radius:5px;justify-content:flex-start;height:30px;padding:0 10px;font-size:12px;font-weight:600}.spread-actions__menu-item:disabled{color:var(--muted);cursor:not-allowed}.spread-actions__menu-item--danger{color:#d6455d}.spread-actions__menu-sep{border-top:1px solid var(--border);margin:4px 2px}.spread-actions__page-toggle{display:flex;flex-direction:column;gap:4px;padding:2px 2px 0}.spread-actions__page-caption{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10px;font-weight:700}.spread-actions__page-segs{display:flex;background:var(--hover-bg);border-radius:6px;gap:2px;padding:2px}.spread-actions__page-seg{color:var(--dark);background:0 0;border-radius:4px;flex:1;height:26px;padding:0 6px;font-size:12px;font-weight:600}.spread-actions__page-seg[aria-pressed=true]{background:var(--bg);box-shadow:0 1px 2px var(--shadow-color)}.spread-actions__page-seg:disabled{color:var(--muted);cursor:not-allowed}.tool-section{border-bottom:1.5px solid var(--border);padding:8px}.tool-section:last-child{border-bottom:none}.tool-label{color:var(--dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:700}.tool-input{background:var(--bg);border:1.5px solid var(--border);color:var(--dark);box-sizing:border-box;border-radius:5px;width:100%;padding:4px 6px;transition:border-color .15s;font-family:Nunito,sans-serif;font-size:13px}.tool-input:focus{outline:none;border-color:var(--accent)}select.tool-input,.tool-section select{cursor:pointer;appearance:none;background-color:var(--bg);border:1.5px solid var(--border);color:var(--dark);background-image:var(--select-arrow);background-position:right 7px center;background-repeat:no-repeat;border-radius:5px;padding:4px 24px 4px 6px;font-family:Nunito,sans-serif;font-size:13px}.tool-section select:focus{outline:none;border-color:var(--accent)}.tool-section input[type=number]{background:var(--bg);border:1.5px solid var(--border);color:var(--dark);box-sizing:border-box;appearance:textfield;-moz-appearance:textfield;border-radius:5px;width:64px;padding:4px 6px;font-family:Nunito,sans-serif;font-size:13px}.tool-section input[type=number]:focus{outline:none;border-color:var(--accent)}.tool-section input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.tool-section input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=color].tool-input,.tool-section input[type=color]{appearance:none;-webkit-appearance:none;cursor:pointer;background:var(--bg);border:1.5px solid var(--border);border-radius:5px;height:30px;padding:2px 3px}input[type=color].tool-input::-webkit-color-swatch-wrapper{padding:0}.tool-section input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color].tool-input::-webkit-color-swatch{border:none;border-radius:3px}.tool-section input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.tool-row{display:flex;justify-content:space-between;align-items: center;gap:4px;margin-bottom:4px}.tool-row:last-child{margin-bottom:0}.tool-row-label{color:var(--muted);flex-shrink:0;font-size:11px}.tool-row .tool-input{flex:1;width:auto}.tool-option-btns{display:flex;flex-wrap:wrap;gap:2px}.tool-option-btn{background:var(--bg);border:1.5px solid var(--border);color:var(--muted);cursor:pointer;border-radius:5px;flex:1;padding:3px 2px;transition:background .15s,border-color .15s,color .15s;font-size:11px}.tool-option-btn svg{display:block;margin:0 auto}.tool-option-btn:has(svg){line-height:0}.tool-option-btn:hover{background:var(--hover-bg);color:var(--dark)}.tool-option-btn--active,.tool-option-btn--active:hover{border-color:var(--accent);color:var(--accent);background:var(--tint-accent)}.tool-info{color:var(--muted);padding:4px 0;font-size:11px}.tool-info--warning{color:#b45309}[data-theme=dark] .tool-info--warning{color:#fbbf24}.canvas--drag-over{outline:3px dashed var(--accent);outline-offset:-3px}.bg-mode-toggle{display:flex;gap:2px;margin-bottom:8px}.bg-mode-btn{background:var(--bg);border:1.5px solid var(--border);color:var(--muted);cursor:pointer;border-radius:999px;flex:1;padding:4px;transition:background .15s,border-color .15s,color .15s;font-size:11px}.bg-mode-btn:hover{background:var(--hover-bg);color:var(--dark)}.bg-mode-btn--active{background:var(--tint-accent);border-color:var(--accent);color:var(--accent)}.bg-section{margin-bottom:12px}.bg-photo-zone{position:relative;overflow:hidden;border-radius:4px;margin:6px 0}.bg-photo-zone--empty{border:1.5px dashed var(--border)}.bg-photo-zone--drag-over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bg-preview-canvas{display:block;width:100%}.bg-drop-hint{position:absolute;display:flex;color:var(--muted);pointer-events:none;justify-content:center;align-items: center;font-size:11px;inset:0}.bg-clear-btn{background:var(--bg);border:1.5px solid var(--border);color:var(--muted);cursor:pointer;border-radius:5px;padding:2px 5px;transition:background .15s,color .15s;font-size:12px;line-height:1}.bg-clear-btn:hover{background:var(--hover-bg);color:var(--dark)}.bg-remove-photo-btn{background:var(--bg);border:1.5px solid var(--border);color:var(--muted);cursor:pointer;border-radius:5px;width:100%;padding:4px;transition:background .15s,color .15s;font-size:11px}.bg-remove-photo-btn:hover{background:var(--hover-bg);color:var(--dark)}.bg-zoom-slider{accent-color:var(--accent);flex:1}.menu-item--danger{color:var(--red)}.menu-item--danger:hover{background:var(--tint-danger)}#keyboard-shortcuts-dialog,#confirm-delete-book,#order-status-dialog,#order-dialog{position:relative;border:1.5px solid var(--border);box-shadow:0 8px 32px var(--shadow-heavy);background:var(--bg);color:var(--dark);overflow:hidden;border-radius:10px;width:calc(100% - 32px);max-width:360px;max-height:calc(100vh + -1*min(12vh,80px) - 16px);margin:min(12vh,80px) auto auto;padding:0;font-family:inherit}#order-status-dialog{max-width:420px}.dialog-body{position:relative;overflow-y:auto;max-height:calc(100vh + -1*min(12vh,80px) - 16px);padding:28px}#keyboard-shortcuts-dialog::backdrop{background:#000000ab}#confirm-delete-book::backdrop{background:#000000ab}#order-status-dialog::backdrop{background:#000000ab}#order-dialog::backdrop{background:#000000ab}.dialog-title{margin:0 0 16px;font-size:18px;font-weight:700}.confirm-dialog__message{margin-bottom:12px;font-size:14px;line-height:1.5}.dialog-close{position:absolute;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1;top:12px;right:12px}.dialog-close:hover{color:var(--dark)}#keyboard-shortcuts-dialog{max-width:680px}.shortcuts-columns{display:flex;gap:32px}.shortcuts-columns>.shortcuts-list{flex:1}.shortcuts-list{display:flex;flex-direction:column;gap:16px;margin:0}.shortcuts-group dt{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700}.shortcuts-group dd{margin:0 0 8px;font-size:13px}.shortcuts-group dd:last-child{margin-bottom:0}.shortcuts-list kbd{display:inline-block;text-align:center;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:4px;min-width:22px;margin-right:4px;padding:1px 6px;font-family:inherit;font-size:11px}#order-dialog{max-width:840px}.order-preview{margin:4px 0 20px}.order-preview__host{position:relative;background:var(--canvas-bg);overflow:hidden;border-radius:8px;width:100%;height:clamp(200px,38vh,360px)}.book-preview--pulse{animation:book-preview-pulse .32s ease-in-out}@keyframes book-preview-pulse{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}.order-preview__edit{grid-column:3;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:999px;justify-self:end;padding:5px 12px;font-size:12px;font-weight:600}.order-preview__edit:hover{background:var(--surface-hover,#0000000d)}.order-preview__nav{display:grid;grid-template-columns:1fr auto 1fr;align-items: center;margin-top:8px}.order-preview__nav-pages{grid-column:2;display:flex;justify-content:center;align-items: center;gap:10px}.order-sections{display:flex;gap:0}.order-section{flex:1;min-width:0}.order-divider{background:var(--border);flex-shrink:0;width:1px;margin:0 24px}.order-details__title{margin:0 0 12px;font-size:13px;font-weight:700}.order-details__list{list-style:none;margin:0 0 16px;padding:0;font-size:13px;line-height:1.6}.order-details__list li{position:relative;padding-left:18px}.order-details__list li:before{content:"✓";position:absolute;color:var(--accent);font-weight:700;left:0}.order-details__price{color:var(--accent);margin:0 0 20px;font-size:14px;font-weight:700}.order-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.order-warning__heading{margin:0 0 12px;font-size:14px;font-weight:700;line-height:1.4}.order-warning__list{list-style:none;overflow-y:auto;overflow-x:hidden;max-height:min(50vh,400px);margin:0 0 20px;padding:0;font-size:13px;line-height:1.5}.order-warning__list>li{position:relative;margin-bottom:6px;padding-left:20px}.order-warning__list>li:before{content:"⚠";position:absolute;color:var(--orange);font-size:13px;top:0;left:0}.order-warning__list summary{cursor:pointer;list-style:none;user-select:none;display:flex;border-radius:5px;align-items: center;gap:6px;margin-left:-20px;padding:3px 8px 3px 20px}.order-warning__list summary:hover{background:var(--hover-bg)}.order-warning__list summary::-webkit-details-marker{display:none}.order-warning__list summary:after{content:"▸";color:var(--dark);margin-left:auto;transition:transform .12s;font-size:13px}.order-warning__list details[open] summary:after{transform:rotate(90deg)}.order-warning__details{list-style:none;margin:0;padding:6px 0 4px}.order-warning__details li{padding:2px 0;font-size:13px}.order-warning__jump{font:inherit;color:var(--accent);cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0}.order-warning__jump:hover{filter:brightness(.85);background:0 0}.order-warning__list>li>.order-warning__jump{color:inherit;text-decoration:none;cursor:pointer}.order-warning__list>li>.order-warning__jump:hover{text-decoration:underline;text-underline-offset:2px;filter:none}.order-field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.order-field input,.order-field textarea{border:1px solid var(--border);font:inherit;background:var(--sidebar-bg);color:var(--dark);border-radius:6px;padding:8px 10px;transition:border-color .15s;font-size:13px;font-weight:400}.order-field input:focus,.order-field textarea:focus{outline:none;border-color:var(--accent)}.order-field input:disabled{opacity:.5}.order-source-prompt{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;font-size:12px;font-weight:400}.order-source-prompt__label{font-weight:600}.order-source-prompt select,.order-source-prompt input{border:1px solid var(--border);font:inherit;background:var(--sidebar-bg);color:var(--dark);border-radius:6px;padding:6px 8px;font-size:12px}.order-source-prompt__actions{display:flex;align-items: center;gap:10px}.order-source-prompt__dismiss{color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.order-status-pill{display:inline-flex;border:1px solid var(--green,#2e7d32);background:color-mix(in srgb,var(--green,#2e7d32)12%,transparent);color:var(--green,#2e7d32);cursor:pointer;border-radius:999px;align-items: center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600}.order-status-pill[hidden]{display:none}.order-checks-pass{display:flex;align-items: center;gap:10px;margin:0 0 20px}.order-checks-pass[hidden]{display:none}.order-checks-pass__tick{background:var(--green);color:#fff;display:flex;border-radius:50%;flex:none;justify-content:center;align-items: center;width:24px;height:24px;font-size:15px;font-weight:700}.order-checks-pass__message{margin:0;font-size:14px;font-weight:600;line-height:1.4}.order-begin__disclosure{color:var(--muted,#666);text-align:right;margin-top:.75rem;font-size:12px}.order-upload-status{margin:.5rem 0 1rem}.order-upload-status__bar{background:var(--border);overflow:hidden;border-radius:999px;width:100%;height:6px}.order-upload-status__fill{background:var(--accent);width:0%;height:100%;transition:width .2s}.order-upload-status__label{color:var(--muted,#666);margin-top:4px;font-size:12px}.order-status-pill:before{content:"✓"}.order-status-pill--unpaid{border-color:var(--amber,#b45309);background:color-mix(in srgb,var(--amber,#b45309)12%,transparent);color:var(--amber,#b45309)}.order-status-pill--unpaid:before{content:"•"}.order-status-pill:hover{filter:brightness(.92)}.order-status-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:0}.order-status-item{border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5}.order-status-item__head{font-size:14px;font-weight:700}.order-status-item__status{color:var(--accent);font-weight:600}.order-status-item__addresses{list-style:none;white-space:pre-line;margin:4px 0 0;padding:0}.order-status-item__addresses li{color:var(--muted,#666);padding:2px 0}.order-status-item__payment{color:var(--muted,#666);margin-top:2px;font-size:13px}.order-status-item__email{color:var(--muted,#666);margin-top:4px;font-size:12px}.order-status-item__receipt:not(:empty){margin-top:10px}.order-status-item__receipt-note{color:var(--muted,#666);margin:0 0 4px;font-size:13px;line-height:1.4}.order-status-item__receipt-link{font-size:13px}.order-status-item__actions:not(:empty){display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.order-status-item__unpaid-note{color:var(--muted,#666);flex:0 0 100%;margin:0;font-size:13px;line-height:1.4}.order-status-item__cancel{border:1px solid var(--border);color:var(--muted,#666);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.order-status-item__cancel:hover{border-color:var(--amber,#b45309);color:var(--amber,#b45309)}#order-shipments{display:flex;flex-direction:column;gap:.75rem}.shipment-row{display:flex;flex-direction:column;gap:.5rem}.shipment-row+.shipment-row{border-top:1px solid var(--border);padding-top:.75rem}.shipment-meta{display:flex;align-items: flex-end;gap:12px}.shipment-qty-field{flex:none}.shipment-qty-field input{width:5rem}.shipment-remove{font:inherit;color:var(--red);cursor:pointer;text-decoration:underline;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:8px 0;font-size:12px}.order-add-shipment{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;align-self: flex-start;margin:0;padding:0;font-size:13px;font-weight:600}.order-add-shipment:hover{filter:brightness(.85)}.order-required{color:var(--red);font-weight:400}.order-optional{opacity:.5;font-weight:400}.order-hint{opacity:.5;font-size:11px;font-weight:400}.order-confirm{display:flex;cursor:pointer;align-items: center;gap:8px;margin-bottom:1rem;font-size:13px}.confirm-dialog__actions #btn-order-export{border-radius:8px;padding:10px 24px}.confirm-dialog__actions #btn-order-export:disabled,.confirm-dialog__actions #btn-order-warning-continue:disabled{background:var(--muted);color:#fff;cursor:not-allowed;box-shadow:none;filter:none}.order-warning__block-note{color:var(--danger,#b00020);margin:12px 0 0;font-size:.9rem}.order-warning__block-note[hidden]{display:none}#order-progress{list-style:none;margin:0;padding:0}#order-progress[hidden]{display:none}#order-progress li{display:flex;color:var(--muted);align-items: center;gap:8px;font-size:13px;line-height:1.6}#order-progress li.step-done .step-icon{color:var(--accent)}#order-progress li.step-done{color:var(--dark)}#order-progress li.step-active{color:var(--dark);font-weight:600}#order-progress li.step-error{color:var(--red)}.step-icon{text-align:center;flex-shrink:0;width:16px;font-size:14px}.step-active .step-icon{animation:spin 1s linear infinite}#order-progress li.step-ordered{color:var(--accent);margin-top:8px;font-size:14px;font-weight:700}#order-progress li.step-ordered .step-icon{color:var(--accent)}.order-backup__note{opacity:.7;margin:0 0 12px;font-size:13px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog__actions button:not(.btn-primary){cursor:pointer;border:1.5px solid var(--border);background:var(--bg);color:var(--dark);border-radius:6px;padding:7px 16px;transition:background .15s;font-family:inherit;font-size:13px;font-weight:600}.confirm-dialog__actions button:not(.btn-primary):hover{background:var(--border)}.confirm-dialog__actions .btn-danger{background:var(--red);border-color:var(--red);color:#fff}.confirm-dialog__actions .btn-danger:hover{background:#c81e33;border-color:#c81e33}#phone-upload-disclosure{text-align:center}#qr-wrap{display:inline-block;position:relative;cursor:pointer;overflow:hidden;border-radius:6px}#phone-upload-qr{display:block}#qr-copied-overlay{position:absolute;display:none;color:#fff;pointer-events:none;background:#000000b3;justify-content:center;align-items: center;font-size:14px;font-weight:600;inset:0}#qr-copied-overlay.visible{display:flex}#phone-upload-devices:not(:empty),#phone-upload-received:not(:empty){min-height:18px;font-size:12px;font-weight:700}#phone-upload-devices:not(:empty){color:var(--dark)}#phone-upload-received:not(:empty){color:var(--green)}#phone-upload-received.phone-upload-error{color:var(--red,#c44)}.photo-drag-ghost{position:fixed;object-fit:cover;pointer-events:none;opacity:.85;z-index:9999;border-radius:4px;width:80px;height:80px;box-shadow:0 4px 16px #0003}.insert-drag-ghost{position:fixed;pointer-events:none;opacity:.85;z-index:9999;border-radius:6px;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0003}.auto-layout-preview{position:fixed;z-index:9998;pointer-events:none;display:none;flex-direction:column;align-items: center;gap:4px;transform:translate(-50%,calc(-100% - 10px))}.auto-layout-preview__caption{color:#fff;background:#00b4d8f2;border-radius:999px;padding:2px 9px;font:600 11px Nunito,sans-serif}.auto-layout-preview__img{object-fit:contain;background:#fff;border:2px solid #00b4d8f2;border-radius:6px;width:auto;max-width:320px;height:auto;max-height:180px;box-shadow:0 6px 22px #0000004d}.review-overlay{position:fixed;z-index:9000;display:flex;background:var(--canvas-bg);flex-direction:column;inset:0}.review-overlay[hidden]{display:none}.review-header{display:flex;border-bottom:1px solid var(--border);background:var(--bg);align-items: center;gap:14px;padding:12px 18px}.review-title{color:var(--dark);font-size:15px;font-weight:700}.review-counts{color:var(--muted);font-size:12px}.review-done{cursor:pointer;border-radius:8px;margin-left:auto;padding:6px 16px;font-size:13px}.review-body{display:flex;overflow:hidden;position:relative;flex-direction:column;flex:1;min-height:0}.review-body[hidden]{display:none}.review-zone{position:relative;display:flex;overflow:hidden auto;flex-direction:column;flex:1;align-items:stretch;padding:0 16px 16px}.review-undated-strip{position:absolute;z-index:3;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent)10%,var(--bg));overflow:hidden;top:0;left:0;right:0}.review-undated-strip[hidden]{display:none}.review-undated-strip-inner{display:flex;overflow-x:auto;align-items: center;gap:8px;padding:8px 16px}.review-undated-strip-label{color:var(--accent);flex:none;margin-right:4px;font-size:12px;font-weight:700}.review-undated-strip-thumb{object-fit:cover;background:var(--sidebar-bg);cursor:grab;border-radius:6px;flex:none;width:56px;height:56px}.review-undated-strip-thumb--rejected{opacity:.4;filter:grayscale(1)}.review-zone-legend{display:flex;color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px 20px;padding:9px 18px;font-size:12px}.review-zone-legend[hidden]{display:none}.review-legend-item{display:inline-flex;align-items: center;gap:6px}.review-legend-heart{display:inline-flex;color:#16a34a}.review-legend-aside{display:inline-flex;color:#64748b}.review-drop-caret{position:absolute;background:var(--accent);pointer-events:none;z-index:2;border-radius:2px;width:3px}.review-month-section{display:flex;flex-direction:column}.review-month-divider{display:flex;position:sticky;top:var(--review-strip-h,0px);z-index:1;color:var(--dark);background:var(--canvas-bg);align-items:baseline;gap:10px;padding:12px 0 8px;font-size:13px}.review-month-label{font-weight:700}.review-month-counts{color:var(--muted);font-size:12px;font-weight:400}.review-month-divider--nodate,.review-month-divider--nodate .review-month-label{color:var(--accent)}.review-month-hint{color:var(--muted);font-size:12px;font-weight:400}.review-month-cells{display:grid;grid-template-columns:repeat(auto-fill,300px);grid-auto-rows:300px;place-content: start center;gap:8px}.review-cell{position:relative;cursor:zoom-in;overflow:hidden;background:var(--border);user-select:none;-webkit-user-select:none;border-radius:6px}.review-thumb{display:block;object-fit:cover;-webkit-user-drag:none;width:100%;height:100%}.review-cell--dragging{opacity:.35}.review-cell--undated{cursor:grab}.review-cell-dateentry{position:absolute;background:linear-gradient(#000000b8,#0000);padding:7px;top:0;left:0;right:0}.review-date-input{border:1px solid var(--border);background:var(--bg);color:var(--dark);cursor:text;border-radius:8px;width:100%;padding:4px 6px;font-size:12px}.review-cell-filename{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0009;margin-top:5px;font-size:11px;line-height:1.3}.review-cell-info{position:absolute;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#000000b3,#0000);padding:7px 9px;transition:opacity .12s;font-size:11px;line-height:1.35;top:0;left:0;right:0}.review-cell-info-muted{opacity:.85;font-style:italic}.review-cell:hover .review-cell-info{opacity:1}.review-face-overlay{position:absolute;pointer-events:none;opacity:0;transition:opacity .12s;inset:0}.review-cell:hover .review-face-overlay{opacity:1}.review-face-box{position:absolute;border:2px solid #38bdf8;border-radius:4px;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #00000059}.review-cell--favourite{outline:3px solid #16a34a;outline-offset:-3px}.review-cell--rejected .review-thumb{opacity:.4;filter:grayscale(1)}.review-cell-badge{position:absolute;display:inline-flex;color:#fff;pointer-events:none;border-radius:999px;align-items: center;gap:4px;padding:3px 7px 3px 6px;font-size:11px;font-weight:700;top:7px;right:7px}.review-cell-badge svg{flex:none}.review-cell--undated .review-cell-badge{top:auto;bottom:48px}.review-cell-badge--fav{background:#16a34a}.review-cell-badge--aside{background:#64748b}.review-cell-actions{position:absolute;display:flex;gap:1px;bottom:0;left:0;right:0}.review-cell-btn{display:flex;white-space:nowrap;color:#fff;cursor:pointer;background:#0000008c;border:none;flex:1;justify-content:center;align-items: center;gap:5px;min-width:0;min-height:40px;padding:8px 6px;transition:background .12s;font-size:12px;font-weight:600}.review-cell-btn svg{flex:none}.review-fav-btn:hover{background:#16a34aeb}.review-aside-btn:hover{background:#64748bf2}.review-fav-btn.is-active{background:#16a34a}.review-aside-btn.is-active{background:#64748b}.review-delete-btn:hover:not(:disabled){background:#dc2626eb}.review-delete-btn:disabled{opacity:.5;cursor:not-allowed}.review-drag-ghost{position:fixed;z-index:9999;pointer-events:none;overflow:hidden;border-radius:8px;width:110px;height:110px;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 8px 28px #0006}.review-drag-ghost img{object-fit:cover;width:100%;height:100%}@media (max-width:899px){#toolbar{gap:2px;padding:0 6px}#toolbar-logo{gap:5px;margin-left:2px;margin-right:12px}#logo-mark{position:static;width:34px;height:34px}#logo-wordmark{height:26px}.view-mode-toggle{margin-left:3px;margin-right:3px}.view-mode-toggle .tool-option-btn{padding:3px 4px}#toolbar .btn-label{display:none}#btn-undo,#btn-redo{padding:4px 5px}#btn-order{box-shadow:none;margin-left:auto;padding:6px 10px;font-size:13px}.order-label-pre,#save-status,#book-title{display:none}#workspace{grid-template-columns:1fr;grid-template-rows:1fr auto auto}#workspace:has(#panel.hidden){grid-template-columns:1fr;grid-template-rows:1fr auto auto}#grid-area,#canvas-area,#handoff-pitch{grid-column:1;grid-row:1}.end-card-host{justify-content:center}#activity-bar{grid-column:1;grid-row:3;border-right:none;border-top:1.5px solid var(--border);flex-direction:row;justify-content:center;gap:18px;height:54px;padding:6px 0}.activity-btn--active{box-shadow:inset 0 -3px 0 var(--accent);border-radius:8px 8px 0 0}.feedback-fab{display:none}#panel{grid-column:1;grid-row:2;overflow-y:auto;border-right:none;border-top:1.5px solid var(--border);box-shadow:0 -8px 24px var(--shadow-heavy);border-radius:14px 14px 0 0;max-height:70vh}#panel:before{display:none}.panel-content{flex:none;padding:8px}.insert-grid,#photo-grid,.layout-grid{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x}.insert-grid::-webkit-scrollbar{display:none}#photo-grid::-webkit-scrollbar{display:none}.layout-grid::-webkit-scrollbar{display:none}.insert-grid{grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:76px}.insert-grid [data-insert]{touch-action:pan-x}#hand-bar{display:none}.toast{top:calc(var(--toolbar-height) + 6px);width:max-content;max-width:calc(100vw - 24px);bottom:auto}.order-sections{flex-direction:column}.order-divider{width:auto;height:1px;margin:18px 0}.order-preview__nav{grid-template-columns:1fr;justify-items:center;gap:8px}.order-preview__nav-pages,.order-preview__edit{grid-column:1;justify-self:center}.preview-nav__label{width:90px}#photo-grid{grid-template-columns:none;grid-template-rows:66px;grid-auto-flow:column;grid-auto-columns:66px}#panel-photos:not([hidden]){flex-flow:wrap;justify-content:flex-start;align-items: center;gap:6px}#add-photos-wrapper{flex:none;margin:0}#btn-upload-photos{box-shadow:none;width:auto;padding:7px 12px}#photo-count-hint,#photo-frames-hint,#desktop-drop-hint,#btn-toggle-phone-upload,#phone-upload-caption,#phone-upload-disclosure{display:none}#btn-manage-photos{flex:none;order:1;width:auto;margin:0;padding:7px 10px}#photo-filter{flex:0 0 100%;order:2;margin:0}#photo-grid{flex:0 0 100%;order:3}.layout-grid{flex-flow:row;align-items: start;gap:14px}.layout-group{display:grid;grid-template-columns:max-content;grid-template-rows:auto auto;align-items: center;row-gap:2px}.layout-group-header{grid-row:1;grid-column:1;white-space:nowrap;justify-self:start;padding:2px;left:2px}.layout-more{grid-row:1;grid-column:1;white-space:nowrap;justify-self:end}.layout-group-items{grid-row:2;grid-column:1;flex-direction:row}.layout-btn{flex:none;width:116px}}@media (max-width:479px){#logo-wordmark{display:none}}.review-lightbox{background:var(--bg);overflow:hidden;border:none;border-radius:10px;max-width:92vw;max-height:92vh;margin:auto;padding:0;box-shadow:0 18px 60px #00000080}.review-lightbox::backdrop{background:#000c}.review-lightbox-img{display:block;object-fit:contain;user-select:none;-webkit-user-drag:none;width:auto;max-width:92vw;height:auto;max-height:92vh}.review-lightbox-close{position:absolute;z-index:2;display:flex;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items: center;width:34px;height:34px;transition:background .12s;font-size:22px;line-height:1;top:8px;right:8px}.review-lightbox-close:hover{background:#000c}.review-lightbox-nav{position:absolute;z-index:2;display:flex;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items: center;width:44px;height:44px;padding-bottom:4px;transition:background .12s,opacity .12s;font-size:28px;line-height:1;top:50%;transform:translateY(-50%)}.review-lightbox-nav:hover{background:#000c}.review-lightbox-prev{left:8px}.review-lightbox-next{right:8px}.review-lightbox-nav:disabled{opacity:.3;cursor:default}.review-lightbox-nav:disabled:hover{background:#0000008c}.review-lightbox-actions{position:absolute;display:flex;gap:1px;bottom:0;left:0;right:0}