:root{--ic-primary:var(--main-primary);--ic-text:#1e293b;--ic-text-muted:#64748b;--ic-bg:#fff;--ic-bg-secondary:#f8fafc;--ic-border:#e2e8f0;--ic-border-hover:#cbd5e1;--ic-overlay:#00000080;--ic-handle-size:10px;--ic-handle-color:var(--main-primary);--ic-guide-color:#fff6;--ic-toolbar-bg:#fff;--ic-toolbar-border:#e2e8f0;--ic-canvas-bg:#1e293b;--ic-radius:var(--main-radius);--ic-radius-lg:var(--main-radius-lg)}._ic-container{flex-direction:column;min-height:500px;display:flex}._ic-editor{flex-direction:column;gap:0;min-height:500px;display:flex}@media (max-width:768px){._ic-container{padding-left:1rem;padding-right:1rem}}._ic-upload{border-style:dashed;border-width:2px;border-color:var(--ic-border);border-radius:var(--ic-radius-lg);background:var(--ic-bg);cursor:pointer;justify-content:center;align-items:center;min-height:350px;transition:border-color .2s;display:flex}._ic-upload:hover{border-color:var(--ic-primary)}._ic-upload.dragover{border-color:var(--ic-primary);background:#6366f10a}._ic-upload-inner{text-align:center;padding:var(--main-space-8)}._ic-upload-icon{color:var(--ic-text-muted);margin-bottom:var(--main-space-4);opacity:.5}._ic-upload-text{font-size:var(--main-text-base);color:var(--ic-text);margin-bottom:var(--main-space-2);font-weight:500}._ic-upload-hint{font-size:var(--main-text-xs);color:var(--ic-text-muted)}._ic-toolbar{align-items:center;gap:var(--main-space-1);padding:var(--main-space-2) var(--main-space-3);background:var(--ic-toolbar-bg);border-style:solid;border-width:1px;border-color:var(--ic-toolbar-border);border-radius:var(--ic-radius-lg) var(--ic-radius-lg) 0 0;flex-wrap:wrap;display:flex}._ic-toolbar-group{align-items:center;gap:2px;display:flex}._ic-toolbar-sep{background:var(--ic-border);width:1px;height:24px;margin:0 var(--main-space-1)}._ic-toolbar-spacer{min-width:var(--main-space-2);background:0 0;flex:1}._ic-tool-btn{border-radius:var(--ic-radius);color:var(--ic-text-muted);font-size:var(--main-text-xs);cursor:pointer;white-space:nowrap;background:0 0;border-width:0;align-items:center;gap:4px;padding:6px 10px;transition:background .15s,color .15s;display:inline-flex}._ic-tool-btn:hover{background:var(--ic-bg-secondary);color:var(--ic-text)}._ic-tool-btn.active{color:var(--ic-primary);background:#6366f11a}._ic-tool-label{font-size:var(--main-text-xs)}._ic-zoom-level{font-size:var(--main-text-xs);color:var(--ic-text-muted);text-align:center;min-width:36px;font-family:var(--main-font-mono)}._ic-ratio-dropdown{position:relative}._ic-ratio-menu{z-index:100;background:var(--ic-bg);border-style:solid;border-width:1px;border-color:var(--ic-border);border-radius:var(--ic-radius);box-shadow:var(--main-shadow-lg);padding:var(--main-space-1);min-width:140px;margin-top:4px;display:none;position:absolute;top:100%;left:0}._ic-ratio-menu.open{display:block}._ic-ratio-item{width:100%;color:var(--ic-text);font-size:var(--main-text-sm);text-align:left;cursor:pointer;font-family:var(--main-font-mono);background:0 0;border-width:0;border-radius:4px;padding:6px 12px;display:block}._ic-ratio-item:hover{background:var(--ic-bg-secondary)}._ic-ratio-item.active{color:var(--ic-primary);background:#6366f11a}._ic-ratio-divider{background:var(--ic-border);height:1px;margin:var(--main-space-1) 0}._ic-ratio-custom{font-size:var(--main-text-sm);color:var(--ic-text-muted);align-items:center;gap:4px;padding:4px 8px;display:flex}._ic-ratio-input{border-style:solid;border-width:1px;border-color:var(--ic-border);text-align:center;width:40px;font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--ic-text);background:var(--ic-bg);border-radius:4px;padding:3px 4px}._ic-ratio-apply{background:var(--ic-primary);color:#fff;cursor:pointer;border-width:0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}._ic-ratio-apply:hover{opacity:.9}@media (max-width:640px){._ic-toolbar{padding:var(--main-space-1) var(--main-space-2)}._ic-tool-label{display:none}._ic-toolbar-sep{margin:0 2px}._ic-toolbar-spacer{display:none}}._ic-canvas-area{background:var(--ic-canvas-bg);cursor:default;border-style:solid;border-width:0 1px;border-color:var(--ic-toolbar-border);flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}._ic-canvas-wrapper{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}._ic-image{pointer-events:none;max-width:100%;max-height:60vh;display:block}._ic-overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}._ic-overlay>div{background:var(--ic-overlay);transition:none;position:absolute}._ic-overlay-top{top:0;left:0;right:0}._ic-overlay-bottom{bottom:0;left:0;right:0}._ic-overlay-left{left:0}._ic-overlay-right{right:0}._ic-cropbox{cursor:move;touch-action:none;border:1px solid #fff9;position:absolute;box-shadow:0 0 0 1px #0003}._ic-cropbox.circle-mode{border-radius:50%}._ic-cropbox.circle-mode:after{content:"";pointer-events:none;z-index:5;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 1px #fff9}._ic-cropbox.circle-mode ._ic-guides{display:none}._ic-guides{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}._ic-guides.hidden{display:none}._ic-guide-h,._ic-guide-v{background:var(--ic-guide-color);position:absolute}._ic-guide-h{height:1px;left:0;right:0}._ic-guide-v{width:1px;top:0;bottom:0}._ic-guide-h1{top:33.33%}._ic-guide-h2{top:66.66%}._ic-guide-v1{left:33.33%}._ic-guide-v2{left:66.66%}._ic-handle{width:var(--ic-handle-size);height:var(--ic-handle-size);background:var(--ic-handle-color);z-index:10;border:1px solid #fff;border-radius:1px;position:absolute}._ic-handle-nw{cursor:nw-resize;top:-5px;left:-5px}._ic-handle-n{cursor:n-resize;margin-left:-5px;top:-5px;left:50%}._ic-handle-ne{cursor:ne-resize;top:-5px;right:-5px}._ic-handle-e{cursor:e-resize;margin-top:-5px;top:50%;right:-5px}._ic-handle-se{cursor:se-resize;bottom:-5px;right:-5px}._ic-handle-s{cursor:s-resize;margin-left:-5px;bottom:-5px;left:50%}._ic-handle-sw{cursor:sw-resize;bottom:-5px;left:-5px}._ic-handle-w{cursor:w-resize;margin-top:-5px;top:50%;left:-5px}._ic-cropbox.circle-mode ._ic-handle-n,._ic-cropbox.circle-mode ._ic-handle-e,._ic-cropbox.circle-mode ._ic-handle-s,._ic-cropbox.circle-mode ._ic-handle-w{display:none}._ic-dimensions{color:#fff;font-size:11px;font-family:var(--main-font-mono);white-space:nowrap;pointer-events:none;background:#000000b3;border-radius:3px;padding:2px 8px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}@media (max-width:768px){._ic-canvas-area{min-height:300px}._ic-image{max-height:50vh}}._ic-output-bar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);background:var(--ic-toolbar-bg);border-style:solid;border-width:1px;border-color:var(--ic-toolbar-border);border-radius:0 0 var(--ic-radius-lg) var(--ic-radius-lg);flex-wrap:wrap;display:flex}._ic-output-info{align-items:center;gap:var(--main-space-2);display:flex}._ic-output-label{font-size:var(--main-text-xs);color:var(--ic-text-muted)}._ic-output-size{font-size:var(--main-text-sm);color:var(--ic-text);font-weight:600;font-family:var(--main-font-mono)}._ic-output-controls{align-items:center;gap:var(--main-space-2);display:flex}._ic-format-select{border-style:solid;border-width:1px;border-color:var(--ic-border);border-radius:var(--ic-radius);font-size:var(--main-text-xs);color:var(--ic-text);background:var(--ic-bg);cursor:pointer;padding:5px 8px}._ic-quality-control{align-items:center;gap:var(--main-space-1);display:flex}._ic-quality-slider{width:80px;accent-color:var(--ic-primary)}._ic-quality-value{font-size:var(--main-text-xs);color:var(--ic-text-muted);font-family:var(--main-font-mono);min-width:32px}._ic-download-btn{background:var(--ic-primary);color:#fff;border-radius:var(--ic-radius);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;border-width:0;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #6366f140}._ic-download-btn:hover{opacity:.9}@media (max-width:640px){._ic-output-bar{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._ic-output-controls{justify-content:space-between}._ic-download-btn{flex:1;justify-content:center}}