.image-compressor{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-success{background:linear-gradient(135deg,#10b98126,#10b98114);border:1px solid rgba(16,185,129,.3);color:#34d399}.ic-notification-warning i:first-child,.ic-notification-success i:first-child{font-size:var(--text-base)}.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}.ic-preview-section>.ic-dropzone{min-height:20rem;margin:0;box-sizing:border-box}.ic-controls-section{display:flex;flex-direction:column;gap:var(--space-2);align-self:start}@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);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-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-inline-start: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-width:0;max-width:100%;overflow:hidden}.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;gap:var(--space-2);padding:var(--space-4);padding-top:0}.ic-add-more{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);padding:var(--space-4)}.ic-tabs{display:flex;background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);padding:var(--space-1);gap:var(--space-1);height:auto}.ic-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);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;overflow:hidden}.ic-tab span{overflow:hidden;text-overflow:ellipsis}.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:none;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 i{font-size:var(--text-sm)}.ic-btn-danger{background:transparent;border:1px solid var(--pixel-border);color:var(--color-error);white-space:nowrap}.ic-btn-danger:hover:not(:disabled){background:#ef444426;border-color:var(--color-error);color:var(--color-error)}.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)}}.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-btn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .2rem;background:#fff3;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold)}.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-label i{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-label-context{margin-inline-start:auto;font-weight:var(--font-normal);color:var(--pixel-text-muted);text-transform:none;font-size:var(--text-xs)}.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-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:linear-gradient(to right,#ef4444,#f59e0b,#10b981);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:end;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.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-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);line-height:var(--leading-snug)}@media(max-width:37.5rem){.ic-tabs{height:auto}.ic-tab{padding:.375rem .25rem;gap:.25rem}.ic-tab span,.ic-tab i{font-size:var(--text-xs)}.ic-export-actions{flex-wrap:wrap}.ic-input-row{flex-direction:column}.ic-input-row .ic-input{width:100%}}.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-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)}[dir=rtl] .ic-hint{text-align:right}[data-theme=light] .ic-section{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .ic-section-header{background:var(--pixel-bg-secondary);border-bottom:1px solid var(--pixel-border)}[data-theme=light] .ic-section-header:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-tabs{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .ic-tab{color:var(--pixel-text-secondary)}[data-theme=light] .ic-tab:hover:not(.active){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .ic-tab.active{color:#fff}[data-theme=light] .ic-input{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .ic-input::placeholder{color:var(--pixel-text-muted)}[data-theme=light] .ic-select{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .ic-slider{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-btn-secondary{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .ic-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover)}[data-theme=light] .ic-btn-danger{border-color:var(--pixel-border);color:var(--pixel-text-muted)}[data-theme=light] .ic-btn-danger:hover:not(:disabled){background:#ef444414}[data-theme=light] .ic-radio{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ic-radio-indicator{border-color:var(--pixel-border)}[data-theme=light] .ic-checkbox-indicator{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ic-dropzone{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.03),rgba(var(--brand-color-rgb),.01));border-color:var(--pixel-border)}[data-theme=light] .ic-dropzone:hover{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.05),rgba(var(--brand-color-rgb),.02))}[data-theme=light] .ic-dropzone.dragging{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.08),rgba(var(--brand-color-rgb),.04))}[data-theme=light] .ic-dropzone-paste,[data-theme=light] .ic-preview-modes,[data-theme=light] .ic-preview-zoom,[data-theme=light] .ic-preview-backgrounds{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-preview-mode:hover,[data-theme=light] .ic-preview-bg:hover,[data-theme=light] .ic-preview-zoom button:hover{background:var(--pixel-bg-hover)}[data-theme=light] .ic-preview-container.bg-checkered{background-color:#f1f5f9;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%)}[data-theme=light] .ic-preview-info{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-mode-btn{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ic-mode-btn:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-preset-card{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ic-preset-card:hover{background:var(--pixel-bg-tertiary)}[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-privacy-toggle,[data-theme=light] .ic-stats-card{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ic-stats-bar-bg{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-batch-setting{background:var(--pixel-bg-primary)}[data-theme=light] .ic-batch-item{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ic-batch-item:hover,[data-theme=light] .ic-batch-item-thumb{background:var(--pixel-bg-tertiary)}[data-theme=light] .ic-batch-item-status{background:var(--pixel-bg-secondary)}[data-theme=light] .ic-batch-progress{background:var(--pixel-bg-primary)}[data-theme=light] .ic-notification-warning{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border-color:#f59e0b66}[data-theme=light] .ic-notification-success{background:linear-gradient(135deg,#10b9811f,#10b9810f);border-color:#10b98166}[data-theme=light] .ic-notification span{color:var(--pixel-text-primary)}[data-theme=light] .ic-notification-close{color:var(--pixel-text-muted)}[data-theme=light] .ic-notification-close:hover{background:#00000014;color:var(--pixel-text-primary)}[data-theme=light] .ic-add-more{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}.ic-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%;pointer-events:auto;z-index:1}.ic-dropzone:hover{background:rgba(var(--brand-color-rgb),.03);border-color:var(--brand-color)}.ic-dropzone.dragging{background:rgba(var(--brand-color-rgb),.06);border-color:var(--brand-color);border-style:solid}.ic-dropzone.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ic-dropzone-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.ic-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;pointer-events:none}.ic-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-dropzone-icon i{font-size:1.75rem;color:var(--brand-color);transition:transform var(--transition-base)}.ic-dropzone.dragging .ic-dropzone-icon{background:rgba(var(--brand-color-rgb),.2);transform:scale(1.1)}.ic-dropzone.dragging .ic-dropzone-icon i{transform:translateY(-2px)}.ic-dropzone-text{display:flex;flex-direction:column;gap:var(--space-1)}.ic-dropzone-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ic-dropzone-hint{font-size:var(--text-sm);color:var(--pixel-text-muted)}.ic-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);pointer-events:none}.ic-dropzone-paste i{font-size:var(--text-sm)}.ic-dropzone-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-error);pointer-events:none}.ic-add-more .ic-dropzone{min-height:5rem;padding:var(--space-4);background:transparent;border-style:dashed}.ic-add-more .ic-dropzone-content{flex-direction:row;gap:var(--space-4)}.ic-add-more .ic-dropzone-icon{width:var(--space-10);height:var(--space-10)}.ic-add-more .ic-dropzone-icon i{font-size:var(--text-base)}.ic-add-more .ic-dropzone-text{align-items:flex-start}[dir=rtl] .ic-add-more .ic-dropzone-text{align-items:flex-end}.ic-add-more .ic-dropzone-title{font-size:var(--text-sm)}.ic-add-more .ic-dropzone-hint{font-size:var(--text-xs)}.ic-add-more .ic-dropzone-paste{display:none}@media(max-width:37.5rem){.ic-dropzone-icon{width:3rem;height:3rem;min-width:3rem;min-height:3rem;aspect-ratio:1}.ic-dropzone-icon i{font-size:var(--text-xl)}}.ic-preview{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.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-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.ic-preview-modes,.ic-preview-zoom,.ic-preview-backgrounds{display:flex;align-items:center;background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.ic-preview-mode,.ic-preview-bg{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:transparent;border:none;color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.ic-preview-mode:hover,.ic-preview-bg:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-preview-mode.active,.ic-preview-bg.active{background:var(--brand-color);color:#fff}.ic-preview-mode:disabled{opacity:.4;cursor:not-allowed}.ic-preview-zoom button{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-preview-zoom button:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-preview-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;cursor:pointer}.ic-preview-zoom-value:hover{color:var(--brand-color)}.ic-preview-container{position:relative;min-height:18rem;max-height:28rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;user-select:none;padding:var(--space-2);box-sizing:border-box}.ic-preview-container.bg-dark{background:#0f172a}.ic-preview-container.bg-light{background:#f8fafc}.ic-preview-container.bg-checkered{background-color:#1e293b;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%);background-size:1rem 1rem;background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0}.ic-preview-image{display:flex;align-items:center;justify-content:center;transition:clip-path .05s ease;position:relative;width:100%;max-height:100%}.ic-preview-image img{max-width:100%;max-height:27rem;width:auto;height:auto;object-fit:contain;display:block}@media(max-width:56.25rem){.ic-preview-image img{max-height:17rem}}.ic-preview-split-mode .ic-preview-image{position:absolute;inset:0;width:100%;height:100%}.ic-preview-original{z-index:1}.ic-preview-compressed,.ic-preview-estimated{z-index:2}.ic-preview-label{position:absolute;top:var(--space-2);padding:var(--space-1) var(--space-2);background:#000000b3;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);z-index:5;pointer-events:none;display:flex;align-items:center;gap:var(--space-1)}.ic-preview-label-original{inset-inline-start:var(--space-2);color:var(--pixel-text-secondary)}.ic-preview-label-compressed{inset-inline-end:var(--space-2);color:var(--color-success)}.ic-preview-label-estimated{inset-inline-end:var(--space-2);color:#f59e0b}.ic-preview-label-spinner{font-size:var(--text-xs);margin-inline-start:.25rem}.ic-preview-label-savings{padding:var(--space-1) var(--space-1);background:var(--color-success);border-radius:var(--radius-sm);color:#fff;font-weight:var(--font-semibold)}.ic-preview-slider{position:absolute;top:0;bottom:0;width:3rem;transform:translate(-50%);z-index:10;cursor:ew-resize;touch-action:none}.ic-preview-slider-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translate(-50%);box-shadow:0 0 8px #0006;pointer-events:none}.ic-preview-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:#334155;border:3px solid white;border-radius:var(--radius-full);box-shadow:0 2px 12px #0006;color:#fff;font-size:var(--text-sm);transition:transform .15s ease,box-shadow .15s ease}.ic-preview-dragging{cursor:ew-resize}.ic-preview-dragging .ic-preview-slider-handle{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 16px #00000080}.ic-preview-processing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:#0f172ae6;z-index:20}.ic-preview-processing i{font-size:var(--text-4xl);color:var(--brand-color)}.ic-preview-processing span{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.ic-preview-info{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-xs);flex-wrap:wrap;position:relative}.ic-preview-info-content{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.ic-preview-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--pixel-bg-hover);border:none;border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;z-index:1}.ic-preview-nav-prev{left:var(--space-2)}.ic-preview-nav-next{right:var(--space-2)}.ic-preview-nav:hover:not(:disabled){background:var(--brand-color);color:#fff}.ic-preview-nav:active:not(:disabled){transform:translateY(-50%) scale(.95)}.ic-preview-nav:disabled{opacity:.3;cursor:not-allowed}[dir=rtl] .ic-preview-nav-prev{left:auto;right:var(--space-2)}[dir=rtl] .ic-preview-nav-next{right:auto;left:var(--space-2)}[dir=rtl] .ic-preview-nav-prev i,[dir=rtl] .ic-preview-nav-next i{transform:scaleX(-1)}.ic-preview-info-item{display:flex;align-items:center;gap:var(--space-1)}.ic-preview-info-label{color:var(--pixel-text-muted)}.ic-preview-info-value{color:var(--pixel-text-primary);font-weight:var(--font-medium);font-family:SF Mono,Monaco,Consolas,monospace}.ic-preview-info-size{color:var(--pixel-text-secondary)}.ic-preview-info-size.smaller{color:var(--color-success)}.ic-preview-info-size.larger{color:var(--color-warning)}.ic-preview-info-savings{margin-inline-start:var(--space-1);color:var(--color-success);font-weight:var(--font-semibold)}.ic-preview-info-arrow{color:var(--pixel-text-muted);font-size:var(--text-xs)}.ic-preview-info-estimated .ic-preview-info-label,.ic-preview-info-estimated .ic-preview-info-size.smaller,.ic-preview-info-estimated .ic-preview-info-savings{color:#f59e0b}.ic-preview-info-spinner{margin-inline-start:.25rem;font-size:var(--text-xs)}@media(max-width:37.5rem){.ic-preview-controls{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--space-2)}.ic-preview-modes{grid-column:1;grid-row:1;justify-self:start}.ic-preview-backgrounds{grid-column:2;grid-row:1;justify-self:end}.ic-preview-zoom{grid-column:1 / -1;grid-row:2;justify-self:center}.ic-preview-container{min-height:14rem;max-height:20rem}.ic-preview-info{flex-direction:column;gap:var(--space-2)}.ic-preview-info-arrow{transform:rotate(90deg)}.ic-preview-slider{width:4rem}.ic-preview-slider-handle{width:2.75rem;height:2.75rem;font-size:var(--text-base)}.ic-preview-slider-line{width:4px}}@media(max-width:22rem){.ic-preview-info-content{padding:0 var(--space-8)}}.ic-compression-controls{display:flex;flex-direction:column;gap:var(--space-1)}.ic-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.ic-preset-grid .ic-preset-card:first-child{grid-column:1 / -1;flex-direction:row;align-items:center;gap:var(--space-2)}.ic-preset-grid .ic-preset-card:first-child .ic-preset-card-header{gap:var(--space-1)}.ic-preset-grid .ic-preset-card:first-child .ic-preset-card-desc{text-align:start;color:var(--pixel-text-muted);flex:1}@media(max-width:37.5rem){.ic-preset-grid{grid-template-columns:1fr}.ic-preset-grid .ic-preset-card:first-child{grid-column:auto;flex-direction:column;align-items:stretch}.ic-preset-grid .ic-preset-card:first-child .ic-preset-card-desc{text-align:center}}.ic-preset-card{display:flex;flex-direction:column;gap:var(--space-1);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);text-align:start}.ic-preset-card:hover{background:var(--pixel-bg-tertiary)}.ic-preset-card.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color)}.ic-preset-card-header{display:flex;align-items:center;gap:var(--space-2)}.ic-preset-card-icon{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);transition:all var(--transition-base)}.ic-preset-card.active .ic-preset-card-icon{background:var(--brand-color);color:#fff}.ic-preset-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ic-preset-card-desc{font-size:var(--text-xs);color:var(--pixel-text-muted);line-height:var(--leading-snug);padding-inline-start:0;text-align:center}.ic-algorithm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.ic-algorithm-grid .ic-algorithm-btn:first-child{grid-column:1 / -1;justify-content:center}@media(max-width:37.5rem){.ic-algorithm-grid{grid-template-columns:1fr}.ic-algorithm-grid .ic-algorithm-btn:first-child{grid-column:auto}}.ic-algorithm-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) 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-algorithm-btn:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-algorithm-btn.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-algorithm-btn i{font-size:var(--text-xs)}.ic-unit-toggle{display:flex;border:1px solid var(--pixel-border);border-inline-start:none;border-radius:0 var(--radius-md) var(--radius-md) 0;overflow:hidden}.ic-unit-btn{padding:var(--space-2) var(--space-2);background:var(--pixel-bg-tertiary);border:none;color:var(--pixel-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.ic-unit-btn:not(:last-child){border-inline-end:1px solid var(--pixel-border)}.ic-unit-btn:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.ic-unit-btn.active{background:var(--brand-color);color:#fff}.ic-input-suffix{padding:var(--space-2) var(--space-4);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-inline-start:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--pixel-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.ic-input-row .ic-input:has(+.ic-input-suffix){border-radius:var(--radius-md);0 0 var(--radius-md)}.ic-input-row .ic-input.with-suffix{border-radius:var(--radius-md);0 0 var(--radius-md)}.ic-slider-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-quality-quick{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.ic-quality-quick button{flex:1;padding:var(--space-1);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-quality-quick button:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.ic-quality-quick button.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.ic-stats{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--pixel-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--pixel-border)}.ic-stats-main{display:flex;flex-direction:column;gap:var(--space-4)}.ic-stats-savings{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:#10b9811a;border-radius:var(--radius-lg)}.ic-stats-savings-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-success);line-height:var(--leading-none)}.ic-stats-savings-label{font-size:var(--text-xs);color:var(--color-success);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.ic-stats-sizes{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.ic-stats-size-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.ic-stats-size-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-stats-size-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary);font-family:SF Mono,Monaco,Consolas,monospace}.ic-stats-size-compressed .ic-stats-size-value{color:var(--color-success)}.ic-stats-arrow{color:var(--pixel-text-muted);font-size:var(--text-xs)}.ic-stats-bars{display:flex;flex-direction:column;gap:var(--space-2)}.ic-stats-bar{display:grid;grid-template-columns:5rem 1fr 4rem;gap:var(--space-2);align-items:center}.ic-stats-bar-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-stats-bar-track{height:.5rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.ic-stats-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.ic-stats-bar-original{background:var(--pixel-text-muted)}.ic-stats-bar-compressed{background:linear-gradient(90deg,var(--color-success),#34d399)}.ic-stats-bar-value{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);text-align:end;font-family:SF Mono,Monaco,Consolas,monospace}.ic-stats-bar-value-success{color:var(--color-success)}.ic-stats-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-success);font-weight:var(--font-medium)}.ic-stats-badge i{font-size:var(--text-base)}.ic-stats-target{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium)}.ic-stats-target i{font-size:var(--text-base)}.ic-stats-target-met{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.ic-stats-target-not-met{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.ic-stats-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--pixel-border)}.ic-stats-detail-item{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.ic-stats-detail-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-stats-detail-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary);font-family:SF Mono,Monaco,Consolas,monospace}@media(max-width:37.5rem){.ic-stats-main{gap:var(--space-2)}.ic-stats-bar{grid-template-columns:4rem 1fr 3.5rem}.ic-stats-details{grid-template-columns:1fr}}.ic-output-settings,.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:start}.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)}.ic-format-btn-hint{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ic-privacy-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media(max-width:37.5rem){.ic-privacy-toggle{grid-template-columns:1fr}}.ic-privacy-option{display:flex;flex-direction:column;gap:var(--space-1);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);text-align:start}.ic-privacy-option:hover{background:var(--pixel-bg-tertiary)}.ic-privacy-option.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color)}.ic-privacy-option-header{display:flex;align-items:center;gap:var(--space-2)}.ic-privacy-option-icon{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs)}.ic-privacy-option.active .ic-privacy-option-icon{background:var(--brand-color);color:#fff}.ic-privacy-option-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ic-privacy-option-desc{font-size:var(--text-xs);color:var(--pixel-text-muted);line-height:var(--leading-snug);text-align:center}.ic-privacy-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-success);font-weight:var(--font-medium)}.ic-privacy-badge i{font-size:var(--text-sm)}.ic-batch-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);width:100%}.ic-batch-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.ic-batch-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-batch-title i{color:var(--brand-color)}.ic-batch-stats{display:flex;gap:var(--space-4)}.ic-batch-stat{display:flex;flex-direction:column;align-items:center;gap:0rem}.ic-batch-stat-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ic-batch-stat-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase}.ic-batch-stat.done .ic-batch-stat-value{color:var(--color-success)}.ic-batch-stat.error .ic-batch-stat-value{color:var(--color-error)}.ic-batch-savings{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg)}.ic-batch-savings-icon{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:var(--color-success);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm)}.ic-batch-savings-text{display:flex;flex-direction:column;gap:var(--space-1)}.ic-batch-savings-label{font-size:var(--text-xs);color:var(--color-success);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ic-batch-savings-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-success);font-family:SF Mono,Monaco,Consolas,monospace}.ic-batch-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:20rem;overflow-y:auto;overflow-x:hidden;padding-inline-end:.25rem;width:100%}.ic-batch-list::-webkit-scrollbar{width:4px}.ic-batch-list::-webkit-scrollbar-track{background:transparent}.ic-batch-list::-webkit-scrollbar-thumb{background:var(--pixel-border);border-radius:var(--radius-sm)}.ic-batch-list::-webkit-scrollbar-thumb:hover{background:var(--pixel-text-muted)}.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);overflow:hidden;max-width:100%}.ic-batch-item:hover{background:var(--pixel-bg-tertiary)}.ic-batch-item.selected{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.05)}.ic-batch-item.done{border-inline-start:3px solid var(--color-success)}.ic-batch-item.error{border-inline-start:3px solid var(--color-error)}.ic-batch-item-thumb{position:relative;width:3rem;height:3rem;min-width:3rem;border-radius:var(--radius-md);overflow:hidden;background:var(--pixel-bg-tertiary)}.ic-batch-item-thumb img{width:100%;height:100%;object-fit:cover}.ic-batch-item-status{position:absolute;bottom:.125rem;inset-inline-end:.125rem;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-secondary);border-radius:var(--radius-full);font-size:.5rem}.ic-batch-item-status.pending{color:var(--pixel-text-muted)}.ic-batch-item-status.processing{color:var(--brand-color)}.ic-batch-item-status.done{color:var(--color-success)}.ic-batch-item-status.error{color:var(--color-error)}.ic-batch-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden}.ic-batch-item-name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ic-batch-item-details{font-size:var(--text-xs);color:var(--pixel-text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.ic-batch-item-result{font-size:var(--text-xs);color:var(--color-success);font-family:SF Mono,Monaco,Consolas,monospace}.ic-batch-item-savings{margin-inline-start:var(--space-1);font-weight:var(--font-semibold)}.ic-batch-item-error{font-size:var(--text-xs);color:var(--color-error)}.ic-batch-item-remove{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:0}.ic-batch-item:hover .ic-batch-item-remove{opacity:1}.ic-batch-item-remove:hover{background:#ef44441a;color:var(--color-error)}.ic-batch-item-remove:disabled{opacity:.3;cursor:not-allowed}.ic-batch-actions{display:flex;gap:var(--space-2)}.ic-batch-actions .ic-btn{padding-inline-start:var(--space-2);padding-inline-end:var(--space-2)}.ic-batch-progress{height:.25rem;background:var(--pixel-bg-primary);border-radius:.125rem;overflow:hidden}.ic-batch-progress-bar{height:100%;background:var(--brand-color);transition:width .3s ease}@media(max-width:37.5rem){.ic-batch-header{flex-direction:column;align-items:flex-start}.ic-batch-actions{flex-direction:column}}@media(max-width:22rem){.ic-batch-item{gap:var(--space-1);padding:var(--space-15)}.ic-batch-item-info{overflow:hidden}.ic-batch-item-name{font-size:var(--text-xs)}.ic-batch-item-details,.ic-batch-item-result{font-size:.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-batch-item-thumb{width:2.5rem;height:2.5rem;min-width:2.5rem}.ic-batch-item-remove{width:1.25rem;height:1.25rem;flex-shrink:0}}.image-compressor-page{width:100%;padding:var(--space-2) 0 0 0;box-sizing:border-box}.image-compressor-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-inline-start:.25rem}.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:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-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:rgba(var(--brand-color-rgb),.2);border-radius:var(--radius-lg);color:var(--brand-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(--brand-color);transform:translate(2px)}[dir=rtl] .ic-flint-promo-link:hover .ic-flint-promo-arrow{transform:translate(-2px)}.qr-flint-promo-link.converter>i:first-child{background:#546e7a33;color:var(--flint-color)}.qr-flint-promo-link.converter:hover{background:#546e7a26;border-color:var(--flint-color)}.qr-flint-promo-link.converter:hover .qr-flint-promo-arrow{color:var(--flint-color)}.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}@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-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:rgba(var(--brand-color-rgb),.12)}[data-theme=light] .ic-flint-promo-link.converter>i:first-child{background:#546e7a1f}[data-theme=light] .ic-flint-promo-link.converter:hover{background:#546e7a14;border-color:var(--flint-color)}[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-text strong{color:#1e293b}[data-theme=light] .ic-flint-promo-link-text span{color:#64748b}[data-theme=light] .ic-flint-promo-arrow{color:#94a3b8}[data-theme=light] .ic-page-title{color:#1e293b}[data-theme=light] .ic-page-subtitle{color:#475569}[dir=rtl] .ic-flint-promo-link-text{text-align:right}.qr-page-main{padding:0}[data-theme=light] .qr-flint-promo{background:linear-gradient(135deg,#546e7a14,#546e7a05);border-color:#546e7a33}[data-theme=light] .qr-flint-promo-link{background:#ffffffb3;border-color:#546e7a26}[data-theme=light] .qr-flint-promo-link:hover{background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color)}[data-theme=light] .qr-flint-promo-link>i:first-child{background:rgba(var(--brand-color-rgb),.12)}[data-theme=light] .qr-flint-promo-link.converter>i:first-child{background:#546e7a1f}[data-theme=light] .qr-flint-promo-link.converter:hover{background:#546e7a14;border-color:var(--flint-color)}[data-theme=light] .qr-flint-promo-link.privacy>i:first-child{background:#a855f71f}[data-theme=light] .qr-flint-promo-link.privacy:hover{background:#a855f714;border-color:#a855f7}[data-theme=light] .qr-flint-promo-link.units>i:first-child{background:#e539351f}[data-theme=light] .qr-flint-promo-link.units:hover{background:#e5393514;border-color:var(--units-color)}[data-theme=light] .qr-flint-promo-link-text strong{color:#1e293b}[data-theme=light] .qr-flint-promo-link-text span{color:#64748b}[data-theme=light] .qr-flint-promo-arrow{color:#94a3b8}[dir=rtl] .qr-flint-promo-link-text{text-align:right}