.icp-wrap{position:relative;display:flex;flex-direction:column;min-height:0;gap:.75rem}.icp-wrap [hidden]{display:none!important}.icp-wrap.is-dragging:after{content:"";position:absolute;inset:-6px;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 2px var(--color-primary),0 0 0 4px var(--color-primary-light);pointer-events:none}.icp-drop{gap:.6rem;padding:1.25rem 1rem;border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 2px var(--color-border-soft);text-align:center;cursor:pointer}.icp-wrap.is-dragging .icp-drop{background:var(--color-surface)}.icp-drop.is-compact{flex:none;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;min-height:0;padding:.6rem .75rem;text-align:left}.icp-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.icp-hint{margin:0;font-size:.85rem;color:var(--color-text-secondary);max-width:34rem}.icp-hint-short,.icp-drop.is-compact .icp-hint-long{display:none}.icp-drop.is-compact .icp-hint-short{display:inline}.icp-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.icp-status{margin:0;height:3rem;flex:none;overflow:auto;font-size:.85rem;line-height:1.5;color:var(--color-text-secondary)}.icp-status.is-ok{color:var(--color-text-secondary)}.icp-status.is-info{color:var(--color-primary)}.icp-status.is-error{color:var(--color-danger)}.icp-control-tip{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.icp-filter-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .85rem}.icp-wrap:has(#icp-main[hidden]) .icp-controls,.icp-wrap:has(#icp-main[hidden]) .icp-results{display:none}.icp-results{flex:1 1 0;min-height:300px;min-width:0;overflow:auto;overscroll-behavior:contain;padding:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.icp-palette-title{margin:0;font-size:.95rem;font-weight:650}.icp-export-fold{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:.5rem}.icp-export-fold>summary{min-height:44px;padding:.55rem 0;cursor:pointer;font-size:.9rem;font-weight:600}.icp-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1rem;align-items:start}.icp-side{display:flex;flex-direction:column;gap:.75rem;min-width:0}.icp-controls{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.icp-ctl{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--color-text-secondary)}.icp-ctl-label{font-weight:600;color:var(--color-text);white-space:nowrap}.icp-ctl-k input{width:110px;margin:0 0 0 .25rem;accent-color:var(--color-primary)}.icp-ctl-k output{min-width:1.6em;font-family:var(--font-mono);font-weight:700;color:var(--color-primary)}.icp-select{min-height:34px;padding:.3rem .55rem;border:0;border-radius:var(--radius-md);font:inherit;font-size:.85rem;background:var(--color-bg-secondary);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.icp-select:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-light)}.icp-more{display:contents}.icp-more-sum{display:none}.icp-more-body{display:contents}.icp-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer}.icp-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--color-border-soft)}.icp-seg{display:block;min-width:2px;height:100%}.icp-seg-ignored{background:repeating-linear-gradient(135deg,var(--color-bg-secondary) 0 4px,var(--color-border-soft) 4px 8px)}.icp-palette{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:.6rem}.icp-swatch{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-soft),var(--shadow-card)}.icp-chip{appearance:none;border:0;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:end;gap:.1rem .5rem;min-height:72px;padding:.55rem .65rem;font:inherit;text-align:left}.icp-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}.icp-chip-n{grid-row:1 / span 2;align-self:start;font-family:var(--font-mono);font-size:.75rem;font-weight:800;opacity:.8}.icp-chip-hex{font-family:var(--font-mono);font-weight:800;font-size:.95rem;letter-spacing:.03em}.icp-chip-share{font-family:var(--font-mono);font-size:.8rem;font-weight:600}.icp-vals{display:flex;flex-direction:column;padding:.3rem .35rem .1rem}.icp-val{appearance:none;border:0;background:transparent;color:var(--color-text);font-family:var(--font-mono);font-size:.74rem;text-align:left;padding:.18rem .3rem;border-radius:var(--radius-sm);cursor:pointer;overflow-wrap:anywhere}@media(hover:hover){.icp-val:hover{background:var(--color-bg-secondary)}}.icp-val:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.icp-links{display:flex;flex-wrap:wrap;gap:.1rem .75rem;padding:.15rem .65rem .5rem;font-size:.78rem}.icp-link{color:var(--color-primary);text-decoration:none;white-space:nowrap}.icp-link:hover,.icp-link:focus-visible{text-decoration:underline}.icp-preview{margin:0;display:flex;flex-direction:column;gap:.4rem;align-items:center;min-width:0}.icp-preview-box{max-width:100%;position:relative;border-radius:var(--radius-md);overflow:hidden;background:repeating-conic-gradient(var(--color-bg-secondary) 0 25%,var(--color-surface) 0 50%) 0 0 / 16px 16px;box-shadow:inset 0 0 0 1px var(--color-border-soft)}.icp-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:26rem}.icp-markers{position:absolute;inset:0;pointer-events:none}.icp-marker{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:.68rem;font-weight:800;box-shadow:0 0 0 2px #fff,0 0 0 3px #0000008c;transition:transform var(--transition-fast)}.icp-marker.is-active{transform:scale(1.45);z-index:1}.icp-info{font-size:.78rem;color:var(--color-text-muted);word-break:break-word}.icp-export{display:flex;flex-direction:column;gap:.6rem}.icp-export-title{margin:0;font-size:1rem}.icp-export-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.icp-code{margin:0;height:12rem;overflow:auto;padding:.75rem .9rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft);font-family:var(--font-mono);font-size:.8rem;line-height:1.5;white-space:pre}@media(max-width:860px){.icp-results{flex:none;height:34rem;min-height:0}.icp-status{height:4.5rem}.icp-main{grid-template-columns:minmax(0,1fr)}.icp-more{display:block;flex-basis:100%}.icp-more-sum{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--color-text)}.icp-more-body{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;padding-bottom:.25rem}.icp-canvas{max-height:300px;width:auto;max-width:100%;margin:0 auto}}@media(max-width:640px){.icp-drop{min-height:220px;flex:none;padding:.9rem .75rem}.icp-drop.is-compact{min-height:0}.icp-results{padding:.65rem}.icp-hint-long{display:none}.icp-hint-short{display:inline}.icp-controls{gap:.4rem .75rem}.icp-select,.icp-check,.icp-ctl-k{min-height:44px}.icp-ctl-k input{width:120px}.icp-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.icp-chip{min-height:60px}.icp-val{min-height:24px}.icp-link{display:inline-flex;align-items:center;min-height:24px}}