.cp-head{display:grid;align-content:end;min-height:11rem;padding:16px;border-radius:12px}.cp-head,.cp-c,.cp-strip button,.cp-aa{border:1px solid #0002}.cp-head .readout-label{color:inherit}.cp-sv{position:relative;height:clamp(6.5rem,100svh - 31rem,15rem);border-radius:8px;touch-action:none;cursor:crosshair;background-image:linear-gradient(0deg,#000,#0000),linear-gradient(90deg,#fff,#fff0)}.cp-dot{position:absolute;width:22px;height:22px;margin:-11px;border-radius:50%;border:3px solid;box-shadow:0 0 0 1px #0006;pointer-events:none}.cp-hue{background:linear-gradient(90deg,red 12px,#ff0,#0f0,#0ff,#00f,#f0f,red calc(100% - 12px)) 50%/100% 12px no-repeat}.cp-hue::-webkit-slider-runnable-track{background:0 0}.cp-hue::-moz-range-track{background:0 0}.cp-hue::-webkit-slider-thumb{background:var(--hue)}.cp-in{display:grid;grid-template-columns:2.75rem 1fr auto;gap:8px}#cp-color{padding:3px}#cp-text,.cp-v{font-family:var(--font-mono)}.cp-in .btn{width:2.75rem;padding:0}.cp-foot,.cp-pair{display:flex;flex-wrap:wrap;gap:8px}.cp-foot>:last-child{margin-left:auto}.breakdown>.cp-f{flex-wrap:wrap;align-items:center}.cp-v{margin-left:auto;padding:0 8px;font-size:.8125rem}.cp-aa{display:inline-grid;place-items:center;width:2rem;height:1.5rem;margin-right:8px;border-radius:4px;font-weight:600}.cp-aa:before{content:"Aa"}.breakdown>.cp-strip{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.cp-strip button,.cp-c{height:2.75rem;border-radius:6px}.cp-strip [aria-current]{border:3px solid}.breakdown>.cp-chips{display:flex;justify-content:start;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:8px 0}.cp-c{width:2.75rem}.cp-chips li{display:flex}@media(max-width:63.99em){.cp-head{min-height:0;padding:8px 12px;align-content:center}.app-page .app .cp-head .compact-meta{text-align:left}.app-page .app .look-card .look-actions{display:flex;grid-area:2/2;align-self:end;z-index:1}.look-card [data-action=share]{display:none}.look-card .look-actions .btn{height:var(--control-sm);padding:0 10px}.touch [data-form]{gap:12px}}