:root{--ir-primary:var(--main-primary);--ir-primary-rgb:99, 102, 241;--ir-text:#1e293b;--ir-text-muted:#64748b;--ir-bg:#fff;--ir-bg-secondary:#f8fafc;--ir-border:#e2e8f0;--ir-border-hover:#cbd5e1;--ir-radius:var(--main-radius);--ir-radius-lg:var(--main-radius-lg);--ir-shadow:0 1px 3px #00000014;--ir-shadow-md:0 4px 12px #0000001a;--ir-danger:#ef4444;--ir-success:#10b981;--ir-highlight:var(--main-primary)}._ir-container{min-height:400px}._ir-layout{gap:var(--main-space-6);align-items:flex-start;display:flex}._ir-controls{gap:var(--main-space-4);flex-direction:column;width:320px;min-width:320px;display:flex}._ir-preview-area{gap:var(--main-space-2);flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:768px){._ir-container{padding-left:1rem;padding-right:1rem}._ir-layout{flex-direction:column}._ir-controls{width:100%;min-width:0}}._ir-upload-zone{background:var(--ir-bg);border-style:dashed;border-width:2px;border-color:var(--ir-border);border-radius:var(--ir-radius-lg);padding:var(--main-space-12) var(--main-space-6);text-align:center;cursor:pointer;box-shadow:var(--ir-shadow)}._ir-upload-zone:hover{border-color:var(--ir-primary);background:rgba(var(--ir-primary-rgb), .02)}._ir-upload-zone._ir-dragover{border-color:var(--ir-primary);background:rgba(var(--ir-primary-rgb), .05)}._ir-upload-content{align-items:center;gap:var(--main-space-3);color:var(--ir-text-muted);flex-direction:column;display:flex}._ir-upload-content svg{color:var(--ir-border-hover)}._ir-upload-title{font-size:var(--main-text-base);color:var(--ir-text);margin:0;font-weight:500}._ir-upload-hint{font-size:var(--main-text-xs);color:var(--ir-text-muted);margin:0}._ir-image-info{background:var(--ir-bg);border-radius:var(--ir-radius);padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--ir-border);box-shadow:var(--ir-shadow)}._ir-info-grid{gap:var(--main-space-2) var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._ir-info-item{flex-direction:column;gap:2px;display:flex}._ir-info-label{font-size:var(--main-text-xs);color:var(--ir-text-muted)}._ir-info-value{font-size:var(--main-text-sm);color:var(--ir-text);font-weight:500;font-family:var(--main-font-mono)}._ir-info-highlight{color:var(--ir-highlight)}._ir-info-actions{gap:var(--main-space-2);margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:solid;border-top-width:1px;border-top-color:var(--ir-border);display:flex}._ir-btn-text{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-xs);color:var(--ir-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-weight:500;display:inline-flex}._ir-btn-text:hover{opacity:.8}._ir-mode-tabs{background:var(--ir-bg);border-radius:var(--ir-radius);border-style:solid;border-width:1px;border-color:var(--ir-border);box-shadow:var(--ir-shadow);padding:3px;display:flex}._ir-mode-tab{padding:var(--main-space-2) var(--main-space-3);font-size:var(--main-text-sm);color:var(--ir-text-muted);cursor:pointer;border-radius:calc(var(--ir-radius) - 2px);background:0 0;border:none;flex:1;font-family:inherit;font-weight:500}._ir-mode-tab:hover{color:var(--ir-text)}._ir-mode-tab._ir-active{background:var(--ir-primary);color:#fff;box-shadow:0 1px 3px rgba(var(--ir-primary-rgb), .3)}._ir-mode-panel{background:var(--ir-bg);border-radius:var(--ir-radius);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--ir-border);box-shadow:var(--ir-shadow)}._ir-dimension-row{align-items:flex-end;gap:var(--main-space-2);display:flex}._ir-dimension-field{flex:1}._ir-dimension-field label{font-size:var(--main-text-xs);color:var(--ir-text-muted);margin-bottom:var(--main-space-1);font-weight:500;display:block}._ir-dimension-actions{gap:var(--main-space-2);margin-top:var(--main-space-3);display:flex}._ir-btn-sm{align-items:center;gap:var(--main-space-1);padding:var(--main-space-1) var(--main-space-3);border-style:solid;border-width:1px;border-color:var(--ir-border);border-radius:var(--ir-radius);background:var(--ir-bg);font-size:var(--main-text-xs);color:var(--ir-text-muted);cursor:pointer;font-family:inherit;font-weight:500;display:inline-flex}._ir-btn-sm:hover{border-color:var(--ir-primary);color:var(--ir-primary)}._ir-input{width:100%;padding:var(--main-space-2) var(--main-space-3);border-style:solid;border-width:1.5px;border-color:var(--ir-border);border-radius:var(--ir-radius);font-size:var(--main-text-sm);color:var(--ir-text);background:var(--ir-bg);font-family:var(--main-font-mono);box-sizing:border-box}._ir-input:focus{border-color:var(--ir-primary);box-shadow:0 0 0 3px rgba(var(--ir-primary-rgb), .1);outline:none}._ir-input-sm{text-align:center;width:70px}._ir-lock-btn{width:36px;height:36px;color:var(--ir-primary);cursor:pointer;border-radius:var(--ir-radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;display:flex}._ir-lock-btn:hover{background:rgba(var(--ir-primary-rgb), .08)}._ir-lock-btn svg:last-child,._ir-lock-btn:not(._ir-locked) svg:first-child{display:none}._ir-lock-btn:not(._ir-locked) svg:last-child{display:block}._ir-lock-btn:not(._ir-locked){color:var(--ir-text-muted)}._ir-percent-control label{font-size:var(--main-text-xs);color:var(--ir-text-muted);margin-bottom:var(--main-space-2);font-weight:500;display:block}._ir-percent-row{align-items:center;gap:var(--main-space-3);display:flex}._ir-slider{-webkit-appearance:none;appearance:none;background:var(--ir-border);border-radius:3px;outline:none;flex:1;height:6px}._ir-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ir-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--ir-primary-rgb), .3);border-radius:50%}._ir-slider::-moz-range-thumb{background:var(--ir-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--ir-primary-rgb), .3);border:none;border-radius:50%}._ir-percent-input-wrap{flex-shrink:0;align-items:center;gap:2px;display:flex}._ir-percent-sign{font-size:var(--main-text-sm);color:var(--ir-text-muted);font-weight:500}._ir-percent-presets{gap:var(--main-space-2);margin-top:var(--main-space-3);flex-wrap:wrap;display:flex}._ir-percent-btn{padding:var(--main-space-1) var(--main-space-3);border-style:solid;border-width:1px;border-color:var(--ir-border);border-radius:var(--ir-radius);background:var(--ir-bg);font-size:var(--main-text-xs);color:var(--ir-text);cursor:pointer;font-family:inherit;font-weight:500}._ir-percent-btn:hover{border-color:var(--ir-primary);color:var(--ir-primary)}._ir-percent-btn._ir-active{background:rgba(var(--ir-primary-rgb), .1);border-color:var(--ir-primary);color:var(--ir-primary)}._ir-preset-filter{margin-bottom:var(--main-space-3)}._ir-select{width:100%;padding:var(--main-space-2) var(--main-space-3);border-style:solid;border-width:1.5px;border-color:var(--ir-border);border-radius:var(--ir-radius);font-size:var(--main-text-sm);color:var(--ir-text);background:var(--ir-bg);cursor:pointer;box-sizing:border-box}._ir-select:focus{border-color:var(--ir-primary);box-shadow:0 0 0 3px rgba(var(--ir-primary-rgb), .1);outline:none}._ir-preset-grid{gap:var(--main-space-2);flex-direction:column;max-height:280px;display:flex;overflow-y:auto}._ir-preset-item{align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);border-style:solid;border-width:1px;border-color:var(--ir-border);border-radius:var(--ir-radius);cursor:pointer;text-align:left;background:0 0;width:100%;font-family:inherit;display:flex}._ir-preset-item:hover{border-color:var(--ir-primary);background:rgba(var(--ir-primary-rgb), .03)}._ir-preset-item._ir-active{border-color:var(--ir-primary);background:rgba(var(--ir-primary-rgb), .06)}._ir-preset-icon{width:24px;color:var(--ir-text-secondary,inherit);flex-shrink:0;justify-content:center;align-items:center;display:flex}._ir-preset-icon svg{width:16px;height:16px}._ir-preset-info{flex:1;min-width:0}._ir-preset-name{font-size:var(--main-text-sm);color:var(--ir-text);font-weight:500;display:block}._ir-preset-dims{font-size:var(--main-text-xs);color:var(--ir-text-muted);font-family:var(--main-font-mono)}._ir-output-settings{background:var(--ir-bg);border-radius:var(--ir-radius);padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--ir-border);box-shadow:var(--ir-shadow)}._ir-output-row{gap:var(--main-space-4);align-items:flex-start;display:flex}._ir-output-field{flex:1}._ir-output-field label{font-size:var(--main-text-xs);color:var(--ir-text-muted);margin-bottom:var(--main-space-1);font-weight:500;display:block}._ir-quality-row{align-items:center;gap:var(--main-space-2);display:flex}._ir-quality-row span{font-size:var(--main-text-xs);color:var(--ir-text-muted);font-family:var(--main-font-mono);text-align:right;min-width:32px}._ir-output-options{gap:var(--main-space-2);margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:solid;border-top-width:1px;border-top-color:var(--ir-border);flex-direction:column;display:flex}._ir-checkbox-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-xs);color:var(--ir-text);cursor:pointer;display:flex}._ir-checkbox{width:16px;height:16px;accent-color:var(--ir-primary);cursor:pointer;flex-shrink:0}._ir-download-btn{justify-content:center;align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3);background:var(--ir-primary);color:#fff;border-radius:var(--ir-radius);font-size:var(--main-text-sm);cursor:pointer;box-shadow:0 2px 8px rgba(var(--ir-primary-rgb), .25);border:none;font-family:inherit;font-weight:600;display:flex}._ir-download-btn:hover{opacity:.9}._ir-download-btn:disabled{opacity:.5;cursor:not-allowed}._ir-btn-icon{width:28px;height:28px;color:var(--ir-text-muted);cursor:pointer;border-radius:var(--ir-radius);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._ir-btn-icon:hover{background:var(--ir-bg-secondary);color:var(--ir-text)}._ir-btn-danger:hover{color:var(--ir-danger);background:#ef444414}._ir-fit-section{background:var(--ir-bg);border-radius:var(--ir-radius);padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--ir-border);box-shadow:var(--ir-shadow)}._ir-fit-label{font-size:var(--main-text-xs);color:var(--ir-text-muted);margin-bottom:var(--main-space-2);font-weight:500}._ir-fit-options{gap:var(--main-space-2);display:flex}._ir-fit-btn{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-2);border-style:solid;border-width:1.5px;border-color:var(--ir-border);border-radius:var(--ir-radius);cursor:pointer;background:0 0;flex-direction:column;flex:1;font-family:inherit;display:flex}._ir-fit-btn:hover{border-color:var(--ir-primary)}._ir-fit-btn._ir-active{border-color:var(--ir-primary);background:rgba(var(--ir-primary-rgb), .06)}._ir-fit-icon{border-radius:3px;width:36px;height:24px;position:relative;overflow:hidden}._ir-fit-icon:before,._ir-fit-icon:after{content:"";position:absolute}._ir-fit-icon-stretch{background:rgba(var(--ir-primary-rgb), .15);border-style:solid;border-width:1px;border-color:rgba(var(--ir-primary-rgb), .3)}._ir-fit-icon-cover{background:rgba(var(--ir-primary-rgb), .25);border-style:dashed;border-width:1px;border-color:rgba(var(--ir-primary-rgb), .4)}._ir-fit-icon-contain{background:var(--ir-border)}._ir-fit-icon-contain:before{background:rgba(var(--ir-primary-rgb), .2);border-radius:2px;top:3px;bottom:3px;left:6px;right:6px}._ir-fit-text{flex-direction:column;align-items:center;display:flex}._ir-fit-name{font-size:var(--main-text-xs);color:var(--ir-text);font-weight:600}._ir-fit-desc{color:var(--ir-text-muted);white-space:nowrap;font-size:10px}._ir-fit-bg{margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:solid;border-top-width:1px;border-top-color:var(--ir-border)}._ir-fit-bg label{font-size:var(--main-text-xs);color:var(--ir-text-muted);font-weight:500}._ir-fit-bg-row{align-items:center;gap:var(--main-space-2);margin-top:var(--main-space-2);display:flex}._ir-color-input{border-style:solid;border-width:1.5px;border-color:var(--ir-border);border-radius:var(--ir-radius);cursor:pointer;background:0 0;width:32px;height:32px;padding:2px}._ir-color-input:disabled{opacity:.4;cursor:not-allowed}#_ir-bg-color-label{font-size:var(--main-text-xs);color:var(--ir-text-muted);font-family:var(--main-font-mono);min-width:60px}._ir-bg-transparent-label{margin-left:auto}@media (max-width:768px){._ir-output-row{gap:var(--main-space-3);flex-direction:column}._ir-dimension-actions{flex-wrap:wrap}._ir-fit-options{gap:var(--main-space-1)}._ir-fit-btn{padding:var(--main-space-2) var(--main-space-1)}}._ir-preview-wrapper{background:var(--ir-bg);border-radius:var(--ir-radius-lg);border-style:solid;border-width:1px;border-color:var(--ir-border);box-shadow:var(--ir-shadow);padding:var(--main-space-4);background-image:repeating-conic-gradient(#f1f5f9 0% 25%,#0000 0% 50%);background-size:16px 16px;justify-content:center;align-items:center;min-height:300px;display:flex}._ir-preview-wrapper canvas{border-radius:var(--main-radius);max-width:100%;max-height:500px}._ir-preview-info{text-align:center;font-size:var(--main-text-xs);color:var(--ir-text-muted);font-family:var(--main-font-mono);padding-top:var(--main-space-1)}@media (max-width:768px){._ir-preview-wrapper{min-height:200px}._ir-preview-wrapper canvas{max-height:300px}}._ir-batch-header{justify-content:space-between;align-items:center;display:flex}._ir-batch-count{font-size:var(--main-text-sm);color:var(--ir-text);font-weight:600}._ir-batch-actions{gap:var(--main-space-1);display:flex}._ir-batch-list{gap:var(--main-space-1);max-height:200px;margin-top:var(--main-space-2);flex-direction:column;display:flex;overflow-y:auto}._ir-batch-item{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2);border-radius:var(--ir-radius);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit;display:flex}._ir-batch-item:hover{background:var(--ir-bg-secondary)}._ir-batch-item._ir-active{background:rgba(var(--ir-primary-rgb), .08)}._ir-batch-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:36px}._ir-batch-name{font-size:var(--main-text-xs);color:var(--ir-text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}._ir-batch-size{font-size:var(--main-text-xs);color:var(--ir-text-muted);font-family:var(--main-font-mono);flex-shrink:0}._ir-batch-remove{width:20px;height:20px;color:var(--ir-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._ir-batch-remove:hover{color:var(--ir-danger);background:#ef444414}._ir-batch-section{background:var(--ir-bg);border-radius:var(--ir-radius);padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--ir-border);box-shadow:var(--ir-shadow)}