body{padding-bottom:0px}html{scroll-padding-bottom:calc(24px)}.favorite-heart{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-field);color:var(--ink);font-size:24px;line-height:1;flex-shrink:0}.favorite-heart[aria-pressed=true]{color:var(--brass)}.scene-choice{position:relative}.scene-choice>.favorite-heart{position:absolute;right:8px;top:8px;z-index:2}.favorite-filter{display:flex;align-items:center;gap:var(--s4);padding-block:var(--s2)}.favorites-note{color:var(--muted);margin:var(--s4) 0}.text-button{min-height:44px;padding:8px;color:var(--ink);background:none;border:0;text-decoration:underline;text-underline-offset:3px;font:inherit}.compare-dialog{width:calc(100vw - 32px);max-width:1600px;max-height:calc(100dvh - 32px);padding:var(--s6);background:var(--ivory);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-dialog)}.compare-dialog::backdrop,.favorites-clear::backdrop{background:var(--backdrop)}.compare-heading{display:flex;justify-content:space-between;gap:var(--s4);align-items:center}.compare-heading h2{font:400 var(--text-section)/1.1 var(--serif);margin:0}.compare-help{color:var(--muted);font-size:var(--text-ui)}.compare-columns{display:grid;grid-template-columns:repeat(var(--compare-count),minmax(0,1fr));gap:var(--s6);margin-top:var(--s4)}.compare-column{min-width:0;padding-left:var(--s6);border-left:1px solid var(--line)}.compare-column:first-child{padding-left:0;border-left:0}.compare-column h3{font:400 var(--text-heading)/1.15 var(--serif);min-height:2.4em;margin:var(--s4) 0 var(--s2)}.compare-picture{aspect-ratio:1;overflow:hidden;background:var(--wash);display:grid;place-items:center;touch-action:pan-x pan-y;-webkit-touch-callout:none;user-select:none}.compare-picture canvas{width:100%;height:100%;object-fit:contain;transform-origin:var(--zoom-origin,50% 50%);transition:transform var(--motion-fast) var(--ease);pointer-events:none}.is-zoomed .compare-picture canvas{transform:scale(2)}.compare-fit{font-size:var(--text-ui);min-height:4.5em}.compare-price{font-size:var(--text-ui);min-height:2.5em}.compare-actions{display:flex;flex-direction:column;gap:var(--s2)}.compare-actions button{min-height:44px}.compare-swap-label{display:block;font-size:var(--text-meta);margin-bottom:var(--s3)}.compare-swap{display:block;width:100%;min-height:44px;margin-top:var(--s1)}.compare-pages{display:flex;gap:var(--s2);align-items:center}.compare-page{display:none;min-height:44px;border:1px solid var(--line);background:var(--paper);padding:8px}.compare-page[aria-pressed=true]{background:var(--ink);color:var(--paper)}.compare-notice{min-height:1.5em}.favorites-clear{max-width:min(440px,calc(100vw - 32px));padding:var(--s6);background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-dialog)}#enlarged-favorite{position:relative;z-index:3}@media(max-width:700px){body{padding-bottom:calc(36px)}.compare-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px 12px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:0}.compare-heading h2{font-size:var(--text-section)}.compare-columns{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory}.compare-column{flex:0 0 50%;padding:0 8px;scroll-snap-align:start}.compare-column:first-child{padding-left:8px}.compare-column h3{font-size:var(--text-lead);min-height:3.5em}.compare-fit{min-height:5em;font-size:var(--text-ui)}.compare-price{min-height:3.5em;font-size:var(--text-ui)}.compare-actions .button{font-size:var(--text-ui);padding:8px}.compare-page{display:block}.compare-help{font-size:var(--text-ui)}.compare-picture{aspect-ratio:1}.compare-swap{font-size:var(--text-ui)}.compare-pages>.button{font-size:var(--text-ui);padding:8px}}@media(prefers-reduced-motion:reduce){.compare-picture canvas{transition:none}}.favorite-filter[hidden],.favorites-note[hidden]{display:none}.compare-picture img{width:100%;height:100%;object-fit:contain;pointer-events:none}.compare-picture img{transform-origin:var(--zoom-origin,50% 50%);transition:transform var(--motion-fast) var(--ease)}.is-zoomed .compare-picture img{transform:scale(2)}.set-tray{bottom:calc(16px)}body,body:has(.set-tray:not([hidden])),body:has(.set-tray.expanded:not([hidden])){padding-bottom:calc(var(--set-height,0px) + 24px)}html,html:has(.set-tray:not([hidden])),html:has(.set-tray.expanded:not([hidden])){scroll-padding-bottom:calc(var(--set-height,0px) + 24px)}@media(prefers-reduced-motion:reduce){.compare-picture img{transition:none}}:is(.compare-dialog,.favorites-clear,.payment-dialog,.favorite-filter) .button-secondary{background:var(--paper);border:1px solid var(--control-border);color:var(--ink);padding:var(--s2) var(--s4)}.compare-columns{gap:0}.compare-column,.compare-column:first-child{padding-inline:var(--s4)}@media(max-width:700px){.compare-column,.compare-column:first-child{padding-inline:8px}}.preview-toolbar .favorite-heart{font-size:24px;justify-content:center;padding:4px}@media(max-width:700px){.compare-column{scroll-snap-align:none}.compare-column:nth-child(odd){scroll-snap-align:start}.compare-page{min-width:44px}}.compare-dialog{height:calc(100dvh - 32px)}.compare-swap-host{min-height:80px}.compare-actions{min-height:276px}@media(max-width:700px){.compare-dialog{height:100dvh}}.favorite-filter{flex-wrap:wrap;min-height:calc(3rem + 16px)}body.batch-open :is(.set-tray){display:none}.favorites-messages{color:var(--muted);font-size:var(--text-meta)}.favorites-messages p{margin:.5rem 0}.favorites-messages[hidden]{display:none}.favorite-filter .sample-link{margin:0}.favorite-filter .text-button{margin-left:auto}