.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.avifConverter{max-width:1200px}.avifConverter__note{background:var(--theme-warning-surface);border-left:4px solid var(--theme-warning);border-radius:8px;padding:10px 16px;text-align:left}.avifConverter__note p{color:var(--theme-warning-text);font-size:14px;margin:0}.avifConverter .card{background:var(--theme-surface-raised);border:1px solid var(--theme-border);border-radius:10px;padding:18px}@media(max-width:576px){.avifConverter .card{padding:14px}}.avifConverter .card__title{font-size:18px;font-weight:700;color:var(--theme-text);text-align:left;border-left:4px solid #4e8ab5;padding-left:8px;margin-bottom:14px}@media(max-width:576px){.avifConverter .card__title{font-size:16px}}.avifConverter label{display:block;font-weight:600;margin-bottom:6px;color:var(--theme-text-secondary);font-size:13px;text-align:left}.avifConverter .privacyNote{font-size:13px;color:var(--theme-text-muted);text-align:center}.avifConverter .hintText{font-size:13px;color:var(--theme-text-muted);text-align:left}.avifConverter .hidden-input{display:none}.avifConverter .dropZone{border:2px dashed var(--theme-border-strong);border-radius:10px;padding:40px 16px;text-align:center;cursor:pointer;transition:all .2s}.avifConverter .dropZone.is-dragover,.avifConverter .dropZone:hover{border-color:#4e8ab5;background:#4e8ab514}@media(max-width:576px){.avifConverter .dropZone{padding:26px 12px}}.avifConverter .dropZone__hint{color:var(--theme-text);font-size:16px;font-weight:600;margin-bottom:6px}.avifConverter .dropZone__sub{color:var(--theme-text-muted);font-size:13px;margin-bottom:16px}.avifConverter .actionBtn{display:inline-block;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.avifConverter .actionBtn.primary{background:var(--theme-primary);color:var(--theme-on-brand)}.avifConverter .actionBtn.primary:hover{background:var(--theme-primary-hover)}.avifConverter .actionBtn.primary:disabled{opacity:.5;cursor:not-allowed}.avifConverter .actionBtn.ghost{background:var(--theme-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border-strong)}.avifConverter .actionBtn.ghost:hover:not(:disabled){border-color:#4e8ab5;color:var(--theme-link)}.avifConverter .actionBtn.ghost:disabled{opacity:.5;cursor:not-allowed}.avifConverter .actionBtn.small{padding:5px 12px;font-size:13px}.avifConverter .settings{display:flex;gap:32px;flex-wrap:wrap}.avifConverter .settings__item{min-width:220px;flex:1 1 220px}.avifConverter .resultHead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.avifConverter .resultHead .card__title{margin-bottom:0}.avifConverter .resultHead__actions{display:flex;gap:8px}.avifConverter .fileList{list-style:none;margin:0;padding:0}.avifConverter .fileItem{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--theme-border)}.avifConverter .fileItem:first-child{border-top:none}.avifConverter .fileItem__thumb{flex:0 0 56px;width:56px;height:56px;border-radius:6px;overflow:hidden;background:var(--theme-surface-muted);display:flex;align-items:center;justify-content:center}.avifConverter .fileItem__thumb img{width:100%;height:100%;object-fit:cover}.avifConverter .fileItem__info{flex:1 1 auto;min-width:0;text-align:left}.avifConverter .fileItem__name{margin:0;font-size:14px;font-weight:600;color:var(--theme-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avifConverter .fileItem__meta{margin:2px 0 0;font-size:12px;color:var(--theme-text-muted)}.avifConverter .fileItem__meta .is-smaller{color:var(--theme-success)}.avifConverter .fileItem__meta .is-larger{color:var(--theme-warning)}.avifConverter .fileItem__meta .is-error{color:var(--theme-danger)}.avifConverter .spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(78,138,181,.25);border-top-color:#4e8ab5;border-radius:50%;animation:avifConverterSpin .8s linear infinite}@keyframes avifConverterSpin{to{transform:rotate(360deg)}}