.cyanotype{--lab-blue: var(--color-primary);--lab-blue-soft: #a8bce8;--lab-paper: #f0ede4;--lab-ink: #1a1719;--lab-red: #cf5039;--lab-mono: var(--axo-font-mono, ui-monospace, Consolas, monospace);--lab-display: "Neulis Sans", Arial, Helvetica, sans-serif}.cyanotype .plate{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;gap:10px;min-width:0}.cyanotype .field{aspect-ratio:1.16;width:100%;position:relative;overflow:hidden;background:#f6f3eb;border:1px solid color-mix(in srgb,var(--lab-blue) 14%,var(--lab-paper))}.cyanotype .field svg{position:absolute;inset:12%;width:76%;height:76%;fill:var(--lab-blue);color:var(--lab-blue);--lit: var(--lab-blue-soft);--cut: var(--lab-paper)}.cyanotype .plate:not(:disabled):not(.plate--pending):is(:hover,:focus-visible,.is-lit) .field{background:#e9edf6;border-color:var(--lab-blue)}.cyanotype .plate:focus-visible{outline:2px solid var(--lab-blue);outline-offset:5px}.cyanotype .plate .name{font-size:13px}.cyanotype .plate--pending .name{color:var(--lab-red)}@media(prefers-reduced-motion:no-preference){.cyanotype .field{transition:background-color .24s,border-color .24s}}