.icp-section{margin-top:18px}.icp-h{margin:0 0 8px;font-size:1.05rem}.icp-info{overflow-wrap:anywhere;margin:8px 0}.icp-stage-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/16px 16px;justify-content:center;margin:8px 0 12px;padding:8px;display:flex}.icp-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;max-width:100%;line-height:0;display:inline-block;position:relative}.icp-canvas{width:auto;max-width:100%;height:auto;max-height:60vh;display:block}.icp-line{pointer-events:none;position:absolute}.icp-line-v{background:#ffffffbf;width:1px;margin-left:-.5px;top:0;bottom:0;box-shadow:0 0 0 1px #00000059}.icp-line-h{background:#ffffffbf;height:1px;margin-top:-.5px;left:0;right:0;box-shadow:0 0 0 1px #00000059}.icp-ring{cursor:crosshair;border:2px solid #fff;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;position:absolute;box-shadow:0 0 0 1px #000000bf,inset 0 0 0 1px #000000bf}.icp-ring:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.icp-result{margin-top:8px}.icp-point{font-variant-numeric:tabular-nums;margin:0 0 8px}.icp-current{flex-wrap:wrap;align-items:flex-start;gap:12px 16px;display:flex}.icp-loupe{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:121px;height:121px;image-rendering:pixelated;background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/11px 11px;display:block}.icp-chip{border:1px solid var(--border-strong);vertical-align:middle;background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/8px 8px;border-radius:6px;flex:none;width:28px;height:28px;display:inline-block;overflow:hidden}.icp-chip>span{width:100%;height:100%;display:block}.icp-chip-lg{border-radius:var(--radius-sm);background-size:16px 16px;width:121px;height:121px}.icp-values{flex:220px;gap:6px;min-width:0;margin:0;display:grid}.icp-value{grid-template-columns:3.2em 1fr;align-items:center;gap:4px 8px;display:grid}.icp-value dt{color:var(--muted);font-weight:700}.icp-value dd{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;margin:0;display:flex}.icp-value .mono{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.icp-current-note{flex:220px;margin:0}.icp-swatches{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.icp-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;display:flex}.icp-swatch-hex{font-variant-numeric:tabular-nums;min-width:6.5em}.icp-share{color:var(--muted);font-variant-numeric:tabular-nums}.icp-swatch-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:inline-flex}.icp-swatch-actions .action-wrap{flex-direction:row}.icp-bar{border:1px solid var(--border-strong);border-radius:6px;height:18px;margin:8px 0;display:flex;overflow:hidden}.icp-bar>span{min-width:2px;display:block}
