.icp-wrap{display:flex;flex-direction:column;gap:1rem}.icp-wrap [hidden]{display:none!important}.icp-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:220px;padding:2rem 1.25rem;border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary);text-align:center;cursor:pointer;box-shadow:inset 0 0 0 2px var(--color-border-soft);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.icp-drop:hover,.icp-drop:focus-visible,.icp-drop.icp-drop-active{outline:none;background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 2px var(--color-primary),0 0 0 4px var(--color-primary-light)}.icp-drop-icon{color:var(--color-primary);opacity:.85}.icp-drop-hint{font-weight:700;font-size:.98rem;color:var(--color-text);margin:0}.icp-drop-sub{font-size:.82rem;color:var(--color-text-muted);font-family:var(--font-mono);margin:0}.icp-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.icp-result{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:1.25rem;padding:1rem;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-soft),var(--shadow-card)}.icp-preview-col{display:flex;flex-direction:column;gap:.6rem;min-width:0}.icp-preview-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft);overflow:hidden}.icp-preview-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.icp-file-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.icp-filename{font-size:.86rem;font-weight:700;color:var(--color-text);word-break:break-all;margin:0}.icp-dimensions{font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-muted);margin:0}.icp-controls{display:flex;flex-direction:column;gap:.85rem;min-width:0}.icp-control-row{display:flex;flex-direction:column;gap:.4rem;min-width:0}.icp-control-row .tool-label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.icp-control-row .tool-label>span{font-family:var(--font-mono);font-weight:700;color:var(--color-primary)}.icp-select{padding:.55rem .75rem;border:0;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;background:var(--color-bg-secondary);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-soft);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.icp-select:focus{outline:none;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-light)}.icp-checkbox{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;color:var(--color-text-secondary);cursor:pointer}.icp-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:.85rem}.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-swatch-top{appearance:none;border:0;cursor:pointer;width:100%;min-height:88px;padding:.85rem .7rem;font:inherit;display:flex;align-items:flex-end;justify-content:flex-start;transition:filter var(--transition-fast),transform var(--transition-fast)}@media(hover:hover){.icp-swatch-top:hover{filter:saturate(1.08) brightness(1.04)}}.icp-swatch-top:active{transform:scale(.985)}.icp-swatch-top:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}.icp-swatch-hex{font-family:var(--font-mono);font-size:.86rem;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.16)}.icp-swatch-meta{display:flex;flex-direction:column;gap:.18rem;padding:.45rem .55rem .55rem}.icp-swatch-row{appearance:none;border:0;background:transparent;color:var(--color-text);cursor:pointer;font:inherit;text-align:left;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:.4rem;padding:.22rem .34rem;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.icp-swatch-row.is-readonly{cursor:default;color:var(--color-text-muted)}@media(hover:hover){.icp-swatch-row:not(.is-readonly):hover{background:var(--color-bg-secondary)}}.icp-swatch-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.icp-swatch-row-label{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.icp-swatch-row.is-readonly .icp-swatch-row-label{color:var(--color-text-muted)}.icp-swatch-row-value{font-family:var(--font-mono);font-size:.78rem;word-break:break-all;min-width:0}.icp-bulk{display:flex;flex-wrap:wrap;gap:.6rem}.icp-privacy{margin:.25rem 0 0;font-size:.78rem;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:.4rem}@media(max-width:720px){.icp-result{grid-template-columns:1fr}.icp-preview-frame{max-height:240px}}@media(max-width:460px){.icp-drop{min-height:180px;padding:1.5rem 1rem}.icp-palette{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.icp-swatch-top{min-height:76px}}