.image-cropper{width:100%;max-width:100%;padding:var(--space-4) 0;color:var(--pixel-text-primary);font-family:inherit;box-sizing:border-box}.ic-notification{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);animation:ic-notification-slide-in .3s ease-out}@keyframes ic-notification-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ic-notification-warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid rgba(245,158,11,.3);color:#fbbf24}.ic-notification-info{background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.ic-notification span{flex:1;color:var(--pixel-text-primary)}.ic-notification-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);cursor:pointer;transition:all var(--transition-base)}.ic-notification-close:hover{background:#ffffff1a;color:var(--pixel-text-primary)}.ic-layout{display:grid;grid-template-columns:19rem 1fr;gap:var(--space-4);align-items:start;max-width:100%;overflow:hidden}@media(max-width:56.25rem){.ic-layout{grid-template-columns:1fr}.ic-preview-section{order:-1}}.ic-section{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);overflow:hidden}.ic-section+.ic-section{margin-top:var(--space-1)}.ic-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border);cursor:pointer;user-select:none;transition:var(--transition-base)}.ic-section-header:hover{background:var(--pixel-bg-hover)}.ic-section-header--static{cursor:default}.ic-section-header--static:hover{background:var(--pixel-bg-tertiary)}.ic-section-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ic-section-count small{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-muted);margin-left:var(--space-1)}.ic-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ic-section-title i{color:var(--brand-color);font-size:var(--text-sm);padding-left:var(--space-1)}.ic-section-toggle{color:var(--pixel-text-secondary);font-size:var(--text-xs);transition:transform var(--transition-base)}.ic-section-toggle.expanded{transform:rotate(180deg)}.ic-section-content{padding:var(--space-4)}.ic-section-content.collapsed{display:none}.ic-preview-section{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;flex:1;width:100%;overflow:hidden}.ic-preview-section>.ic-dropzone,.ic-preview-section>.ir-dropzone{position:relative;width:100%;min-height:18rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:transparent;border:2px dashed var(--pixel-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-sizing:border-box;max-width:100%;margin:0}.ic-preview-section>.ir-dropzone:hover{background:rgba(var(--brand-color-rgb),.03);border-color:var(--brand-color)}.ic-preview-section>.ir-dropzone.dragging{background:rgba(var(--brand-color-rgb),.06);border-color:var(--brand-color);border-style:solid}.ic-preview-section .ir-dropzone-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.1);border-radius:var(--radius-full);transition:all var(--transition-base)}.ic-preview-section .ir-dropzone-icon i{font-size:1.75rem;color:var(--brand-color);transition:transform var(--transition-base)}.ic-preview-section .ir-dropzone.dragging .ir-dropzone-icon{background:rgba(var(--brand-color-rgb),.2);transform:scale(1.1)}.ic-preview-section .ir-dropzone.dragging .ir-dropzone-icon i{transform:translateY(-2px)}.ic-preview-section .ir-dropzone-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ic-preview-section .ir-dropzone-hint{font-size:var(--text-sm);color:var(--pixel-text-muted)}.ic-preview-section .ir-dropzone-paste{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--pixel-text-secondary)}.ic-preview-section .ir-dropzone-paste i{font-size:var(--text-sm)}.ic-preview-wrapper{min-height:20rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4)}.ic-export-actions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0 0 0;margin-top:auto;border-top:none;flex-shrink:0}.ic-export-actions-row{display:flex;gap:var(--space-2)}.ic-export-actions .ic-btn{justify-content:center}.ic-export-actions .ic-btn-flex,.ic-export-actions .ic-btn-primary{flex:1}.ic-export-actions .ic-btn-danger{background:transparent;border:1px solid var(--pixel-border);color:var(--color-error);padding:var(--space-2)}.ic-export-actions .ic-btn-danger:hover{background:#ef44441a;border-color:var(--color-error)}.ic-export-actions .ic-btn-compact{flex:0 0 auto;padding:var(--space-2) var(--space-4);min-width:auto;white-space:nowrap}.ic-export-actions .ic-btn-success{background:var(--color-success);border:1px solid var(--color-success);color:#fff}.ic-export-actions .ic-btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.ic-export-actions .ic-btn i{font-size:var(--text-sm)}.ic-btn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:#fff3;border-radius:var(--radius-2xl);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:var(--space-1)}.ic-add-more{background:transparent;border-radius:var(--radius-xl);border:2px dashed var(--pixel-border);padding:var(--space-4);transition:all var(--transition-base)}.ic-add-more:hover{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.02)}.ic-controls-section{display:flex;flex-direction:column;gap:var(--space-2);align-self:start;max-height:100%;overflow-y:auto;overflow-x:hidden}.ic-tabs{display:flex;flex-wrap:nowrap;background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);padding:var(--space-1);gap:var(--space-1);min-height:var(--space-8);height:auto}.ic-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-align:center;line-height:var(--leading-tight)}.ic-tab:hover:not(.active){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-tab.active{background:var(--brand-color);color:#fff;cursor:default}.ic-tab i{font-size:var(--text-sm)}.ic-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-secondary)}.ic-tab.active .ic-tab-badge{background:#ffffff40;color:#fff}.ic-tab-content{display:flex;flex-direction:column;gap:var(--space-1)}.ic-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ic-btn:disabled{opacity:.5;cursor:not-allowed}.ic-btn-primary{flex:1;background:var(--brand-color);color:#fff}.ic-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.ic-btn-secondary{flex:1;background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover)}.ic-btn.ic-btn-danger{background:transparent;border:1px solid var(--pixel-border);color:var(--color-error);white-space:nowrap}.ic-btn.ic-btn-danger:hover:not(:disabled){background:#ef444426;border-color:var(--color-error)}.ic-btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.ic-btn-icon:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-btn-icon:disabled{opacity:.4;cursor:not-allowed}.ic-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.ic-form-group+.ic-form-group{margin-top:var(--space-2)}.ic-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-input{width:100%;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-base)}.ic-input:focus{outline:none;border-color:var(--pixel-border-focus)}.ic-input::placeholder{color:var(--pixel-text-muted)}.ic-input-row{display:flex;gap:var(--space-2);align-items:center}.ic-input-row .ic-input{flex:1}.ic-select{width:100%;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-base)}.ic-select:focus{outline:none;border-color:var(--pixel-border-focus)}.ic-selected-preset{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.15),rgba(var(--brand-color-rgb),.08));border:1px solid rgba(var(--brand-color-rgb),.3);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.ic-selected-preset>i{color:var(--brand-color);font-size:var(--text-sm)}.ic-selected-preset-category{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-selected-preset-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.ic-selected-preset-clear{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);cursor:pointer;transition:all var(--transition-base)}.ic-selected-preset-clear:hover{background:#ffffff1a;color:var(--pixel-text-primary)}.ic-clear-preset-link{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--brand-color);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2)}.ic-clear-preset-link:hover{background:rgba(var(--brand-color-rgb),.1)}.ic-clear-preset-link i{font-size:var(--text-xs)}.ic-slider-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.ic-slider-row{display:flex;align-items:center;gap:var(--space-4)}.ic-slider{flex:1;-webkit-appearance:none;appearance:none;height:.375rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer}.ic-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;background:var(--brand-color);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-base)}.ic-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.ic-slider::-moz-range-thumb{width:1rem;height:1rem;background:var(--brand-color);border:none;border-radius:var(--radius-full);cursor:pointer}.ic-slider-value{min-width:3rem;text-align:right;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.ic-aspect-lock{flex-shrink:0;width:var(--space-8);align-self:flex-end;height:2.1rem;padding:0;margin:0 0 0rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-muted);cursor:pointer;transition:all var(--transition-base)}.ic-aspect-lock:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-aspect-lock.locked{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-aspect-lock:disabled{opacity:.5;cursor:not-allowed}.ic-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(1rem,1fr));gap:var(--space-1);margin-top:var(--space-1)}.ic-quick-action{padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-quick-action:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-quick-action.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-guide-selector{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ic-guide-selector.ic-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.ic-guide-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-guide-grid .ic-guide-btn{flex-direction:column;justify-content:center;padding:var(--space-1);min-height:3rem}.ic-guide-grid .ic-guide-btn i{font-size:var(--text-base);margin-bottom:var(--space-1)}.ic-guide-grid .ic-guide-btn span{font-size:var(--text-xs);text-align:center;line-height:var(--leading-tight)}.ic-guide-btn:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-guide-btn.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-1);overflow:hidden}.ic-shape-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--space-1);min-width:0;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.ic-shape-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ic-shape-btn i{font-size:var(--text-base);flex-shrink:0}.ic-shape-btn:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-shape-btn.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-transform-row{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.ic-transform-btn{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.ic-transform-btn i{font-size:var(--text-sm);flex-shrink:0}.ic-transform-btn:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-transform-btn.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-batch-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.ic-batch-actions .ic-btn-primary{flex:1}.ic-batch-actions .ic-btn-secondary{flex:0 0 auto;white-space:nowrap}.ic-batch-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:25rem;overflow:hidden;overflow-y:auto;padding-right:var(--space-1)}.ic-batch-list::-webkit-scrollbar{width:6px}.ic-batch-list::-webkit-scrollbar-track{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.ic-batch-list::-webkit-scrollbar-thumb{background:var(--pixel-text-muted);border-radius:var(--radius-sm)}.ic-batch-list::-webkit-scrollbar-thumb:hover{background:var(--pixel-text-secondary)}.ic-batch-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.ic-batch-item:hover{background:var(--pixel-bg-tertiary)}.ic-batch-item.active{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.1)}.ic-batch-item.cropped{border-left:3px solid var(--color-success)}.ic-batch-thumb{width:var(--space-10);height:var(--space-10);object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.ic-batch-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.ic-batch-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-batch-size{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-batch-done{color:var(--color-success);font-size:var(--text-xs)}.ic-batch-remove{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.ic-batch-remove:hover{background:#ef444426;color:#ef4444}.ic-dimension-info{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border-radius:var(--radius-lg);font-size:var(--text-xs)}.ic-dimension-item{display:flex;align-items:center;gap:var(--space-1);color:var(--pixel-text-secondary)}.ic-dimension-value{color:var(--pixel-text-primary);font-weight:var(--font-medium)}.ic-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);line-height:var(--leading-snug)}.ic-privacy-watermark{text-align:center;font-size:var(--text-2xl);font-weight:var(--font-semibold);color:rgba(var(--brand-color-rgb),.25);letter-spacing:var(--tracking-wider);padding:var(--space-6) 0;user-select:none;display:flex;flex-direction:column;align-items:center;gap:.25rem}.ic-privacy-watermark span{display:block}@media(max-width:48rem){.ic-privacy-watermark{display:none}}.ic-batch-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-secondary);border-bottom:1px solid var(--pixel-border)}.ic-batch-nav-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base)}.ic-batch-nav-btn:hover:not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-batch-nav-btn:disabled{opacity:.4;cursor:not-allowed}.ic-batch-nav-info{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-secondary);min-width:3rem;text-align:center}.ic-preview-tabs{display:flex;background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-1)}.ic-preview-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ic-preview-tab:hover:not(.active):not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-preview-tab.active{background:var(--brand-color);color:#fff}.ic-preview-tab:disabled{opacity:.5;cursor:not-allowed}.ic-preview-tab i{font-size:var(--text-xs)}.ic-preview-tab-done{font-size:var(--text-xs);color:#fff;margin-left:var(--space-1)}.ic-preview-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;background:var(--pixel-bg-secondary);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-secondary)}.ic-preview-tab.active .ic-preview-tab-badge{background:#ffffff40;color:#fff}.ic-preview{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-height:100%;overflow:hidden;background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);padding:var(--space-4);box-sizing:border-box}.ic-source-preview{display:flex;flex-direction:column;gap:var(--space-2)}.ic-source-info{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--pixel-border)}.ic-source-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-source-details{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-image-nav{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--pixel-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--pixel-border)}.ic-image-nav-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:var(--ic-bg-ter);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-image-nav-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-image-nav-btn:disabled{opacity:.4;cursor:not-allowed}.ic-image-nav-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.ic-image-nav-main{display:flex;align-items:center;gap:var(--space-2)}.ic-image-nav-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);max-width:12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-image-nav-meta{display:flex;align-items:center;gap:var(--space-2)}.ic-image-nav-size{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--brand-color)}.ic-image-nav-count{font-size:var(--text-xs);color:var(--pixel-text-muted)}[dir=rtl] .ic-image-nav-btn i{transform:scaleX(-1)}.ic-generated-preview{display:flex;flex-direction:column;gap:var(--space-4)}.ic-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;color:var(--pixel-text-muted)}.ic-preview-empty i{font-size:var(--text-5xl);opacity:.5}.ic-preview-empty span{font-size:var(--text-sm)}.ic-preview-empty p{font-size:var(--text-xs);margin:0;opacity:.7}.ic-selected-preview{display:flex;flex-direction:column;gap:var(--space-1);background:var(--pixel-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--pixel-border);padding:var(--space-2)}.ic-selected-image{max-width:100%;height:14rem;object-fit:contain;border-radius:var(--radius-md);user-select:none;-webkit-user-drag:none;background-color:var(--pixel-bg-tertiary);background-image:linear-gradient(45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pixel-bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--pixel-bg-secondary) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px}.ic-selected-info{position:relative;display:flex;align-items:center;padding:var(--space-1) 0;border-top:1px solid var(--pixel-border)}.ic-selected-nav-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.ic-selected-nav-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-selected-nav-btn:disabled{opacity:.4;cursor:not-allowed}.ic-selected-info-left{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2);min-width:0;max-width:30%}.ic-selected-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-selected-actions{display:flex;gap:var(--space-1);margin-left:auto}.ic-selected-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:.375rem .75rem;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ic-selected-action-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-selected-action-btn:disabled{opacity:.5;cursor:not-allowed}.ic-selected-action-btn.copied{background:var(--color-success, #10b981);border-color:var(--color-success, #10b981);color:#fff}.ic-selected-info-right{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;margin-right:var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-selected-size{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--brand-color)}.ic-selected-separator{color:var(--pixel-text-muted);font-size:.5rem;flex-shrink:0}.ic-selected-filesize{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-thumbnails-container{display:flex;flex-direction:column;gap:var(--space-2);max-height:16rem;overflow-y:auto;padding-right:var(--space-1)}.ic-thumbnails-container::-webkit-scrollbar{width:6px}.ic-thumbnails-container::-webkit-scrollbar-track{background:var(--pixel-bg-secondary);border-radius:var(--radius-sm)}.ic-thumbnails-container::-webkit-scrollbar-thumb{background:var(--pixel-border);border-radius:var(--radius-sm)}.ic-thumbnails-container::-webkit-scrollbar-thumb:hover{background:var(--pixel-text-muted)}.ic-thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:var(--space-1)}.ic-thumbnail{display:flex;flex-direction:column;gap:var(--space-1);padding:0;background:transparent}.ic-thumbnail-image{position:relative;aspect-ratio:1;background-color:var(--pixel-bg-primary);background-image:linear-gradient(45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pixel-bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--pixel-bg-secondary) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;border:2px solid var(--pixel-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.ic-thumbnail-image:hover{border-color:var(--pixel-border)}.ic-thumbnail.selected .ic-thumbnail-image{border-color:var(--brand-color)}.ic-thumbnail-image img{width:100%;height:100%;object-fit:cover}.ic-thumbnail-info{display:flex;flex-direction:column;align-items:center;padding:0}.ic-thumbnail-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ic-thumbnail-size{font-size:.5rem;color:var(--pixel-text-muted)}.ic-thumbnail-actions{display:flex;justify-content:center;gap:var(--space-1);opacity:0;transition:opacity var(--transition-base)}.ic-thumbnail:hover .ic-thumbnail-actions,.ic-thumbnail.selected .ic-thumbnail-actions{opacity:1}.ic-thumbnail-btn{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:.5rem;cursor:pointer;transition:all var(--transition-base)}.ic-thumbnail-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-thumbnail-btn:disabled{opacity:.5;cursor:not-allowed}.ic-thumbnail-btn.copied{background:var(--color-success, #10b981);border-color:var(--color-success, #10b981);color:#fff}.ic-cropped-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8);text-align:center;color:var(--pixel-text-muted)}.ic-cropped-empty i{font-size:2.5rem;opacity:.3}.ic-cropped-empty span{font-size:var(--text-sm);font-weight:var(--font-medium)}.ic-cropped-empty small{font-size:var(--text-xs);opacity:.7}.ic-add-more .ir-dropzone{min-height:1rem;padding:var(--space-4);background:transparent;border:none}.ic-add-more .ir-dropzone-content{flex-direction:row;gap:var(--space-4)}.ic-add-more .ir-dropzone-icon{width:var(--space-10);height:var(--space-10)}.ic-add-more .ir-dropzone-icon i{font-size:var(--text-base)}.ic-add-more .ir-dropzone-text{align-items:flex-start}.ic-add-more .ir-dropzone-title{font-size:var(--text-sm)}.ic-add-more .ir-dropzone-hint{font-size:var(--text-xs)}.ic-add-more .ir-dropzone-paste{display:none}@media(max-width:37.5rem){.ic-tabs{height:auto}.ic-tab{padding:.375rem .25rem;gap:.25rem}.ic-tab span{font-size:var(--text-xs)}.ic-export-actions{flex-direction:column}.ic-export-actions-row{flex-wrap:wrap}.ic-shape-grid{grid-template-columns:repeat(4,1fr)}.ic-selected-info{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:var(--space-1);align-items:center}.ic-selected-nav-btn:first-child{grid-column:1;grid-row:1}.ic-selected-info-left{grid-column:2;grid-row:1;justify-content:center;max-width:100%;margin:0}.ic-selected-nav-btn:last-child{grid-column:3;grid-row:1}.ic-selected-info-right{display:none}.ic-selected-actions{grid-column:1 / -1;grid-row:2;width:100%;justify-content:center;margin:0;gap:var(--space-1)}.ic-selected-nav-btn{width:1.75rem;height:1.75rem;font-size:var(--text-xs)}.ic-selected-action-btn{flex:1;justify-content:center;padding:var(--space-2) var(--space-2);font-size:var(--text-xs);gap:.25rem}.ic-selected-action-btn span{display:inline;font-size:var(--text-xs)}.ic-selected-image{height:8rem}.ic-image-nav-name{max-width:8rem}.ic-thumbnail-actions{display:none}}.ic-apply-mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.ic-apply-mode-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary)}.ic-toggle-buttons{display:flex;gap:.25rem;background:var(--pixel-bg-secondary);border-radius:var(--radius-md);padding:var(--space-1)}.ic-toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ic-toggle-btn:hover{color:var(--pixel-text-secondary)}.ic-toggle-btn.active{background:var(--pixel-bg-primary);color:var(--brand-color);box-shadow:0 1px 3px #0000001a}.ic-toggle-btn i{font-size:var(--text-xs)}.ic-save-preset{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px dashed var(--pixel-border)}.ic-save-preset-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-tertiary);border:1px dashed var(--pixel-bg-tertiary);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ic-save-preset-btn:hover{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-save-preset-btn i{font-size:var(--text-xs)}.ic-save-preset-form{display:flex;align-items:center;gap:var(--space-1)}.ic-save-preset-form .ic-input{flex:1;padding:var(--space-2);font-size:var(--text-sm)}.ic-save-preset-form .ic-btn{flex-shrink:0;padding:var(--space-2);min-width:var(--space-8)}.ic-save-preset-form .ic-btn i{font-size:var(--text-xs)}.ic-btn--primary{background:var(--brand-color);color:#fff}.ic-btn--primary:hover:not(:disabled){background:var(--brand-color-dark, var(--brand-color));filter:brightness(1.1)}.ic-btn--primary:disabled{opacity:.5;cursor:not-allowed}.ic-btn--secondary{background:var(--pixel-bg-tertiary);color:var(--pixel-text-secondary);border:1px solid var(--pixel-border)}.ic-btn--secondary:hover{background:var(--pixel-bg-secondary);color:var(--pixel-text-primary)}.ic-btn--sm{padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}.ic-radio-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ic-radio{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.ic-radio:hover{border-color:var(--pixel-text-muted)}.ic-radio.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color)}.ic-radio input{display:none}.ic-radio-indicator{width:.875rem;height:.875rem;border:2px solid var(--pixel-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.ic-radio.active .ic-radio-indicator{border-color:var(--brand-color)}.ic-radio.active .ic-radio-indicator:after{content:"";width:.375rem;height:.375rem;background:var(--brand-color);border-radius:var(--radius-full)}.ic-radio-label{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.ic-radio.active .ic-radio-label{color:var(--pixel-text-primary)}.ic-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.ic-checkbox input{display:none}.ic-checkbox-indicator{width:1rem;height:1rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.ic-checkbox input:checked+.ic-checkbox-indicator{background:var(--brand-color);border-color:var(--brand-color)}.ic-checkbox input:checked+.ic-checkbox-indicator:after{content:"";width:.375rem;height:.25rem;border:2px solid white;border-top:none;border-right:none;transform:rotate(-45deg);margin-top:-.125rem}.ic-checkbox-label{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.ic-drag-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0f172ae6;backdrop-filter:blur(4px)}.ic-drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);background:var(--pixel-bg-secondary);border:2px dashed var(--brand-color);border-radius:var(--radius-xl);color:var(--pixel-text-primary)}.ic-drag-overlay-content i{font-size:var(--text-5xl);color:var(--brand-color)}.ic-drag-overlay-content span{font-size:var(--text-xl);font-weight:var(--font-medium)}.ic-btn-success-flash{background:var(--color-success)!important;color:#fff!important;animation:color-success-pulse .3s ease}@keyframes color-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}[dir=rtl] .ic-section-title i{padding-left:0;padding-right:var(--space-1)}[dir=rtl] .ic-slider-value{text-align:left}[dir=rtl] .ic-preset-add-custom-dims{margin-left:0;margin-right:auto}[data-theme=light] .ic-section-header{background:var(--pixel-bg-secondary)}[data-theme=light] .ic-section-header--static:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-dimension-info{border:1px solid var(--pixel-border)}[data-theme=light] .ic-add-more .ir-dropzone{border:none}[data-theme=light] .ic-add-more .ir-dropzone:hover{background:transparent}[data-theme=light] .ic-preview-tabs{border:1px solid var(--pixel-border)}[data-theme=light] .ic-preset-category-header{background:transparent}[data-theme=light] .ic-preset-item.selected .ic-preset-item-ratio{background:var(--brand-color);color:#fff}[data-theme=light] .ic-preset-category--custom .ic-preset-category-header{background:rgba(var(--brand-color-rgb),.03)}[data-theme=light] .ic-preset-category--custom .ic-preset-category-header:hover{background:rgba(var(--brand-color-rgb),.06)}[data-theme=light] .ic-preset-category--custom .ic-preset-category-count{background:rgba(var(--brand-color-rgb),.1);color:var(--brand-color)}[data-theme=light] .ic-tab.active .ic-tab-badge{background:#ffffff40;color:#fff}[data-theme=light] .ic-preview-section .ir-dropzone{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.03),rgba(var(--brand-color-rgb),.01))}[data-theme=light] .ic-preview-section .ir-dropzone:hover{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.05),rgba(var(--brand-color-rgb),.02))}[data-theme=light] .ic-preview-section .ir-dropzone.dragging{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.08),rgba(var(--brand-color-rgb),.04))}[data-theme=light] .ic-preview-section .ir-dropzone-icon{background:rgba(var(--brand-color-rgb),.08)}[data-theme=light] .ic-toggle-btn.active{box-shadow:0 1px 3px #00000014}[data-theme=light] .ic-drag-overlay{background:#f8fafcf2}[data-theme=light] .ic-save-preset-btn:hover{background:rgba(var(--brand-color-rgb),.08)}[data-theme=light] .ic-preset-selected{background:rgba(var(--brand-color-rgb),.08);border-color:rgba(var(--brand-color-rgb),.15)}[data-theme=light] .ic-preset-add-custom:hover:not(:disabled){background:rgba(var(--brand-color-rgb),.05)}[data-theme=light] .ic-notification-warning{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border-color:#f59e0b66}[data-theme=light] .ic-notification-close:hover{background:#00000014}[data-theme=light] .ic-image-nav{border:none}[data-theme=light] .ic-export-actions .ic-btn-danger:hover{background:#ef444414}[data-theme=light] .ic-thumbnail-btn.copied,[data-theme=light] .ic-selected-action-btn.copied{background:var(--color-success, #10b981);border-color:var(--color-success, #10b981);color:#fff}[data-theme=light] .ic-preview-tab.active .ic-preview-tab-badge{background:#ffffff40;color:#fff}.ic-canvas-wrapper{position:relative;display:flex;flex-direction:column;background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.ic-canvas-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:380px;min-height:380px;padding:var(--space-2);box-sizing:border-box;overflow:hidden;background:var(--pixel-bg-primary);border-radius:var(--radius-xl)}.ic-canvas-inner{position:relative;display:flex;align-items:center;justify-content:center;max-width:calc(100% - 1rem);max-height:calc(100% - 1rem);width:fit-content;height:fit-content;background-color:var(--pixel-bg-tertiary);background-image:linear-gradient(45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pixel-bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--pixel-bg-secondary) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:var(--radius-lg);transform-origin:center center}.ic-image-layer{position:relative;user-select:none;-webkit-user-drag:none;overflow:hidden;max-width:100%;max-height:100%}.ic-image-layer img{display:block;max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}.ic-crop-overlay{position:absolute;inset:0;pointer-events:none}.ic-crop-darkened{position:absolute;background:#0009;pointer-events:none}.ic-crop-box{position:absolute;border:2px solid var(--brand-color);box-shadow:0 0 0 9999px #00000080,0 0 0 1px #0000004d,inset 0 0 0 1px #ffffff1a;cursor:move;pointer-events:auto;touch-action:none}.ic-crop-box:before{content:"";position:absolute;inset:0;border:1px dashed rgba(255,255,255,.3);pointer-events:none}.ic-crop-box.dragging{box-shadow:0 0 0 9999px #00000080,0 0 0 1px #00000080,0 0 20px rgba(var(--brand-color-rgb),.5)}.ic-crop-handles{position:absolute;inset:0;pointer-events:none}.ic-crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--brand-color);border-radius:var(--radius-sm);pointer-events:auto;z-index:10}.ic-crop-handle.nw{top:-6px;left:-6px;cursor:nwse-resize}.ic-crop-handle.ne{top:-6px;right:-6px;cursor:nesw-resize}.ic-crop-handle.sw{bottom:-6px;left:-6px;cursor:nesw-resize}.ic-crop-handle.se{bottom:-6px;right:-6px;cursor:nwse-resize}.ic-crop-handle.n{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.ic-crop-handle.s{bottom:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.ic-crop-handle.w{left:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.ic-crop-handle.e{right:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.ic-crop-handle:hover{background:var(--brand-color)}.ic-composition-guides{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ic-guide-line{position:absolute;background:#fff6}.ic-guide-line.horizontal{left:0;right:0;height:1px}.ic-guide-line.vertical{top:0;bottom:0;width:1px}.ic-guide-thirds .ic-guide-line.horizontal:nth-child(1){top:33.33%}.ic-guide-thirds .ic-guide-line.horizontal:nth-child(2){top:66.67%}.ic-guide-thirds .ic-guide-line.vertical:nth-child(3){left:33.33%}.ic-guide-thirds .ic-guide-line.vertical:nth-child(4){left:66.67%}.ic-guide-golden .ic-guide-line.horizontal:nth-child(1){top:38.2%}.ic-guide-golden .ic-guide-line.horizontal:nth-child(2){top:61.8%}.ic-guide-golden .ic-guide-line.vertical:nth-child(3){left:38.2%}.ic-guide-golden .ic-guide-line.vertical:nth-child(4){left:61.8%}.ic-guide-center .ic-guide-line.horizontal{top:50%}.ic-guide-center .ic-guide-line.vertical{left:50%}.ic-guide-diagonal{position:absolute;inset:0}.ic-guide-diagonal-line{position:absolute;background:#fff6;height:1px;transform-origin:0 0}.ic-crop-dimensions{position:absolute;bottom:-1.75rem;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);background:#000c;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff;white-space:nowrap;pointer-events:none}.ic-shape-mask{position:absolute;inset:0;pointer-events:none}.ic-shape-mask canvas{position:absolute;inset:0;width:100%;height:100%}.ic-shape-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ic-canvas-toolbar{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-2)}.ic-toolbar-group{display:flex;align-items:center;gap:var(--space-1);height:auto}.ic-straighten-group{gap:var(--space-1);height:var(--space-8);background:var(--pixel-bg-tertiary);padding:0 var(--space-2);border-radius:var(--radius-lg)}.ic-straighten-icon{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-straighten-slider{width:80px;height:4px;appearance:none;background:var(--pixel-bg-secondary);border-radius:var(--radius-sm);cursor:pointer}.ic-straighten-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--brand-color);border-radius:var(--radius-full);cursor:pointer}.ic-straighten-value{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);min-width:var(--space-10);text-align:center;background:transparent;border:none;cursor:pointer;padding:var(--space-1) var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-base)}.ic-straighten-value:hover{background:var(--pixel-bg-secondary);color:var(--pixel-text-primary)}.ic-toolbar-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.ic-toolbar-btn:hover:not(:disabled){background:var(--pixel-bg-tertiary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}.ic-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.ic-toolbar-btn.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-toolbar-btn-text{display:flex;align-items:center;gap:var(--space-1);height:var(--space-8);padding:0 var(--space-2);background:var(--pixel-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-toolbar-btn-text i{font-size:var(--text-xs)}.ic-toolbar-btn-text:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-toolbar-btn-text:disabled{opacity:.4;cursor:not-allowed}.ic-zoom-controls{display:flex;align-items:center;height:var(--space-8);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.ic-zoom-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:2.25rem;background:transparent;border:none;color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-zoom-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.ic-zoom-slider{width:5rem;height:4px;appearance:none;background:var(--pixel-bg-secondary);border-radius:var(--radius-sm);cursor:pointer;margin:0 .25rem}.ic-zoom-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--brand-color);border-radius:var(--radius-full);cursor:pointer}.ic-zoom-value{min-width:3.5rem;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);text-align:center;background:transparent;border:none;cursor:pointer;transition:all var(--transition-base)}.ic-zoom-value:hover{color:var(--brand-color)}.ic-fit-options{display:flex;gap:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);padding:3px}.ic-fit-btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-fit-btn:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-fit-btn:active{background:var(--brand-color);color:#fff}.ic-shape-toggle{display:flex;align-items:center;gap:var(--space-1);height:var(--space-8);padding:0 var(--space-2);background:var(--pixel-bg-tertiary);border:none;border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-shape-toggle:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-shape-toggle.active{background:var(--pixel-bg-hover);color:var(--brand-color)}.ic-shape-toggle:disabled{opacity:.4;cursor:not-allowed}.ic-shape-toggle i:first-child{font-size:var(--text-sm)}.ic-shape-toggle i:last-child{font-size:var(--text-xs);margin-left:var(--space-1)}.ic-shape-panel-expanded{padding:var(--space-2) var(--space-6)}.ic-shape-panel-expanded .ic-shape-grid{grid-template-columns:repeat(10,1fr)}.ic-shape-options-row{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-6);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--pixel-border)}.ic-shape-panel-expanded .ic-shape-btn{background:var(--pixel-bg-primary);border:1px solid transparent}.ic-shape-panel-expanded .ic-shape-btn span{font-size:.5rem;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-shape-option{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.ic-shape-option label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);text-transform:uppercase}.ic-shape-option input[type=range]{width:6rem;height:4px;appearance:none;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.ic-shape-option input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--brand-color);border-radius:var(--radius-full);cursor:pointer}.ic-shape-option span{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);min-width:var(--space-8)}.ic-shape-value-reset{cursor:pointer;padding:var(--space-1) var(--space-1);border-radius:var(--radius-md);transition:background-color var(--transition-base),color var(--transition-base)}.ic-shape-value-reset:hover{background:var(--brand-color);color:#fff}.ic-shape-bg-group{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.ic-shape-bg-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);text-transform:uppercase}.ic-shape-bg-option{display:flex;align-items:center;gap:.25rem;padding:var(--space-1) var(--space-2);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-shape-bg-option:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-shape-bg-option.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.ic-shape-bg-option i{font-size:var(--text-xs)}.ic-bg-swatch{width:.75rem;height:.75rem;border-radius:var(--radius-sm)}.ic-custom-color{position:relative}.ic-custom-color input[type=color]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.ic-fit-btn.active{background:var(--brand-color);color:#fff}.ic-crop-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-xs)}.ic-crop-info-label{color:var(--pixel-text-muted)}.ic-crop-info-value{color:var(--pixel-text-primary);font-weight:var(--font-medium);font-family:var(--font-mono, monospace)}.ic-canvas-processing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172acc;backdrop-filter:blur(4px);z-index:100}.ic-canvas-processing-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--pixel-text-primary)}.ic-canvas-processing-spinner{width:var(--space-8);height:var(--space-8);border:3px solid var(--pixel-bg-tertiary);border-top-color:var(--brand-color);border-radius:var(--radius-full);animation:ic-spin .8s linear infinite}@keyframes ic-spin{to{transform:rotate(360deg)}}.ic-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--pixel-text-muted);text-align:center}.ic-canvas-empty i{font-size:var(--text-5xl);color:var(--pixel-text-muted);opacity:.5}.ic-canvas-empty span{font-size:var(--text-sm)}@media(max-width:37.5rem){.ic-canvas-toolbar{flex-wrap:wrap;justify-content:center;gap:var(--space-1);padding:var(--space-1)}.ic-toolbar-group,.ic-zoom-controls,.ic-straighten-group,.ic-shape-toggle{height:var(--space-8)}.ic-toolbar-btn-text{height:var(--space-8);padding:0 var(--space-1);font-size:var(--text-xs)}.ic-toolbar-btn-text i{font-size:var(--text-xs)}.ic-toolbar-btn-text span{display:none}.ic-zoom-controls{flex:0 0 auto}.ic-zoom-btn{width:1.75rem;height:var(--space-8)}.ic-zoom-slider{width:3rem}.ic-zoom-value{min-width:var(--space-10);font-size:var(--text-xs)}.ic-straighten-group{flex:0 0 auto;padding:0 var(--space-1)}.ic-straighten-slider{width:3rem}.ic-straighten-value{font-size:var(--text-xs);min-width:var(--space-8)}.ic-shape-toggle{height:var(--space-8);padding:0 var(--space-2);font-size:var(--text-xs)}.ic-shape-toggle span{display:none}.ic-shape-panel-expanded{padding:var(--space-1)}.ic-shape-grid{grid-template-columns:repeat(5,1fr);overflow-x:auto;-webkit-overflow-scrolling:touch}.ic-shape-btn{padding:var(--space-1)}.ic-shape-btn span{display:none}.ic-shape-options-row{flex-wrap:wrap;gap:var(--space-1)}.ic-shape-option input[type=range]{width:3rem}.ic-shape-bg-group{flex-wrap:wrap;margin-left:0;width:100%;justify-content:flex-start}.ic-shape-bg-option{padding:var(--space-1)}.ic-shape-bg-option span:not(.ic-bg-swatch){display:none}.ic-crop-handle{width:20px;height:20px}.ic-crop-handle.nw{top:-10px;left:-10px}.ic-crop-handle.ne{top:-10px;right:-10px}.ic-crop-handle.sw{bottom:-10px;left:-10px}.ic-crop-handle.se{bottom:-10px;right:-10px}.ic-crop-handle.n{top:-10px}.ic-crop-handle.s{bottom:-10px}.ic-crop-handle.w{left:-10px}.ic-crop-handle.e{right:-10px}}.ic-output-settings{display:flex;flex-direction:column;gap:var(--space-2)}.ic-output-group{display:flex;flex-direction:column;gap:var(--space-1)}.ic-output-row{display:flex;align-items:center;justify-content:space-between}.ic-output-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-output-label i{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-output-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--brand-color)}.ic-format-selector{display:flex;flex-direction:column;gap:var(--space-1)}.ic-format-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left}.ic-format-btn:hover{background:var(--pixel-bg-tertiary)}.ic-format-btn.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color)}.ic-format-btn>i{width:1.5rem;font-size:var(--text-base);color:var(--pixel-text-secondary)}.ic-format-btn.active>i{color:var(--brand-color)}.ic-format-btn-text{display:flex;flex-direction:column;gap:var(--space-1)}.ic-format-btn-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}[dir=rtl] .ic-format-btn-label{text-align:right}.ic-format-btn-hint{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-slider:disabled{opacity:.5;cursor:not-allowed}.ic-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.ic-quality-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-output-checkbox{display:flex;align-items:center;gap:var(--space-2, .5rem);cursor:pointer;user-select:none}.ic-output-checkbox input{position:absolute;opacity:0;cursor:pointer}.ic-checkbox-mark{position:relative;width:1.125rem;height:1.125rem;flex-shrink:0;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.ic-checkbox-mark:after{content:"";position:absolute;top:50%;left:50%;width:.375rem;height:.625rem;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg) scale(0);transition:transform var(--transition-base)}.ic-output-checkbox input:checked+.ic-checkbox-mark{background:var(--brand-color);border-color:var(--brand-color)}.ic-output-checkbox input:checked+.ic-checkbox-mark:after{transform:translate(-50%,-60%) rotate(45deg) scale(1)}.ic-color-input{width:var(--space-8);height:var(--space-8);padding:0;border:2px solid var(--pixel-border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden}.ic-color-input::-webkit-color-swatch-wrapper{padding:0}.ic-color-input::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-lg) - 2px)}.ic-color-text{flex:1;font-family:SF Mono,Monaco,Consolas,monospace;text-transform:uppercase}.ic-color-presets{display:flex;gap:var(--space-1)}.ic-color-preset{width:1.5rem;height:1.5rem;border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.ic-color-preset:hover{border-color:var(--pixel-text-muted);transform:scale(1.1)}.ic-color-preset.active{border-color:var(--brand-color)}.ic-estimated-size{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.ic-estimated-size-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-estimated-size-header i{font-size:var(--text-sm)}.ic-estimated-size-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary);font-family:SF Mono,Monaco,Consolas,monospace}[data-theme=light] .ic-format-btn{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ic-format-btn:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-format-btn.active{background:rgba(var(--brand-color-rgb),.08)}[data-theme=light] .ic-format-btn-label{color:var(--pixel-text-primary)}[data-theme=light] .ic-slider{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-checkbox-mark{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ic-color-input,[data-theme=light] .ic-color-preset{border-color:var(--pixel-border)}[data-theme=light] .ic-estimated-size{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}@media(max-width:37.5rem){.ic-color-picker{flex-wrap:wrap}.ic-color-text{width:100%;order:3}}.ic-crop-controls{display:flex;flex-direction:column;gap:var(--space-2)}.ic-dimension-row{display:flex;align-items:stretch;gap:.25rem;height:var(--space-10);margin-top:var(--space-1)}.ic-dimension-field{flex:1;min-width:0;display:flex;flex-direction:column}.ic-dimension-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1);line-height:var(--leading-none)}.ic-dimension-field .ic-input{flex:1;width:100%;height:1.5rem;text-align:center;font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-xs);padding:0 .25rem;box-sizing:border-box}.ic-dimension-field .ic-input.readonly{background:var(--pixel-bg-tertiary);color:var(--pixel-text-secondary);cursor:default}.ic-dimension-field .ic-input::-webkit-outer-spin-button,.ic-dimension-field .ic-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ic-dimension-input{flex:1;display:flex;align-items:center;gap:var(--space-1)}.ic-dimension-input .ic-input{flex:1;text-align:center;padding:.35rem}.ic-aspect-presets{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);height:100%;max-height:fit-content}.ic-presets-search{position:relative;display:flex;align-items:center}.ic-presets-search>i{position:absolute;left:var(--space-4);color:var(--pixel-text-muted);font-size:var(--text-sm);pointer-events:none}.ic-presets-search .ic-input{padding-left:var(--space-10);padding-right:var(--space-10)}.ic-presets-search-clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--pixel-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.ic-presets-search-clear:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-presets-categories{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-1);min-height:0}.ic-presets-categories::-webkit-scrollbar{width:4px}.ic-presets-categories::-webkit-scrollbar-track{background:transparent}.ic-presets-categories::-webkit-scrollbar-thumb{background:var(--pixel-border);border-radius:var(--radius-sm)}.ic-preset-category{background:transparent;border:1px solid var(--pixel-border);border-radius:var(--radius-lg);overflow:hidden}.ic-preset-category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .625rem;background:var(--pixel-bg-tertiary);border:none;color:var(--pixel-text-primary);cursor:pointer;transition:all var(--transition-base)}.ic-preset-category-header:hover{background:var(--pixel-bg-hover)}.ic-preset-category-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold)}.ic-preset-category-title i{width:1.125rem;font-size:var(--text-sm);color:var(--brand-color)}.ic-preset-category-count{padding:var(--space-1) var(--space-2);background:rgba(var(--brand-color-rgb),.15);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--brand-color)}.ic-preset-category-toggle{font-size:var(--text-xs);color:var(--pixel-text-muted);transition:transform var(--transition-base)}.ic-preset-category-header.expanded .ic-preset-category-toggle{transform:rotate(180deg)}.ic-preset-category-content{display:flex;flex-direction:column;background:var(--pixel-bg-primary);max-height:fit-content}.ic-preset-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2);background:transparent;border:none;border-top:1px solid var(--pixel-border);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;min-width:0;overflow:hidden}.ic-preset-item:hover{background:rgba(var(--brand-color-rgb),.05)}.ic-preset-item.selected{background:rgba(var(--brand-color-rgb),.1)}.ic-preset-item-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0;overflow:hidden}.ic-preset-item-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.ic-preset-item.selected .ic-preset-item-name{color:var(--brand-color);font-weight:var(--font-semibold)}.ic-preset-item-dimensions{font-size:var(--text-xs);color:var(--pixel-text-muted);font-family:SF Mono,Monaco,Consolas,monospace;display:flex;align-items:center;gap:var(--space-2)}.ic-preset-item-meta{display:inline-flex;align-items:center;gap:.25rem;padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs)}.ic-preset-item-meta i{font-size:.5rem;opacity:.7}.ic-preset-item.selected .ic-preset-item-meta{background:rgba(var(--brand-color-rgb),.2);color:var(--brand-color)}.ic-preset-item-ratio{padding:.1875rem .5rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary)}.ic-preset-item.selected .ic-preset-item-ratio{background:rgba(var(--brand-color-rgb),.2);color:var(--brand-color)}.ic-presets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--pixel-text-muted)}.ic-presets-empty i{font-size:var(--text-2xl);opacity:.5}.ic-presets-empty span{font-size:var(--text-sm)}.ic-preset-selected{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1);padding:.5rem .625rem;margin-top:auto;background:rgba(var(--brand-color-rgb),.1);border:1px solid rgba(var(--brand-color-rgb),.2);border-radius:var(--radius-lg)}.ic-preset-selected-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--brand-color);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-preset-selected-header i{font-size:var(--text-xs)}.ic-preset-selected-info{display:flex;flex-direction:column;gap:var(--space-1)}.ic-preset-selected-category{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-preset-selected-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.ic-preset-category--custom .ic-preset-category-header{background:rgba(var(--brand-color-rgb),.05)}.ic-preset-category--custom .ic-preset-category-header:hover{background:rgba(var(--brand-color-rgb),.1)}.ic-preset-category--custom .ic-preset-category-title i{color:var(--brand-color)}.ic-preset-add-custom{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);background:var(--pixel-bg-secondary);border:1px dashed var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.ic-preset-add-custom:hover:not(:disabled){background:var(--pixel-bg-tertiary);border-color:var(--brand-color);color:var(--brand-color)}.ic-preset-add-custom:disabled{opacity:.5;cursor:not-allowed}.ic-preset-add-custom i{font-size:var(--text-xs)}.ic-preset-add-custom-dims{margin-left:auto;font-size:var(--text-xs);font-family:SF Mono,Monaco,Consolas,monospace;color:var(--pixel-text-muted)}.ic-preset-add-custom-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-secondary);border:1px solid var(--brand-color);border-radius:var(--radius-md)}.ic-preset-add-custom-form .ic-input{flex:1;min-width:8rem;padding:var(--space-2) var(--space-2);font-size:var(--text-sm)}.ic-preset-add-custom-actions{display:flex;gap:.25rem}.ic-preset-add-custom-actions .ic-btn{padding:var(--space-2);min-width:1.75rem}.ic-preset-add-custom-actions .ic-btn i{font-size:var(--text-xs)}.ic-preset-add-custom-form .ic-preset-add-custom-dims{width:100%;text-align:center;margin-top:var(--space-1);margin-left:0}.ic-preset-item--custom{cursor:pointer;user-select:none;overflow:hidden;box-sizing:border-box}.ic-preset-item--custom:focus,.ic-preset-item--custom:focus-visible{outline:none;box-shadow:none;border-color:var(--pixel-border)}.ic-preset-item--custom .ic-preset-item-info{flex:1;min-width:0;overflow:hidden}.ic-preset-item--custom .ic-preset-item-name,.ic-preset-item--custom .ic-preset-item-dimensions{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-preset-item-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.ic-preset-item-delete{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);opacity:1}.ic-preset-item-delete:hover{background:#ef44441a;color:#ef4444}.ic-preset-custom-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-6);text-align:center;color:var(--pixel-text-muted)}.ic-preset-custom-empty i{font-size:var(--text-xl);color:var(--brand-color);opacity:.5}.ic-preset-custom-empty span{font-size:var(--text-sm);font-weight:var(--font-medium)}.ic-preset-custom-empty small{font-size:var(--text-xs);opacity:.7}.ic-preset-item-mode{padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase}.ic-preset-item.selected .ic-preset-item-mode{background:rgba(var(--brand-color-rgb),.15);color:var(--brand-color)}.ic-preset-item-dimensions i{margin-right:var(--space-1);font-size:var(--text-xs);opacity:.7}[dir=rtl] .ic-preset-item-dimensions,[dir=rtl] .ic-preset-item-name,[dir=rtl] .ic-preset-selected-info{text-align:right}.ic-transform-controls{display:flex;flex-direction:column;gap:var(--space-4)}.ic-transform-info{margin-top:var(--space-2)}.ic-transform-info .ic-dimension-info{font-size:var(--text-xs)}.ic-shape-selector{display:flex;flex-direction:column;gap:var(--space-4)}.ic-shape-bg-options{display:flex;flex-direction:column;gap:var(--space-2)}.image-cropper-page{width:100%;padding:var(--space-2) 0 0 0;box-sizing:border-box}.image-cropper-page .content-wrapper{box-sizing:border-box}.ic-page-header{padding:.5rem 0 1rem;text-align:center}.ic-page-header-content{margin:0 auto}.ic-page-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-bold);color:#f1f5f9;`margin: 0 0 var(--space-3)}.ic-page-title i{color:var(--brand-color);font-size:var(--text-2xl)}.ic-page-subtitle{font-size:var(--text-base);color:#cbd5e1;`margin: 0 0 var(--space-3);line-height:var(--leading-normal)}.ic-page-badges{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.ic-page-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(var(--brand-color-rgb),.1);border:1px solid rgba(var(--brand-color-rgb),.2);border-radius:var(--radius-2xl);color:var(--brand-color-accent);font-size:var(--text-xs);font-weight:var(--font-medium)}.ic-page-badge i{font-size:var(--text-xs)}.ic-page-main{padding:0}@media(max-width:37.5rem){.ic-page-header{padding:1.5rem 0 1rem}.ic-page-title{font-size:var(--text-2xl)}.ic-page-title i{font-size:var(--text-xl)}.ic-page-subtitle{font-size:var(--text-sm)}.ic-page-badges{flex-wrap:nowrap;gap:var(--space-2)}.ic-page-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);gap:.25rem}.ic-page-badge i{font-size:var(--text-xs)}.ic-page-main{padding:0}}.ic-flint-promo{margin:0;background:linear-gradient(135deg,#546e7a1f,#546e7a0a);border:1px solid rgba(84,110,122,.25);border-radius:var(--radius-xl);overflow:hidden}.ic-flint-promo-content{padding:var(--space-2) var(--space-4)}.ic-flint-promo-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--skalda-color);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-flint-promo-header i{font-size:var(--text-sm);padding-left:var(--space-1)}.ic-flint-promo-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.ic-flint-promo-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#00000040;border:1px solid rgba(84,110,122,.2);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.ic-flint-promo-link:hover{background:#546e7a26;border-color:var(--flint-color);transform:translateY(-1px)}.ic-flint-promo-link>i:first-child{width:var(--space-8);height:var(--space-8);min-width:var(--space-8);display:flex;align-items:center;justify-content:center;background:#546e7a33;border-radius:var(--radius-lg);color:var(--flint-color);font-size:var(--text-sm)}.ic-flint-promo-link-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.ic-flint-promo-link-text strong{color:#f1f5f9;font-size:var(--text-sm);font-weight:var(--font-semibold)}.ic-flint-promo-link-text span{color:#94a3b8;font-size:var(--text-xs)}.ic-flint-promo-arrow{color:#64748b;font-size:var(--text-xs);transition:color var(--transition-base),transform .2s ease}.ic-flint-promo-link:hover .ic-flint-promo-arrow{color:var(--flint-color);transform:translate(2px)}.ic-flint-promo-link.privacy>i:first-child{background:#a855f733;color:#a855f7}.ic-flint-promo-link.privacy:hover{background:#a855f726;border-color:#a855f7}.ic-flint-promo-link.privacy:hover .ic-flint-promo-arrow{color:#a855f7}.ic-flint-promo-link.units>i:first-child{background:#e5393533;color:var(--units-color)}.ic-flint-promo-link.units:hover{background:#e5393526;border-color:var(--units-color)}.ic-flint-promo-link.units:hover .ic-flint-promo-arrow{color:var(--units-color)}@media(max-width:64rem){.ic-flint-promo-links{grid-template-columns:repeat(2,1fr)}.ic-flint-promo-link:last-child{grid-column:span 2}}@media(max-width:48rem){.ic-flint-promo-links{grid-template-columns:1fr}.ic-flint-promo-link:last-child{grid-column:span 1}}@media(max-width:37.5rem){.ic-flint-promo{margin:var(--space-3) 0}.ic-flint-promo-content{padding:var(--space-3)}.ic-flint-promo-link{padding:var(--space-2) var(--space-3)}.ic-flint-promo-link-text strong{font-size:var(--text-sm)}}[data-theme=light] .ic-page-title{color:#1e293b}[data-theme=light] .ic-page-subtitle{color:#475569}[data-theme=light] .ic-flint-promo{background:linear-gradient(135deg,#546e7a14,#546e7a05);border-color:#546e7a33}[data-theme=light] .ic-flint-promo-link{background:#ffffffb3;border-color:#546e7a26}[data-theme=light] .ic-flint-promo-link:hover{background:#546e7a14;border-color:var(--flint-color)}[data-theme=light] .ic-flint-promo-link>i:first-child{background:#546e7a1f}[data-theme=light] .ic-flint-promo-link.privacy>i:first-child{background:#a855f71f}[data-theme=light] .ic-flint-promo-link.privacy:hover{background:#a855f714;border-color:#a855f7}[data-theme=light] .ic-flint-promo-link.units>i:first-child{background:#e539351f}[data-theme=light] .ic-flint-promo-link.units:hover{background:#e5393514;border-color:var(--units-color)}[data-theme=light] .ic-flint-promo-link-text strong{color:#1e293b}[data-theme=light] .ic-flint-promo-link-text span{color:#64748b}[data-theme=light] .ic-flint-promo-arrow{color:#94a3b8}[dir=rtl] .ic-flint-promo-link-text{text-align:right}.qr-page-main{padding:0}