.ck-pick-row{align-items:stretch;gap:var(--s-2);display:flex}.ck-pick-row input[type=color]{flex:auto;min-width:0}.ck-pick-row .btn{align-items:center;gap:var(--s-2);flex:none;display:inline-flex}.ck-hint{color:var(--ink-muted);margin:0;font-size:.8rem}.ck-opacity-row{align-items:center;gap:var(--s-3);display:flex}input[type=range].ck-range{border:1px solid var(--hairline-strong);background-color:#fff;background-image:linear-gradient(to right, transparent, var(--ck-fg,#0f0f12)), conic-gradient(#d9d9e0 25%, transparent 0 50%, #d9d9e0 0 75%, transparent 0);background-size:100% 100%,12px 12px;flex:auto;min-width:0;height:24px}input[type=range].ck-range:focus-visible{outline:3px solid var(--spec-blue);outline-offset:2px}.ck-opaque{min-width:64px;min-height:44px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex:none}.ck-opaque:disabled{opacity:.5;cursor:default}.ck-layers{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.ck-layer{align-items:center;gap:var(--s-3);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--canvas);flex-wrap:wrap;min-width:0;padding:12px;display:flex}.ck-chip{border:1px solid var(--hairline-strong);border-radius:10px;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.ck-checker{background-color:#fff;background-image:conic-gradient(#d9d9e0 25%, transparent 0 50%, #d9d9e0 0 75%, transparent 0);background-size:12px 12px}.ck-chip-fill{position:absolute;inset:0}.ck-layer-body{flex-direction:column;flex:120px;gap:2px;min-width:0;display:flex}.ck-layer-label{color:var(--ink-2);font-size:.8rem;font-weight:600}.ck-layer-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere;font-size:.95rem}.ck-layer-meta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-muted);overflow-wrap:anywhere;font-size:.78rem}.ck-copy{flex:none;min-height:32px}.ck-note{margin:0 0 var(--s-3);color:var(--ink-2);font-size:.86rem}