.cover-preview.svelte-1xnpzt8{align-items:center;gap:var(--spacing-3);--cover-panel-w-mobile:160px;--cover-panel-w-tablet:200px;--cover-panel-w-desktop:300px;flex-direction:column;display:flex}.cover-preview--size-sm.svelte-1xnpzt8{--cover-panel-w-mobile:120px;--cover-panel-w-tablet:150px;--cover-panel-w-desktop:220px}.cover-preview--size-md.svelte-1xnpzt8{--cover-panel-w-mobile:160px;--cover-panel-w-tablet:200px;--cover-panel-w-desktop:300px}.cover-preview--size-lg.svelte-1xnpzt8{--cover-panel-w-mobile:180px;--cover-panel-w-tablet:clamp(240px, 38vw, 320px);--cover-panel-w-desktop:clamp(300px, 21vw, 380px)}.cover-preview--marketing-showcase.svelte-1xnpzt8 .spine-preview{transition:none}.cover-preview--right-bound.svelte-1xnpzt8 .back-cover:where(.svelte-1xnpzt8){border-radius:0 var(--radius-md) var(--radius-md) 0;order:3}.cover-preview--right-bound.svelte-1xnpzt8 .spine-preview:where(.svelte-1xnpzt8){order:2}.cover-preview--right-bound.svelte-1xnpzt8 .cover-container:where(.svelte-1xnpzt8){border-radius:var(--radius-md) 0 0 var(--radius-md);order:1}.book-with-spine.svelte-1xnpzt8{filter:drop-shadow(0 20px 40px #00000026)drop-shadow(0 8px 16px #0000001a);align-items:stretch;display:flex}.book-with-spine.full-spread.svelte-1xnpzt8{flex-direction:row}.back-cover.svelte-1xnpzt8{width:var(--cover-panel-w-mobile);aspect-ratio:6/9;border-radius:var(--radius-md) 0 0 var(--radius-md);box-sizing:border-box;flex-shrink:0;height:auto;position:relative;overflow:hidden}@media (width>=768px){.back-cover.svelte-1xnpzt8{width:var(--cover-panel-w-tablet)}}@media (width>=1280px){.back-cover.svelte-1xnpzt8{width:var(--cover-panel-w-desktop)}}.spine-preview.svelte-1xnpzt8{border-radius:var(--radius-sm) 0 0 var(--radius-sm);box-sizing:border-box;flex-shrink:0;transition:width .2s ease-out;position:relative;overflow:hidden}.spine-preview.svelte-1xnpzt8:before,.spine-preview.svelte-1xnpzt8:after{content:"";pointer-events:none;z-index:10;width:4px;position:absolute;top:0;bottom:0}.spine-preview.svelte-1xnpzt8:before{background:linear-gradient(90deg,#00000038,#0000);left:0}.spine-preview.svelte-1xnpzt8:after{background:linear-gradient(270deg,#00000038,#0000);right:0}.book-with-spine.full-spread.svelte-1xnpzt8 .spine-preview:where(.svelte-1xnpzt8){border-radius:0}.book-with-spine.full-spread.svelte-1xnpzt8 .back-cover:where(.svelte-1xnpzt8):after{content:"";pointer-events:none;z-index:20;background:linear-gradient(270deg,#0000 0%,#00000008 30%,#00000014 70%,#00000026 100%);width:5px;position:absolute;top:0;bottom:0;left:0}.cover-container.svelte-1xnpzt8{width:var(--cover-panel-w-mobile);aspect-ratio:6/9;border-radius:0 var(--radius-md) var(--radius-md) 0;flex-shrink:0;height:auto;position:relative;overflow:hidden}.book-with-spine.svelte-1xnpzt8:not(.full-spread) .cover-container:where(.svelte-1xnpzt8){box-shadow:0 10px 30px -5px #00000040,0 6px 10px -2px #0000001a}.cover-container.svelte-1xnpzt8:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(90deg,#0000 0%,#00000008 30%,#00000014 70%,#00000026 100%);width:5px;position:absolute;top:0;bottom:0;right:0}.cover-preview--right-bound.svelte-1xnpzt8 .book-with-spine.full-spread:where(.svelte-1xnpzt8) .back-cover:where(.svelte-1xnpzt8):after{background:linear-gradient(90deg,#0000 0%,#00000008 30%,#00000014 70%,#00000026 100%);left:auto;right:0}.cover-preview--right-bound.svelte-1xnpzt8 .cover-container:where(.svelte-1xnpzt8):after{background:linear-gradient(270deg,#0000 0%,#00000008 30%,#00000014 70%,#00000026 100%);left:0;right:auto}@media (width>=768px){.cover-container.svelte-1xnpzt8{width:var(--cover-panel-w-tablet)}}@media (width>=1280px){.cover-container.svelte-1xnpzt8{width:var(--cover-panel-w-desktop)}}.safe-area-indicator.svelte-1xnpzt8{inset:var(--safe-inset-y) var(--safe-inset-x);border-radius:var(--radius-sm);pointer-events:none;border:2px dashed #80808066;position:absolute}.cover-style-label.svelte-1xnpzt8{font-size:var(--text-caption);color:var(--color-text-muted);text-align:center}.cover-ast-fill.svelte-1xnpzt8,.cover-ast-rect.svelte-1xnpzt8,.cover-ast-path.svelte-1xnpzt8,.cover-ast-photo-slot.svelte-1xnpzt8,.cover-ast-text.svelte-1xnpzt8{pointer-events:none}.cover-ast-ornament.svelte-1xnpzt8 svg:where(.svelte-1xnpzt8){width:100%;height:100%;display:block}.cover-ast-brand-mark__glyph.svelte-1xnpzt8{aspect-ratio:1;height:100%;-webkit-mask-image:url(/logo-white-2048.png);mask-image:url(/logo-white-2048.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cover-ast-photo-slot.svelte-1xnpzt8 img:where(.svelte-1xnpzt8){pointer-events:auto;object-fit:cover;width:100%;height:100%;display:block}.cover-ast-photo-placeholder.svelte-1xnpzt8{color:#ffffffd9;background:linear-gradient(135deg,#ffffff14 0 10px,#0000 10px 20px),#0000001f;border:1px dashed #ffffff59;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cover-photo-placeholder-copy.svelte-1xnpzt8{letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:.5rem .75rem;font-size:.7rem;font-weight:600;line-height:1.3}.strict-proxy.svelte-1xnpzt8{filter:none!important}.strict-proxy.svelte-1xnpzt8 .cover-container:where(.svelte-1xnpzt8),.strict-proxy.svelte-1xnpzt8 .back-cover:where(.svelte-1xnpzt8),.strict-proxy.svelte-1xnpzt8 .spine-preview:where(.svelte-1xnpzt8){box-shadow:none!important;filter:none!important}.strict-proxy.svelte-1xnpzt8 .cover-container:where(.svelte-1xnpzt8):after,.book-with-spine.full-spread.strict-proxy.svelte-1xnpzt8 .back-cover:where(.svelte-1xnpzt8):after,.strict-proxy.svelte-1xnpzt8 .spine-preview:where(.svelte-1xnpzt8):before,.strict-proxy.svelte-1xnpzt8 .spine-preview:where(.svelte-1xnpzt8):after{display:none!important}