.demo-scene[data-v-b8a947b1]{--demo-photo: 168px;--demo-strip: 288px;--demo-picker: 96px;--demo-thumb: 50px;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.demo-scene--phone[data-v-b8a947b1]{--demo-photo: 150px;--demo-strip: 282px;--demo-picker: 84px;--demo-thumb: 80px}.demo-scene[data-v-b8a947b1]:not(.demo-scene--ready){visibility:hidden}.demo-photo[data-v-b8a947b1],.demo-card[data-v-b8a947b1],.demo-strip[data-v-b8a947b1],.demo-picker[data-v-b8a947b1],.demo-rack[data-v-b8a947b1],.demo-rack-mine[data-v-b8a947b1],.demo-rack-fill[data-v-b8a947b1],.demo-sheet[data-v-b8a947b1]{opacity:0}.demo-main[data-v-b8a947b1]{position:absolute;inset:0 var(--demo-bleed, 0px) 0 0}.demo-layer[data-v-b8a947b1]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-rack-layer[data-v-b8a947b1]{z-index:1}.demo-cards[data-v-b8a947b1]{z-index:2}.demo-photos[data-v-b8a947b1]{z-index:3}.demo-styles[data-v-b8a947b1]{z-index:4}.demo-sheet[data-v-b8a947b1]{z-index:5}.demo-photos[data-v-b8a947b1]{display:grid;grid-template-columns:repeat(3,var(--demo-photo));align-content:center;justify-content:center;gap:1.75rem 2.25rem}.demo-photo[data-v-b8a947b1]{display:block;width:var(--demo-photo);height:var(--demo-photo);object-fit:cover;border-radius:var(--p-border-radius-sm);box-shadow:var(--p-brand-paper-shadow)}.demo-photo[data-v-b8a947b1]:nth-child(3n+2){margin-top:1.75rem}.demo-photo[data-v-b8a947b1]:nth-child(3n){margin-top:-.75rem}.demo-scene--phone .demo-photos[data-v-b8a947b1]{grid-template-columns:repeat(2,var(--demo-photo));gap:1rem}.demo-scene--phone .demo-photo[data-v-b8a947b1]:nth-child(2){margin-top:1.5rem}.demo-scene--phone .demo-photo[data-v-b8a947b1]:nth-child(3){grid-column:1 / -1;justify-self:center;margin-top:-1.25rem}.demo-cards[data-v-b8a947b1]{gap:.5rem}.demo-card[data-v-b8a947b1]{display:grid;grid-template-columns:var(--demo-thumb) minmax(0,1fr) auto auto;align-items:center;gap:.875rem;width:min(37.5rem,100%);height:3.625rem;padding:.25rem .875rem .25rem .25rem;border:1px solid color-mix(in srgb,var(--p-surface-0) 12%,transparent);border-radius:var(--p-border-radius-md);background:color-mix(in srgb,var(--p-surface-0) 7%,var(--p-brand-hero-dark));line-height:1.25}.demo-card-thumb[data-v-b8a947b1]{width:var(--demo-thumb);height:var(--demo-thumb);border-radius:var(--p-border-radius-sm);background:color-mix(in srgb,var(--p-surface-0) 10%,var(--p-brand-hero-dark))}.demo-card-skeleton[data-v-b8a947b1],.demo-card-text[data-v-b8a947b1]{grid-row:1;grid-column:2}.demo-card-skeleton[data-v-b8a947b1]{display:flex;flex-direction:column;gap:.5rem}.demo-card-skeleton span[data-v-b8a947b1]{width:45%;height:.75rem;border-radius:var(--p-border-radius-sm);background:color-mix(in srgb,var(--p-surface-0) 12%,transparent)}.demo-card-skeleton span+span[data-v-b8a947b1]{width:70%}.demo-card-detail[data-v-b8a947b1],.demo-card-tag[data-v-b8a947b1]{opacity:0}.demo-card-text[data-v-b8a947b1]{display:flex;flex-direction:column;min-width:0}.demo-card-artist[data-v-b8a947b1]{font-size:.9375rem;font-weight:500;color:var(--p-surface-0)}.demo-card-sides[data-v-b8a947b1]{display:flex;min-width:0;font-size:.875rem;color:var(--p-surface-300)}.demo-card-side[data-v-b8a947b1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.demo-card-side[data-v-b8a947b1]:first-child{flex:none}.demo-card-side+.demo-card-side[data-v-b8a947b1]:before{content:" / ";white-space:pre}.demo-card-meta[data-v-b8a947b1]{font-size:.875rem;color:var(--p-surface-400);white-space:nowrap}.demo-card-text .demo-card-meta[data-v-b8a947b1]{display:none}.demo-scene--phone .demo-cards[data-v-b8a947b1]{gap:.625rem}.demo-scene--phone .demo-card[data-v-b8a947b1]{position:relative;grid-template-columns:var(--demo-thumb) minmax(0,1fr);align-items:start;width:100%;height:6rem;padding:.5rem .75rem .5rem .5rem}.demo-scene--phone .demo-card-artist[data-v-b8a947b1]{padding-right:4.5rem;font-size:1rem}.demo-scene--phone .demo-card-sides[data-v-b8a947b1]{flex-direction:column}.demo-scene--phone .demo-card-side+.demo-card-side[data-v-b8a947b1]:before{content:none}.demo-scene--phone .demo-card-text .demo-card-meta[data-v-b8a947b1]{display:block;font-size:.8125rem}.demo-scene--phone .demo-card>.demo-card-meta[data-v-b8a947b1]{display:none}.demo-scene--phone .demo-card-tag[data-v-b8a947b1]{position:absolute;top:.5rem;right:.5rem}.demo-styles[data-v-b8a947b1]{gap:1.375rem}.demo-picker[data-v-b8a947b1]{position:relative;display:flex;gap:1rem;max-width:calc(100% - 1rem)}.demo-picker-item[data-v-b8a947b1]{flex:0 1 var(--demo-picker);min-width:0}.demo-picker-ring[data-v-b8a947b1]{position:absolute;top:0;left:0;width:var(--demo-picker);aspect-ratio:3;border-radius:2px;outline:2px solid var(--p-primary-500);outline-offset:4px}.demo-strips[data-v-b8a947b1]{display:grid;grid-template-columns:repeat(2,var(--demo-strip));gap:1.125rem 1.5rem}.demo-strip[data-v-b8a947b1]{width:var(--demo-strip)}.demo-scene--phone .demo-styles[data-v-b8a947b1]{gap:.875rem}.demo-scene--phone .demo-picker[data-v-b8a947b1]{gap:.75rem}.demo-scene--phone .demo-strips[data-v-b8a947b1]{grid-template-columns:var(--demo-strip);gap:.5rem}.demo-rack-layer[data-v-b8a947b1]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(to right,black calc(100% - max(var(--demo-bleed, 0px),4rem)),transparent);mask-image:linear-gradient(to right,black calc(100% - max(var(--demo-bleed, 0px),4rem)),transparent)}.demo-rack[data-v-b8a947b1]{position:absolute;top:0;left:0;display:flex;gap:1.5rem;width:max-content;transform-origin:0 0}.demo-panel-heading[data-v-b8a947b1]{margin-bottom:.375rem;padding:.5rem;border-radius:var(--p-border-radius-xl) var(--p-border-radius-xl) 0 0;background:color-mix(in srgb,var(--p-surface-0) 10%,var(--p-brand-hero-dark));font-family:var(--p-brand-font-display);font-size:1.875rem;line-height:1.2;text-align:center;color:var(--p-surface-200)}.demo-panel-columns[data-v-b8a947b1]{display:grid;grid-template-columns:repeat(2,288px);column-gap:15px}.demo-panel-column[data-v-b8a947b1]{display:flex;flex-direction:column;gap:10px}.demo-cell[data-v-b8a947b1]{position:relative;width:288px;height:96px;border-radius:2px;background:color-mix(in srgb,var(--p-primary-500) 17%,var(--p-brand-hero-dark));outline:2px dashed color-mix(in srgb,var(--p-surface-0) 22%,transparent);outline-offset:-2px}.demo-address[data-v-b8a947b1]{position:absolute;z-index:2;font-size:20px;font-weight:800;line-height:1;color:var(--p-primary-600)}.demo-address--a[data-v-b8a947b1]{top:6px}.demo-address--b[data-v-b8a947b1]{bottom:6px}.demo-panel-column:nth-child(odd) .demo-address[data-v-b8a947b1]{left:6px}.demo-panel-column:nth-child(2n) .demo-address[data-v-b8a947b1]{right:6px}.demo-sheet[data-v-b8a947b1]{position:absolute;top:0;left:0;width:8.5in;height:11in;background:var(--p-brand-paper);box-shadow:var(--p-brand-paper-shadow);color:var(--p-surface-900)}.demo-sheet-cuts[data-v-b8a947b1]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.demo-sheet-cuts line[data-v-b8a947b1]{stroke:var(--p-surface-400);stroke-width:1.5;stroke-dasharray:8 6}.demo-sheet-header[data-v-b8a947b1]{position:absolute;top:.3in;left:1.1in;display:flex;flex-direction:column;gap:.04in}.demo-sheet-title[data-v-b8a947b1]{font-size:20px;font-weight:500}.demo-sheet-meta[data-v-b8a947b1]{font-size:13px;color:var(--p-surface-500)}.demo-sheet-logo[data-v-b8a947b1]{position:absolute;top:.25in;right:1.1in;width:1.4in}.demo-sheet-strips[data-v-b8a947b1]{position:absolute;top:1.25in;left:1in;display:grid;grid-template-columns:repeat(2,3in);gap:.02in}.demo-sheet-url[data-v-b8a947b1]{position:absolute;right:.6in;bottom:.25in;font-size:13px;color:var(--p-surface-500)}