:root{--icr-primary:var(--main-primary);--icr-primary-rgb:99, 102, 241;--icr-text:#1e293b;--icr-text-muted:#64748b;--icr-bg:#fff;--icr-bg-secondary:#f8fafc;--icr-border:#e2e8f0;--icr-border-hover:#cbd5e1;--icr-radius:var(--main-radius);--icr-radius-lg:var(--main-radius-lg);--icr-shadow:0 1px 3px #00000014;--icr-shadow-md:0 4px 12px #0000001a;--icr-danger:#ef4444;--icr-success:#10b981;--icr-checker-light:#fff;--icr-checker-dark:#e2e8f0}._icr-container{min-height:400px}._icr-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-3) var(--main-space-4);background:var(--icr-bg);border-radius:var(--icr-radius-lg);box-shadow:var(--icr-shadow);margin-bottom:var(--main-space-4);display:flex}._icr-toolbar-left,._icr-toolbar-right{align-items:center;gap:var(--main-space-2);display:flex}._icr-layout{gap:var(--main-space-5);align-items:flex-start;display:flex}._icr-preview-area{gap:var(--main-space-2);flex-direction:column;flex:1;min-width:0;display:flex}._icr-controls{gap:var(--main-space-4);flex-direction:column;width:300px;min-width:300px;display:flex}@media (max-width:768px){._icr-container{padding-left:1rem;padding-right:1rem}._icr-layout{flex-direction:column}._icr-controls{width:100%;min-width:0}._icr-toolbar{flex-wrap:wrap}}._icr-upload-zone{background:var(--icr-bg);border-style:dashed;border-width:2px;border-color:var(--icr-border);border-radius:var(--icr-radius-lg);padding:var(--main-space-12) var(--main-space-6);text-align:center;cursor:pointer;box-shadow:var(--icr-shadow)}._icr-upload-zone:hover{border-color:var(--icr-primary);background:rgba(var(--icr-primary-rgb), .02)}._icr-upload-zone._icr-dragover{border-color:var(--icr-primary);background:rgba(var(--icr-primary-rgb), .05)}._icr-upload-content{align-items:center;gap:var(--main-space-3);color:var(--icr-text-muted);flex-direction:column;display:flex}._icr-upload-content svg{color:var(--icr-border-hover)}._icr-upload-title{font-size:var(--main-text-base);color:var(--icr-text);margin:0;font-weight:500}._icr-upload-hint{font-size:var(--main-text-xs);color:var(--icr-text-muted);margin:0}._icr-canvas-wrapper{background-image:repeating-conic-gradient(var(--icr-checker-light) 0% 25%, var(--icr-checker-dark) 0% 50%);border-radius:var(--icr-radius-lg);min-height:300px;box-shadow:var(--icr-shadow);border-style:solid;border-width:1px;border-color:var(--icr-border);cursor:crosshair;background-size:16px 16px;justify-content:center;align-items:center;display:flex;overflow:hidden}._icr-canvas-wrapper canvas{max-width:100%;max-height:70vh;display:block}._icr-info-bar{font-size:var(--main-text-xs);color:var(--icr-text-muted);padding:0 var(--main-space-1);justify-content:space-between;align-items:center;min-height:20px;display:flex}._icr-btn-icon{border-radius:var(--icr-radius);width:34px;height:34px;color:var(--icr-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}._icr-btn-icon:hover{background:var(--icr-bg-secondary);color:var(--icr-text)}._icr-btn-primary{align-items:center;gap:var(--main-space-2);border-radius:var(--icr-radius);background:var(--icr-primary);color:#fff;font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;border:0 solid #0000;padding:.5rem 1rem;font-weight:500;display:inline-flex}._icr-btn-primary:hover{opacity:.9}._icr-btn-secondary{align-items:center;gap:var(--main-space-2);border-radius:var(--icr-radius);border-style:solid;border-width:1px;border-color:var(--icr-border);background:var(--icr-bg);color:var(--icr-text);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-weight:500;display:inline-flex}._icr-btn-secondary:hover{background:var(--icr-bg-secondary);border-color:var(--icr-border-hover)}._icr-card{background:var(--icr-bg);border-radius:var(--icr-radius-lg);padding:var(--main-space-4);box-shadow:var(--icr-shadow);border-style:solid;border-width:1px;border-color:var(--icr-border)}._icr-card-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--icr-text);margin-bottom:var(--main-space-3);font-weight:600;display:flex}._icr-card-title svg{color:var(--icr-primary)}._icr-slider-section{margin-bottom:var(--main-space-3)}._icr-slider-header{font-size:var(--main-text-xs);color:var(--icr-text-muted);margin-bottom:var(--main-space-2);justify-content:space-between;align-items:center;display:flex}._icr-slider-value{color:var(--icr-primary);font-weight:600;font-size:var(--main-text-xs)}._icr-slider{-webkit-appearance:none;appearance:none;background:var(--icr-border);border-radius:3px;outline:none;width:100%;height:6px}._icr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--icr-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--icr-primary-rgb), .3);border-radius:50%}._icr-slider::-moz-range-thumb{background:var(--icr-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--icr-primary-rgb), .3);border:none;border-radius:50%}._icr-option-row{align-items:center;display:flex}._icr-checkbox-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--icr-text);cursor:pointer;display:flex}._icr-checkbox-label input[type=checkbox]{accent-color:var(--icr-primary);width:16px;height:16px}._icr-checkbox-sm{font-size:var(--main-text-xs);color:var(--icr-text-muted)}._icr-checkbox-sm input[type=checkbox]{width:14px;height:14px}._icr-color-list{gap:var(--main-space-3);flex-direction:column;min-height:40px;display:flex}._icr-color-empty{font-size:var(--main-text-xs);color:var(--icr-text-muted);text-align:center;padding:var(--main-space-3) 0}._icr-color-pair{padding:var(--main-space-3);background:var(--icr-bg-secondary);border-radius:var(--icr-radius)}._icr-pair-row{align-items:center;gap:var(--main-space-2);display:flex}._icr-color-swatch{border-style:solid;border-width:1px;border-color:var(--icr-border);border-radius:4px;flex-shrink:0;width:24px;height:24px}._icr-swatch-transparent{background-image:repeating-conic-gradient(#fff 0% 25%,#e2e8f0 0% 50%);background-size:8px 8px}._icr-color-hex{font-family:var(--main-font-mono);font-size:var(--main-text-xs);color:var(--icr-text);min-width:62px}._icr-pair-arrow{color:var(--icr-text-muted);flex-shrink:0;display:inline-flex}._icr-pair-arrow svg{width:12px;height:12px}._icr-target-picker{-webkit-appearance:none;appearance:none;border-style:solid;border-width:1px;border-color:var(--icr-border);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;width:24px;height:24px;padding:0}._icr-target-picker::-webkit-color-swatch-wrapper{padding:0}._icr-target-picker::-webkit-color-swatch{border:none;border-radius:3px}._icr-target-picker::-moz-color-swatch{border:none;border-radius:3px}._icr-color-remove{width:22px;height:22px;color:var(--icr-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}._icr-color-remove:hover{color:var(--icr-danger);background:#ef444414}._icr-pair-options{margin-top:var(--main-space-2);padding-top:var(--main-space-2);border-top-style:solid;border-top-width:1px;border-top-color:var(--icr-border)}@media (max-width:768px){._icr-canvas-wrapper{min-height:200px}._icr-canvas-wrapper canvas{max-height:50vh}}