.ycLa4a_deck{gap:var(--space-m);grid-template-columns:minmax(0,1fr) minmax(16rem,21rem);align-items:start;display:grid}.ycLa4a_main{gap:var(--space-2xs);min-width:0;display:grid}.ycLa4a_picker{scrollbar-width:thin;scroll-snap-type:x proximity;gap:.4rem;padding-bottom:6px;display:flex;position:relative;overflow-x:auto}.ycLa4a_pick{scroll-snap-align:start;border:1px solid var(--line-strong);color:var(--text);cursor:pointer;text-align:left;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) linear;background:0 0;flex:none;align-items:center;gap:.7rem;padding:.5rem .9rem .5rem .6rem;display:inline-flex}.ycLa4a_pick:hover{background:color-mix(in srgb, var(--lib-colour) 10%, var(--bg));transform:translateY(-2px)}.ycLa4a_pick[aria-pressed=true]{background:var(--lib-colour);border-color:var(--lib-colour);color:#fff}.ycLa4a_pickImg{object-fit:cover;object-position:42% 14%;background:color-mix(in srgb, var(--lib-ink) 10%, var(--bg-2));flex:none;width:3rem;height:3rem}.ycLa4a_pickNo{font-family:var(--font-mono-stack);font-size:var(--step--2);letter-spacing:.1em;opacity:.75}.ycLa4a_pickText{text-align:left;grid-template-columns:auto 1fr;grid-template-areas:"no name""no meta";align-items:center;column-gap:.55rem;display:grid}.ycLa4a_pickNo{grid-area:no}.ycLa4a_pickMeta{grid-area:meta}.ycLa4a_pickName{font-family:var(--font-display-stack);font-size:var(--step-2);grid-area:name;font-style:italic;font-weight:800;line-height:1}.ycLa4a_pickMeta{font-family:var(--font-mono-stack);font-size:var(--step--2);letter-spacing:.08em;opacity:.75}.ycLa4a_frame{--cut:22px;background:var(--line-strong);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));padding:1px}.ycLa4a_plate{isolation:isolate;aspect-ratio:16/10;background:color-mix(in srgb, var(--lib-colour) 7%, var(--bg-2));outline:none;width:100%;min-height:21rem;max-height:44rem;position:relative;overflow:hidden}.ycLa4a_plate:focus-visible{box-shadow:inset 0 0 0 2px var(--lib-colour)}.ycLa4a_plate:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--lib-ink) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--lib-ink) 9%, transparent) 1px, transparent 1px);background-position:50%;background-size:48px 48px;position:absolute;inset:0}.ycLa4a_rulerX,.ycLa4a_rulerY{z-index:2;pointer-events:none;opacity:.55;position:absolute}.ycLa4a_rulerX{background:repeating-linear-gradient(to right, var(--lib-ink) 0 1px, transparent 1px 40px) bottom / 100% 14px no-repeat, repeating-linear-gradient(to right, var(--lib-ink) 0 1px, transparent 1px 8px) bottom / 100% 6px no-repeat;height:14px;inset:auto 0 0}.ycLa4a_rulerY{background:repeating-linear-gradient(to bottom, var(--lib-ink) 0 1px, transparent 1px 40px) left / 14px 100% no-repeat, repeating-linear-gradient(to bottom, var(--lib-ink) 0 1px, transparent 1px 8px) left / 6px 100% no-repeat;width:14px;inset:0 auto 0 0}.ycLa4a_host{z-index:1;position:absolute;inset:0}.ycLa4a_canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.ycLa4a_canvas:active{cursor:grabbing}.ycLa4a_fallback{z-index:1;padding:var(--space-m);text-align:center;color:var(--text-dim);place-items:center;gap:.6rem;display:grid;position:absolute;inset:0}.ycLa4a_fallback img{object-fit:contain;width:auto;max-width:100%;max-height:70%}.ycLa4a_tag,.ycLa4a_read,.ycLa4a_hint{z-index:3;pointer-events:none;color:var(--lib-ink);margin:0;position:absolute}.ycLa4a_tag{top:1rem;left:1.6rem}.ycLa4a_read{text-align:right;font-variant-numeric:tabular-nums;top:1rem;right:1.2rem}.ycLa4a_hint{color:var(--text-dim);bottom:1.4rem;left:1.6rem;right:1.2rem}.ycLa4a_loading{z-index:3;pointer-events:none;color:var(--lib-ink);background:color-mix(in srgb, var(--bg) 62%, transparent);transition:opacity var(--dur-base) linear;place-items:center;margin:0;display:grid;position:absolute;inset:0}.ycLa4a_loading[data-gone=true]{opacity:0}.ycLa4a_toolbar{padding-top:var(--space-3xs);flex-wrap:wrap;gap:.4rem;display:flex}.ycLa4a_btn{border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-mono-stack);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) linear;background:0 0;align-items:center;gap:.5rem;padding:.45rem .8rem;display:inline-flex}.ycLa4a_btn:hover:not(:disabled){background:color-mix(in srgb, var(--lib-colour) 10%, var(--bg));transform:translateY(-1px)}.ycLa4a_btn[aria-pressed=true]{background:var(--lib-ink);border-color:var(--lib-ink);color:#fff}.ycLa4a_btn:disabled{opacity:.4;cursor:default}.ycLa4a_panel{gap:var(--space-s);padding:var(--space-s);border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 70%, transparent);display:grid}.ycLa4a_panelHead{color:var(--text-faint);margin:0 0 .5rem}.ycLa4a_switches{gap:.35rem;display:grid}.ycLa4a_switch{border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-body-stack);font-size:var(--step--1);cursor:pointer;text-align:left;transition:background-color var(--dur-fast) linear;background:0 0;justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem .7rem;display:flex}.ycLa4a_switch:hover{background:color-mix(in srgb, var(--lib-colour) 8%, var(--bg))}.ycLa4a_switchBox{border:1px solid var(--lib-ink);flex:none;width:2rem;height:.9rem;position:relative}.ycLa4a_switchBox:after{content:"";background:var(--lib-ink);width:calc(50% - 2px);transition:transform var(--dur-base) var(--ease-out);position:absolute;top:2px;bottom:2px;left:2px;transform:translate(0)}.ycLa4a_switch[aria-checked=true] .ycLa4a_switchBox{background:color-mix(in srgb, var(--lib-colour) 28%, transparent)}.ycLa4a_switch[aria-checked=true] .ycLa4a_switchBox:after{transform:translate(100%)}.ycLa4a_faces{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.ycLa4a_face{aspect-ratio:1;border:1px solid var(--line-strong);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);background:#0a1019;padding:0;position:relative;overflow:hidden}.ycLa4a_face:hover{transform:translateY(-2px)}.ycLa4a_face[aria-pressed=true]{outline:2px solid var(--lib-colour);outline-offset:1px}.ycLa4a_face img{image-rendering:auto;pointer-events:none;width:300%;max-width:none;height:auto;position:absolute;top:0;left:-100%}.ycLa4a_faceNo{z-index:1;font-family:var(--font-mono-stack);color:#9fe7f2;font-size:.65rem;position:absolute;bottom:2px;left:3px}.ycLa4a_facts{font-size:var(--step--1);grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0;display:grid}.ycLa4a_facts dt{color:var(--text-faint);font-family:var(--font-mono-stack);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;align-self:center}.ycLa4a_facts dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.ycLa4a_supplied{color:var(--lib-ink);margin:0}.ycLa4a_notice{border-left:3px solid var(--lib-colour);background:color-mix(in srgb, var(--lib-colour) 8%, transparent);font-size:var(--step--1);color:var(--text-dim);margin:0;padding:.7rem .8rem}@media (max-width:60em){.ycLa4a_deck{grid-template-columns:1fr}.ycLa4a_plate{aspect-ratio:4/5;min-height:0}.ycLa4a_faces{grid-template-columns:repeat(5,1fr)}.ycLa4a_read{display:none}}
