.image-format-converter{width:100%;max-width:100%;padding:var(--space-4) 0;color:var(--pixel-text-primary);font-family:inherit;box-sizing:border-box}.ifc-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:ifc-notification-slide-in .3s ease-out}@keyframes ifc-notification-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ifc-notification-warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid rgba(245,158,11,.3);color:#fbbf24}.ifc-notification-warning i:first-child{color:#f59e0b;font-size:var(--text-base)}.ifc-notification-error{background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid rgba(239,68,68,.3);color:#f87171}.ifc-notification-error i:first-child{color:#ef4444;font-size:var(--text-base)}.ifc-notification span{flex:1;color:var(--pixel-text-primary)}.ifc-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)}.ifc-notification-close:hover{background:#ffffff1a;color:var(--pixel-text-primary)}.ifc-layout{display:grid;grid-template-columns:19rem 1fr;gap:var(--space-4);align-items:start;max-width:100%;overflow:hidden;padding:0 0 var(--space-4) 0}@media(max-width:56.25rem){.ifc-layout{grid-template-columns:1fr}.ifc-preview-section{order:-1}}.ifc-controls-section{display:flex;flex-direction:column;gap:var(--space-1);align-self:start}.ifc-section{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);overflow:hidden}.ifc-section+.ifc-section{margin-top:var(--space-1)}.ifc-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)}.ifc-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)}.ifc-section-title i{color:var(--brand-color);font-size:var(--text-sm);padding-left:var(--space-1)}.ifc-section-content{padding:var(--space-2)}.ifc-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.ifc-form-group+.ifc-form-group{margin-top:var(--space-2)}.ifc-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)}.ifc-label i{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ifc-select{width:100%;padding:var(--space-2) var(--space-6) 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);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.ifc-select:focus{outline:none;border-color:var(--pixel-border-focus)}.ifc-select:disabled{opacity:.5;cursor:not-allowed}.ifc-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);line-height:var(--leading-snug)}.ifc-format-arrow{display:flex;justify-content:center;padding:var(--space-2) 0;color:var(--brand-color)}.ifc-format-detected{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-md)}.ifc-format-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--brand-color);color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;width:fit-content}.ifc-format-desc{font-size:var(--text-xs);color:var(--pixel-text-muted)}.ifc-slider-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.ifc-slider-row{display:flex;align-items:center;gap:var(--space-4)}.ifc-slider{flex:1;-webkit-appearance:none;appearance:none;height:.375rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer}.ifc-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)}.ifc-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.ifc-slider::-moz-range-thumb{width:1rem;height:1rem;background:var(--brand-color);border:none;border-radius:var(--radius-full);cursor:pointer}.ifc-slider-value{min-width:3rem;text-align:right;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.ifc-slider:disabled{opacity:.5;cursor:not-allowed}.ifc-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)}.ifc-btn:disabled{opacity:.5;cursor:not-allowed}.ifc-btn i{font-size:var(--text-sm)}.ifc-btn-clear{flex:0 0 auto;width:var(--space-8);height:var(--space-8);padding:0;background:transparent;color:var(--pixel-text-muted);border:1px solid var(--pixel-border)}.ifc-btn-clear:hover:not(:disabled){background:#ef44441a;color:#ef4444;border-color:#ef4444}.ifc-preview-section{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;max-width:100%;overflow:hidden}.ifc-preview-section>.ir-dropzone{min-height:20rem;margin:0;box-sizing:border-box}.ifc-preview-wrapper{display:flex;flex-direction:column;gap:var(--space-4)}.ifc-preview-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:20rem;max-height:28rem;background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-xl);overflow:hidden}.ifc-preview-image{max-width:100%;max-height:28rem;object-fit:contain}.ifc-preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:#0f172ad9;backdrop-filter:blur(4px);color:var(--pixel-text-primary)}.ifc-preview-overlay-error{background:#ef444426;color:var(--color-error)}.ifc-progress-spinner{width:3rem;height:3rem;border:3px solid var(--pixel-border);border-top-color:var(--brand-color);border-radius:var(--radius-full);animation:ifc-spin .8s linear infinite}@keyframes ifc-spin{to{transform:rotate(360deg)}}.ifc-converted-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-success);color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.ifc-preview-info{padding:var(--space-2) var(--space-4);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.ifc-preview-filename{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.ifc-preview-details{display:flex;flex-direction:column;gap:var(--space-1)}.ifc-dimension-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:var(--text-xs)}.ifc-dimension-label{color:var(--pixel-text-muted)}.ifc-dimension-value{color:var(--pixel-text-secondary);font-weight:var(--font-medium)}.ifc-size-diff{display:inline-flex;align-items:center;gap:2px;margin-left:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold)}.ifc-size-diff i{font-size:.5rem}.ifc-size-smaller{color:var(--color-success)}.ifc-size-larger{color:var(--color-warning)}.ifc-dropzone{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.03) 0%,transparent 100%);border:2px dashed var(--pixel-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.ifc-dropzone:hover{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.06),rgba(var(--brand-color-rgb),.02));border-color:rgba(var(--brand-color-rgb),.5)}.ifc-dropzone.dragging{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.1),rgba(var(--brand-color-rgb),.04));border-color:var(--brand-color);border-style:solid}.ifc-dropzone-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.ifc-dropzone-main{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.ifc-dropzone-icon{width:3rem;height:3rem;min-width:3rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.12);border-radius:var(--radius-xl)}.ifc-dropzone-icon i{font-size:var(--text-xl);color:var(--brand-color)}.ifc-dropzone-text{display:flex;flex-direction:column;gap:var(--space-1)}.ifc-dropzone-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.ifc-dropzone-subtitle{font-size:var(--text-xs);color:var(--pixel-text-muted);text-align:center}.ifc-dropzone-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--pixel-text-muted)}.ifc-dropzone-formats-label{font-weight:var(--font-semibold);color:var(--pixel-text-muted);margin-right:var(--space-1)}.ifc-dropzone-url{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-6);border-top:1px dashed var(--pixel-border)}.ifc-url-field{flex:1;min-width:0;max-width:16rem;padding:.5rem;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-xs)}.ifc-url-field:focus{outline:none;border-color:var(--brand-color)}.ifc-url-field::placeholder{color:var(--pixel-text-muted)}.ifc-url-btn{padding:.5rem;background:var(--brand-color);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ifc-url-btn:hover:not(:disabled){filter:brightness(1.1)}.ifc-url-btn:disabled{opacity:.5;cursor:not-allowed}.ifc-flint-promo{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2);background:linear-gradient(135deg,#f973161a,#f973160a);border:1px solid rgba(249,115,22,.25);border-radius:var(--radius-lg)}.ifc-flint-promo-header{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:var(--font-semibold);color:#fb923c}.ifc-flint-promo-header i{font-size:.9rem}.ifc-flint-promo-desc{font-size:.8rem;color:var(--pixel-text-secondary);margin:0;line-height:var(--leading-snug)}.ifc-flint-promo-features{display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:var(--text-xs);color:var(--pixel-text-muted)}.ifc-flint-promo-features span{display:flex;align-items:center;gap:.25rem}.ifc-flint-promo-features i{color:#fb923c;font-size:.5rem}.ifc-flint-promo-cta{display:inline-flex;align-items:center;align-self:flex-start;gap:.25rem;margin-top:var(--space-1);padding:var(--space-2) var(--space-2);background:#f97316;border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);text-decoration:none;transition:background var(--transition-base)}.ifc-flint-promo-cta:hover{background:#ea580c;color:#fff}.ifc-flint-promo-cta i{font-size:.5rem}.ifc-image-row,.ifc-output-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.ifc-output-row{background:var(--pixel-bg-secondary);border:1px solid #16863f}.ifc-image-thumbnail{width:3.5rem;height:3.5rem;min-width:3.5rem;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--pixel-border)}.ifc-image-info{flex:1;min-width:0}.ifc-image-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-success-icon{color:var(--color-success);font-size:var(--text-xs)}.ifc-image-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:var(--text-xs);color:var(--pixel-text-muted);margin-top:var(--space-1)}.ifc-btn-convert{background:var(--brand-color);color:#fff;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.ifc-btn-convert:hover:not(:disabled){filter:brightness(1.1)}.ifc-btn-convert:disabled{opacity:.7;cursor:not-allowed}.ifc-btn-download{background:#22c55e;color:#fff;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.ifc-btn-download:hover{background:#16a34a}.color-error-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-xs)}.ifc-privacy-watermark{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:.85rem;font-weight:var(--font-semibold);color:rgba(var(--brand-color-rgb),.25);letter-spacing:var(--tracking-wider);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ifc-privacy-watermark i{font-size:var(--text-xs)}.ifc-mode-tabs{display:flex;gap:.25rem;background:var(--pixel-bg-secondary);padding:var(--space-1);border-radius:var(--radius-md)}.ifc-mode-tab{padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--pixel-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ifc-mode-tab:hover{color:var(--pixel-text-primary)}.ifc-mode-tab.active{background:var(--brand-color);color:#fff}.ifc-format-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ifc-format-btn{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);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.ifc-format-btn:hover:not(:disabled):not(.active){background:rgba(var(--brand-color-rgb),.1);border-color:rgba(var(--brand-color-rgb),.3);color:var(--pixel-text-primary)}.ifc-format-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.ifc-format-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .image-format-converter .ir-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] .image-format-converter .ir-dropzone:hover{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.05),rgba(var(--brand-color-rgb),.02))}[data-theme=light] .image-format-converter .ir-dropzone.dragging{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.08),rgba(var(--brand-color-rgb),.04))}[data-theme=light] .image-format-converter .ir-dropzone-paste{background:var(--pixel-bg-secondary)}[data-theme=light] .ifc-section{background:#fff;border-color:#e2e8f0}[data-theme=light] .ifc-section-header{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ifc-select,[data-theme=light] .ifc-btn-secondary{background:#fff;border-color:#e2e8f0}[data-theme=light] .ifc-btn-secondary:hover:not(:disabled){background:#f1f5f9}[data-theme=light] .ifc-preview-container{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ifc-preview-info{background:#fff;border-color:#e2e8f0}[data-theme=light] .ifc-preview-overlay{background:#ffffffe6;color:#0f172a}[data-theme=light] .ifc-notification-warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}[data-theme=light] .ifc-notification-error{background:linear-gradient(135deg,#ef44441a,#ef44440d)}[data-theme=light] .ifc-dropzone{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.04),rgba(var(--brand-color-rgb),.01));border:2px dashed var(--pixel-border);border-radius:var(--radius-xl)}[data-theme=light] .ifc-dropzone:hover{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.08),rgba(var(--brand-color-rgb),.03));border-color:rgba(var(--brand-color-rgb))}[data-theme=light] .ifc-dropzone.dragging{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.12),rgba(var(--brand-color-rgb),.05))}[data-theme=light] .ifc-dropzone-icon{background:rgba(var(--brand-color-rgb),.1)}[data-theme=light] .ifc-dropzone-title{color:#1e293b}[data-theme=light] .ifc-dropzone-subtitle{color:#64748b}[data-theme=light] .ifc-dropzone-formats{background:rgba(var(--brand-color-rgb),.06);color:var(--pixel-text-muted)}[data-theme=light] .ifc-dropzone-url{border-top:1px dashed #c5c5c5}[data-theme=light] .ifc-url-field{background:#fff;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .ifc-url-field::placeholder{color:#94a3b8}[data-theme=light] .ifc-flint-promo{background:linear-gradient(135deg,#f9731614,#f9731605);border-color:#f9731633}[data-theme=light] .ifc-flint-promo-desc,[data-theme=light] .ifc-flint-promo-features{color:var(--pixel-text-primary)}[data-theme=light] .ifc-image-row,[data-theme=light] .ifc-output-row{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .ifc-output-row{background:var(--pixel-bg-primary);border-color:#22c55e}[data-theme=light] .ifc-image-thumbnail{border-color:#e2e8f0}[data-theme=light] .ifc-image-name{color:#1e293b}[data-theme=light] .ifc-image-meta{color:#64748b}[data-theme=light] .ifc-privacy-watermark{color:rgba(var(--brand-color-rgb),.3)}[data-theme=light] .ifc-mode-tabs{background:var(--pixel-bg-tertiary)}[data-theme=light] .ifc-mode-tab.active{background:var(--brand-color);color:#fff}[data-theme=light] .ifc-mode-tab{color:var(--pixel-text-primary)}[data-theme=light] .ifc-format-btn{background:var(--pixel-bg-tertiary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .ifc-format-btn:hover:not(:disabled):not(.active){background:rgba(var(--brand-color-rgb),.18);border-color:rgba(var(--brand-color-rgb),.7)}[data-theme=light] .ifc-format-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}[data-theme=light] .ifc-format-detected{background:#fff;border-color:#e2e8f0}[data-theme=light] .ifc-slider{background:#e2e8f0}