.tlb-icp__layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);align-items:start;display:grid}.tlb-icp__stage{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.tlb-icp__image-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-2);cursor:crosshair;touch-action:none;max-width:100%;display:inline-block;position:relative;overflow:hidden}.tlb-icp__image-wrapper:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tlb-icp__image{-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}.tlb-icp__magnifier{top:var(--space-2);right:var(--space-2);border:2px solid var(--color-surface);border-radius:var(--radius-2);width:150px;height:150px;box-shadow:0 0 0 1px var(--color-border);pointer-events:none;background:var(--color-surface-2);position:absolute}.tlb-icp__panel{gap:var(--space-3);flex-direction:column;display:flex}.tlb-icp__panel-title{font-size:var(--text-base);color:var(--color-text);margin:0}.tlb-icp__result{gap:var(--space-3);flex-direction:column;display:flex}.tlb-icp__checker{background-image:linear-gradient(45deg, var(--color-border) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.tlb-icp__swatch-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tlb-icp__swatch{border:1px solid var(--color-border);border-radius:var(--radius-2);width:64px;height:64px;display:inline-block}.tlb-icp__swatch--sm{flex:none;width:28px;height:28px}.tlb-icp__previews{gap:var(--space-2);display:flex}.tlb-icp__preview{align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-2);flex-direction:column;display:flex}.tlb-icp__preview-dot{border-radius:var(--radius-full);border:1px solid var(--color-border);width:28px;height:28px}.tlb-icp__preview-label{font-size:var(--text-xs);color:#333}.tlb-icp__preview-label--dark{color:#ddd}.tlb-icp__values{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.tlb-icp__value{gap:var(--space-2) var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid var(--color-border);grid-template-columns:3.5rem 1fr;align-items:center;display:grid}.tlb-icp__value dt{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0}.tlb-icp__value dd{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);flex-wrap:wrap;margin:0;display:flex}.tlb-icp__value code{font-family:var(--font-mono);word-break:break-all}.tlb-icp__palette{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tlb-icp__palette-item{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tlb-icp__palette-item code{font-family:var(--font-mono);font-size:var(--text-sm);flex:6rem}.tlb-icp__remove{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.tlb-icp__foot{margin-top:var(--space-3)}@media (max-width:52rem){.tlb-icp__layout{grid-template-columns:1fr}}