@layer jig.reset,jig.tokens,jig.base,jig.components;@layer jig.reset{:root{box-sizing:border-box}html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{font-weight:400;font-size:inherit;margin:0;padding:0;font-style:normal}}body{margin:0;background:var(--color-surfaces-body);color:var(--color-text-primary)}.wrap{flex-wrap:wrap}.min-w-0{min-width:0}.lead{color:var(--color-text-secondary);max-width:46ch}.plate{border-radius:var(--radius-600);overflow:hidden;background:var(--color-surfaces-card);box-shadow:inset 0 0 0 1px #80808038}.plate-frame .plate{aspect-ratio:5 / 3;position:relative}.plate-frame{position:relative;width:100%;container-type:inline-size}.plate-layer{position:absolute;inset:0}.hero-title{position:absolute;top:-.125em;left:-4cqi;font-size:28cqi;letter-spacing:-.04em;white-space:nowrap;color:var(--color-text-primary);transition:color .35s ease}.hero-blurb{border-radius:var(--radius-600);background:var(--color-surfaces-card);color:var(--color-text-primary);position:absolute;bottom:var(--spacing-500);place-self:center;inset:auto 0 var(--spacing-500)}.plate>guilloche-pattern,.plate-layer>guilloche-pattern,.closing-bg>guilloche-pattern,.shape>guilloche-pattern{display:block;width:100%;height:100%;aspect-ratio:auto}.focus{transition:filter .3s ease,opacity .3s ease}.focus-out,.focus-in{filter:blur(36px);opacity:.35}.focus-in{transition:none}.focus-idle{filter:blur(0);opacity:1}@media(prefers-reduced-motion:reduce){.focus{transition:opacity .12s ease}.focus-out,.focus-in{filter:none;opacity:0}}.demo-card{flex:0 0 30rem;max-width:100%;aspect-ratio:22 / 14;border-radius:14px;overflow:hidden;background:var(--color-surfaces-card);box-shadow:inset 0 0 0 1px #80808038;transform-origin:center center;transition:transform .16s ease-out;will-change:transform;display:flex}@media(prefers-reduced-motion:reduce){.demo-card{transition:none}}.panel{display:flex;flex-direction:column;gap:var(--spacing-300);width:-webkit-fill-available;width:stretch}.panel-row{display:flex;align-items:center;gap:var(--spacing-400);min-height:24px}.panel-label{flex:0 0 5.25rem;color:var(--color-text-secondary)}.panel-track{position:relative;display:block;flex:1 1 0;min-width:0;height:2px;border-radius:var(--radius-900);background:repeating-linear-gradient(90deg,var(--color-control-hover-border),var(--color-control-hover-border) 1px,var(--color-surfaces-card) 1px,var(--color-surfaces-card) 4px)}.panel-fill{position:absolute;inset:0 auto 0 0;display:block;border-radius:var(--radius-900);background:var(--color-slider-indicator)}.panel-value{flex:0 0 3.5rem;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-300);max-width:calc(5 * 5.25rem + 4 * var(--spacing-300))}.picker-thumb{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:none;border-radius:var(--radius-500);overflow:hidden;background:none;cursor:pointer}.picker-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.picker-thumb:hover img{transform:scale(1.06)}.picker-thumb:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.picker-eye{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-surfaces-body);color:var(--color-text-primary)}.shape-stage{display:grid;place-items:center;height:clamp(15rem,30vw,26rem);border-radius:var(--radius-600);background:var(--color-surfaces-card);box-shadow:inset 0 0 0 1px #80808038;overflow:hidden}.shape{overflow:hidden;max-width:100%;max-height:100%;transition:width .35s ease,border-radius .35s ease}.shape-full{width:100%;aspect-ratio:16 / 5}.shape-card{width:100%;max-width:28.75rem;aspect-ratio:22 / 14;border-radius:var(--radius-600)}.shape-circle{height:100%;max-height:21.25rem;aspect-ratio:1;border-radius:50%}.closing{position:relative;display:grid;place-items:center;min-height:24rem;overflow:hidden;border-top:1px solid var(--color-stroke-subtle, rgb(128 128 128 / .18))}.closing-bg{position:absolute;inset:0;width:100%;height:100%}.closing>:not(.closing-bg){position:relative}