/* SPDX-License-Identifier: AGPL-3.0-or-later */
.design-preview{--preview-paper:#eeece5;--preview-ink:#20231f;--preview-muted:#75776c;--preview-rule:#c6c8ba;background:var(--preview-paper);color:var(--preview-ink);padding:35px 4vw 65px;min-height:calc(100svh - 72px)}
.design-preview button,.design-preview select{font:inherit;color:inherit;background:none;border-radius:0}
.design-preview button{cursor:pointer}
.design-preview button:focus-visible,.design-preview select:focus-visible{outline:2px solid #4860db;outline-offset:5px}
.design-preview .preview-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-bottom:24px;border-bottom:1px solid var(--preview-rule)}
.design-preview .preview-kicker{font:10px var(--mono);letter-spacing:.1em;color:var(--preview-muted)}
.design-preview h1{font:400 clamp(34px,4vw,60px)/1 var(--sans);letter-spacing:-.055em;margin:14px 0 0}
.design-preview .preview-navigation{display:flex;gap:24px;flex-wrap:wrap}
.design-preview .preview-navigation button{font:10px var(--mono);padding:10px 0;border:0;border-bottom:1px solid currentColor;white-space:nowrap}
.design-preview svg:not(.poster-art){width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:-2px;margin-left:5px}
.design-preview .preview-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(275px,.8fr);gap:7vw;padding-top:28px;scroll-margin-top:20px}
.design-preview .preview-stage-column{min-width:0}
.design-preview .preview-stage{height:min(70svh,720px);min-height:300px;container-type:size;display:flex;align-items:center;justify-content:center;background:#e6e5dc;overflow:hidden}
.design-preview .preview-frame{width:min(100cqw,80cqh);aspect-ratio:4/5;flex-shrink:0}
.design-preview .preview-frame .poster{width:100%;height:auto;aspect-ratio:4/5}
.design-preview .preview-stage-footer{font:9px var(--mono);letter-spacing:.07em;display:flex;justify-content:space-between;gap:20px;padding-top:13px;color:var(--preview-muted)}
.design-preview .preview-inspector{align-self:center;max-width:440px;width:100%;padding:12px 0}
.design-preview .preview-field{margin-bottom:25px}
.design-preview .preview-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--preview-muted);display:block;margin-bottom:12px}
.design-preview .preview-choice{display:flex;gap:12px}
.design-preview .preview-choice button{border:1px solid var(--preview-rule);font:11px var(--mono);padding:11px 13px;flex:1;white-space:nowrap}
.design-preview .preview-choice button[aria-pressed=true]{background:var(--preview-ink);color:var(--preview-paper);border-color:var(--preview-ink)}
.design-preview .preview-statement-choice{display:grid;gap:4px}
.design-preview .preview-statement-choice button{text-align:left;border:0;font:13px var(--sans);padding:8px 0;display:flex;align-items:center;gap:12px}
.design-preview .preview-statement-choice button:before{content:'';width:8px;height:8px;border:1px solid var(--preview-rule);border-radius:50%;display:block;flex:none}
.design-preview .preview-statement-choice button[aria-pressed=true]:before{background:var(--preview-ink);border-color:var(--preview-ink)}
.design-preview #preview-profile{display:block;width:100%;max-width:100%;font:10px var(--mono);padding:11px 4px;border:0;border-bottom:1px solid var(--preview-ink);cursor:pointer}
.design-preview .preview-transport{display:flex;align-items:center;border-top:1px solid var(--preview-rule);border-bottom:1px solid var(--preview-rule);padding:7px 0;gap:10px}
.design-preview .preview-transport button{border:0;height:35px;min-width:45px;font:22px var(--sans)}
.design-preview .preview-transport [data-preview-action=play]{flex:1;font:11px var(--mono)}
.design-preview .preview-description{font:10px/1.8 var(--mono);margin:21px 0;color:var(--preview-muted);min-height:36px}
.design-preview .preview-factors{margin:0 0 20px;font:10px/1.8 var(--mono)}
.design-preview .preview-factors>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--preview-rule);padding:4px 0;gap:20px}
.design-preview .preview-factors dt{color:var(--preview-muted)}
.design-preview .preview-factors dd{margin:0}
.design-preview .preview-browse{font:11px var(--mono);border:0;border-bottom:1px solid var(--preview-ink);padding:12px 0;text-align:left}
.design-preview .preview-note{font:9px/1.8 var(--mono);color:var(--preview-muted);max-width:410px;margin:17px 0 0}
.design-preview .preview-collection{margin-top:55px;scroll-margin-top:25px}
.design-preview .preview-collection-heading{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--preview-ink);padding:22px 0}
.design-preview .preview-collection h2{font:400 21px var(--sans);letter-spacing:-.035em;margin:0}
.design-preview .preview-collection-heading p{font:10px/1.7 var(--mono);color:var(--preview-muted);margin:0}
.design-preview .preview-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}
.design-preview .preview-print{display:block;width:100%;min-width:0;text-align:left;padding:0;border:0}
.design-preview .preview-print>span{font:9px var(--mono);display:block;padding-top:9px;color:var(--preview-muted)}
.design-preview .preview-print:hover{opacity:.86}
.design-preview .preview-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1700px){.design-preview .preview-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.design-preview .preview-workspace{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:4vw}.design-preview .preview-stage{height:60svh}.design-preview .preview-navigation{gap:15px}.design-preview .preview-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.design-preview{padding:25px 5vw 40px;min-height:calc(100svh - 60px)}.design-preview .preview-heading{display:block;padding-bottom:18px}.design-preview h1{font-size:38px}.design-preview .preview-kicker{font-size:8px;letter-spacing:.04em}.design-preview .preview-navigation{margin-top:18px;gap:22px}.design-preview .preview-navigation button{font-size:9px}.design-preview .preview-workspace{display:block;padding-top:20px}.design-preview .preview-stage{height:auto;aspect-ratio:4/5;min-height:0;container-type:inline-size}.design-preview .preview-frame{width:100%;aspect-ratio:4/5}.design-preview .preview-inspector{max-width:none;padding-top:30px}.design-preview .preview-field{margin-bottom:22px}.design-preview .preview-collection-heading{display:block}.design-preview .preview-collection-heading p{margin-top:10px;font-size:9px}.design-preview .preview-gallery{gap:22px 12px}.design-preview .preview-collection{margin-top:35px}}
@media(max-height:550px) and (min-width:601px){.design-preview .preview-stage{height:calc(100svh - 90px);min-height:250px}.design-preview .preview-heading{padding-bottom:18px}.design-preview h1{font-size:36px}.design-preview .preview-workspace{align-items:start}.design-preview .preview-stage-column{position:sticky;top:20px}}
@media print{.design-preview .preview-heading,.design-preview .preview-workspace,.design-preview .preview-collection-heading{display:none}.design-preview .preview-collection{display:block!important;margin:0}.design-preview .preview-gallery{display:block}.design-preview .preview-print{break-after:page;page-break-after:always;max-width:165mm;margin:0 auto}.design-preview .preview-print>span{display:none}.design-preview{padding:0}}

/* A paste-up wall, beyond the measurement boundary. */
body[data-screen=preview]{--paper:#161612;--ink:#ece9df;--muted:#b6b2a5;--rule:#535349;color-scheme:dark}.design-preview{--preview-paper:#161612;--preview-ink:#ece9df;--preview-muted:#b6b2a5;--preview-rule:#535349;padding-top:32px}.design-preview .preview-heading{align-items:center;border-bottom:0;padding-bottom:26px}.design-preview h1{font-family:c0unt-h;font-size:clamp(44px,4.5vw,66px);line-height:1.02;letter-spacing:-.04em;margin-top:16px}.design-preview h1 em{font-family:c0unt-r;font-style:normal;color:#dcff36;display:inline-block;transform:rotate(-3deg);margin-left:4vw}.design-preview .preview-kicker{font-size:11px;letter-spacing:.08em}.design-preview .preview-navigation button{font-size:12px}.family-strip{display:flex;flex-wrap:wrap;gap:6px 22px;border-top:1px solid var(--preview-rule);border-bottom:1px solid var(--preview-rule);padding:12px 0}.family-strip button{font-family:c0unt-r;font-size:14px;padding:6px 0;position:relative}.family-strip button[aria-pressed=true]{color:#dcff36}.family-strip button[aria-pressed=true]:after{content:'';position:absolute;left:-4px;right:-4px;bottom:0;border-bottom:2px solid currentColor;transform:rotate(-3deg)}.design-preview .preview-workspace{grid-template-columns:minmax(0,1.2fr) minmax(280px,.72fr);gap:7vw;padding-top:30px}.design-preview .preview-stage{background:transparent;height:min(60svh,720px);min-height:400px}.design-preview .preview-frame{transform:rotate(-.6deg)}.design-preview .preview-stage-footer{font-size:11px}.design-preview .preview-label{font-size:11px;letter-spacing:.1em}.design-preview .preview-choice{gap:25px}.design-preview .preview-choice button{padding:7px 0;border:0;border-bottom:1px solid var(--preview-rule);font-size:14px;text-align:left;flex:none;white-space:normal}.design-preview .preview-choice button[aria-pressed=true]{color:#dcff36;background:none;border-color:currentColor;transform:rotate(-2deg)}.design-preview .preview-statement-choice button{font-size:14px}.design-preview .preview-statement-choice button:before{border-radius:0;width:8px;height:8px}.design-preview #preview-profile{font-size:12px;line-height:1.5;padding:12px 0}.design-preview #preview-profile option{background:#161612;color:#ece9df}.design-preview .preview-transport{border-top:0;padding-top:0}.design-preview .preview-transport [data-preview-action=play]{font-family:c0unt-r;font-size:15px}.design-preview .preview-description,.design-preview .preview-factors{font-size:12px;line-height:1.65}.design-preview .preview-note{font-size:11px;line-height:1.65}.design-preview .preview-browse{font-family:c0unt-h;font-size:16px;padding:12px 0}.design-preview .preview-collection h2{font-family:c0unt-r;font-size:32px}.design-preview .preview-collection-heading p{font-size:12px}.design-preview .preview-gallery{gap:38px 22px;padding:14px 5px}.design-preview .preview-print:nth-child(4n+1){transform:rotate(-1deg)}.design-preview .preview-print:nth-child(4n+3){transform:rotate(1deg)}.design-preview .preview-print>span{font-size:11px;padding-top:12px}.design-preview .preview-print:hover{opacity:1;transform:rotate(0)}.design-preview .preview-print:focus-visible{outline-color:#dcff36}
@media(max-width:900px){.design-preview .preview-workspace{gap:4vw;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr)}.design-preview .preview-stage{height:66svh;min-height:320px}.design-preview .preview-heading{align-items:flex-end}.design-preview .preview-navigation{max-width:180px}.family-strip{gap:5px 18px}.family-strip button{font-size:13px}}
@media(max-width:600px){.design-preview{padding-top:25px}.design-preview h1{font-size:48px}.design-preview .preview-kicker{font-size:10px}.design-preview .preview-navigation{max-width:none;margin-top:24px;gap:25px}.design-preview .preview-navigation button{font-size:11px}.design-preview .preview-heading{padding-bottom:24px}.family-strip{gap:6px 18px;padding:10px 0}.family-strip button{font-size:12px}.design-preview .preview-workspace{display:block}.design-preview .preview-stage{height:auto;min-height:0;aspect-ratio:4/5}.design-preview .preview-frame{transform:none}.design-preview .preview-inspector{padding-top:35px}.design-preview .preview-choice button{font-size:14px}.design-preview .preview-collection h2{font-size:29px}.design-preview .preview-gallery{gap:28px 14px}.design-preview .preview-collection-heading p{font-size:11px}.design-preview .preview-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.design-preview .preview-frame,.design-preview .preview-print{transform:none}}
@media print{body[data-screen=preview],.design-preview{background:white;color:black}.family-strip{display:none}.design-preview .preview-print{transform:none!important}.design-preview .preview-collection{display:block!important}.design-preview .preview-note{display:none}}