.plate{--serif: "EB Garamond", Georgia, "Times New Roman", serif;--mono: "IBM Plex Mono", ui-monospace, monospace;width:min(100%,1180px);margin:0 auto;padding:0 clamp(14px,3vw,40px) 40px}.plate-title{text-align:center;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(34px,7vw,66px);letter-spacing:.08em;color:var(--fg)}.plate-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(16px,3vw,44px);align-items:start}.plate-wheel{min-width:0}.plate-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none;outline:none}.plate-svg:focus-visible{outline:3px solid var(--acc);outline-offset:6px}.plate-cell{stroke:rgb(var(--tint) / .34);stroke-width:.5}.plate-grid line,.plate-grid circle{fill:none;stroke:rgb(var(--tint) / .55);stroke-width:1}.plate-cursor{fill:none;stroke:var(--page);stroke-width:5;paint-order:stroke;filter:drop-shadow(0 0 2px rgb(var(--tint) / .9));opacity:0;transition:opacity .15s ease}.plate.has-cursor .plate-cursor{opacity:1}.plate-core-disc{fill:var(--page-2);stroke:rgb(var(--tint) / .6);stroke-width:1.5}.plate-tri{cursor:pointer;outline:none}.plate-tri-mix{pointer-events:auto}.plate-tri:focus-visible{stroke:var(--page);stroke-width:4}@media(hover:hover){.plate-tri:hover{filter:brightness(1.12)}}.plate-core-nums text,.plate-ring-nums text{font-family:var(--serif);font-size:19px;fill:rgb(var(--tint) / .8);text-anchor:middle;dominant-baseline:middle}.plate-ring-nums text{font-size:19px;fill:rgb(var(--tint) / .62)}.plate-label{font-family:var(--serif);font-style:italic;font-size:21px;fill:rgb(var(--tint) / .82);text-anchor:middle}.plate-label.is-primary{font-style:normal;font-weight:600;font-size:27px;letter-spacing:.12em;fill:var(--fg)}.plate.is-bare .plate-labels,.plate.is-bare .plate-core-nums,.plate.is-bare .plate-ring-nums{display:none}.plate-caption{margin-top:18px;text-align:center;font-family:var(--serif);font-size:clamp(16px,2.4vw,24px);letter-spacing:.04em;color:var(--fg)}.plate-credit{text-align:center;font-family:var(--serif);font-size:12.5px;color:rgb(var(--tint) / .6);line-height:1.5}.plate-legend-title{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);margin-bottom:10px}.plate-swatches{list-style:none;display:grid;gap:4px;margin:0;padding:0}.plate-swatch{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 12px;width:100%;min-height:48px;padding:6px 10px;cursor:pointer;text-align:left;border:1px solid rgb(var(--tint) / .16);background:var(--page-2);transition:border-color .2s ease,background .2s ease}.plate-swatch-chip{grid-row:1 / 3;width:34px;height:34px;border:1px solid rgb(var(--tint) / .3)}.plate-swatch-hex{font-family:var(--mono);font-size:12.5px;color:var(--fg)}.plate-swatch-name{font-family:var(--f1);font-size:11px;color:var(--fg-3)}.plate-swatch:focus-visible{outline:2px solid var(--acc);outline-offset:2px}@media(hover:hover){.plate-swatch:hover{border-color:var(--fg);background:var(--page-3)}}.plate-readout{position:sticky;top:calc(var(--topbar-h, 66px) + 12px);z-index:20;display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px;border:1px solid rgb(var(--tint) / .22);background:var(--page-2);box-shadow:var(--shadow)}.plate-readout-chip{flex:0 0 auto;width:44px;height:44px;border:1px solid rgb(var(--tint) / .35);background:repeating-linear-gradient(45deg,var(--page-3) 0 6px,var(--page) 6px 12px)}.plate-readout-copy{display:grid;gap:1px;min-width:0;flex:1 1 auto}.plate-readout-hex{font-family:var(--mono);font-size:17px;letter-spacing:.04em;color:var(--fg)}.plate-readout-name{font-family:var(--f1);font-size:11.5px;color:var(--fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plate-copy{flex:0 0 auto;min-height:44px;padding:0 20px;cursor:pointer;border:1px solid var(--fg);background:var(--fg);color:var(--page);font-family:var(--f1);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:background .2s ease,color .2s ease}.plate-copy[disabled]{opacity:.4;cursor:default}.plate-copy:focus-visible{outline:2px solid var(--acc);outline-offset:2px}@media(hover:hover){.plate-copy:not([disabled]):hover{background:var(--acc);border-color:var(--acc)}}.plate.is-copied .plate-copy{background:#4f7d47;border-color:#4f7d47}.plate-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1100px){.plate-body{grid-template-columns:minmax(0,1fr)}.plate-swatches{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.plate-legend{margin-top:8px;display:flex;flex-direction:column}.plate{padding-bottom:86px}.plate-readout{position:fixed;inset:auto 0 0;z-index:40;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-width:1px 0 0;box-shadow:var(--shadow-up)}.plate-legend-title{order:1}.plate-swatches{order:2}}@media(max-width:420px){.plate-readout{gap:10px;padding:8px}.plate-readout-hex{font-size:15px}.plate-copy{padding:0 14px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.plate-cursor,.plate-swatch,.plate-copy{transition:none}}.plate-sheet{padding-top:18px}html[data-theme=papel] .page-title{font-family:EB Garamond,Georgia,serif;font-weight:600;letter-spacing:-.01em}html[data-theme=papel] .page-title em{font-family:EB Garamond,Georgia,serif}