.dropzone[data-v-8372b9d5]{border:2px dashed #d1d5db;border-radius:16px;padding:48px 32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#fafafa;-webkit-user-select:none;user-select:none}.dropzone[data-v-8372b9d5]:hover:not(.dropzone--disabled){border-color:#6366f1;background:#f5f3ff}.dropzone--active[data-v-8372b9d5]{border-color:#6366f1;background:#f5f3ff;transform:scale(1.01)}.dropzone--disabled[data-v-8372b9d5]{opacity:.5;cursor:not-allowed}.dropzone__input[data-v-8372b9d5]{display:none}.dropzone__icon[data-v-8372b9d5]{color:#6366f1;margin-bottom:16px;display:flex;justify-content:center}.dropzone__title[data-v-8372b9d5]{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.dropzone__sub[data-v-8372b9d5]{font-size:14px;color:#6b7280;margin:0 0 12px}.dropzone__formats[data-v-8372b9d5]{font-size:12px;font-weight:600;letter-spacing:.08em;color:#9ca3af;margin:0}.card[data-v-1fe3ef3e]{display:flex;gap:14px;padding:14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;transition:border-color .2s}.card--done[data-v-1fe3ef3e]{border-color:#bbf7d0}.card--error[data-v-1fe3ef3e]{border-color:#fecaca}.card--processing[data-v-1fe3ef3e]{border-color:#c7d2fe}.card__thumb[data-v-1fe3ef3e]{position:relative;width:72px;height:72px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f3f4f6}.card__thumb img[data-v-1fe3ef3e]{width:100%;height:100%;object-fit:cover}.card__overlay[data-v-1fe3ef3e]{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center}.card__badge[data-v-1fe3ef3e]{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.card__badge--done[data-v-1fe3ef3e]{background:#22c55e;color:#fff}.card__badge--error[data-v-1fe3ef3e]{background:#ef4444;color:#fff}.card__body[data-v-1fe3ef3e]{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.card__name[data-v-1fe3ef3e]{font-size:14px;font-weight:500;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__progress[data-v-1fe3ef3e]{display:flex;align-items:center;gap:8px}.card__progress-bar[data-v-1fe3ef3e]{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.card__progress-fill[data-v-1fe3ef3e]{height:100%;background:#6366f1;border-radius:2px;transition:width .3s}.card__progress-label[data-v-1fe3ef3e]{font-size:12px;color:#6b7280;min-width:36px;text-align:right}.card__stats[data-v-1fe3ef3e]{display:flex;align-items:center;gap:6px;font-size:13px}.card__stat--original[data-v-1fe3ef3e]{color:#9ca3af;text-decoration:line-through}.card__stat--compressed[data-v-1fe3ef3e]{color:#111827;font-weight:600}.card__arrow[data-v-1fe3ef3e]{color:#d1d5db}.card__saving[data-v-1fe3ef3e]{margin-left:auto;background:#dcfce7;color:#16a34a;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.card__error[data-v-1fe3ef3e]{font-size:13px;color:#ef4444;margin:0}.card__actions[data-v-1fe3ef3e]{display:flex;gap:8px}.btn[data-v-1fe3ef3e]{padding:5px 14px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;border:none;transition:background .15s}.btn--primary[data-v-1fe3ef3e]{background:#6366f1;color:#fff}.btn--primary[data-v-1fe3ef3e]:hover{background:#4f46e5}.btn--ghost[data-v-1fe3ef3e]{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.btn--ghost[data-v-1fe3ef3e]:hover{background:#f9fafb}.spinner[data-v-1fe3ef3e]{width:22px;height:22px;border:3px solid #c7d2fe;border-top-color:#6366f1;border-radius:50%;animation:spin-1fe3ef3e .7s linear infinite}@keyframes spin-1fe3ef3e{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f9fafb;color:#111827;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid #e5e7eb;background:#fff;padding:16px 24px}.header__inner{max-width:780px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.header__logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#111827}.header__tagline{font-size:13px;color:#6b7280}.main{max-width:780px;margin:0 auto;padding:32px 24px 64px;width:100%;display:flex;flex-direction:column;gap:24px}.options{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.options__row{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end}.option-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:140px}.option-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.select-wrap select{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;background:#fff;color:#111827;cursor:pointer}.select-wrap select:disabled{opacity:.6}input[type=range]{width:100%;accent-color:#6366f1}.input-number{padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;width:100%;color:#111827}.input-number:disabled{opacity:.6}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--process{background:#6366f1;color:#fff;flex:1}.btn--process:hover:not(:disabled){background:#4f46e5}.btn--download-all{background:#22c55e;color:#fff}.btn--download-all:hover{background:#16a34a}.btn--reset{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.btn--reset:hover{background:#f9fafb}.file-list{display:flex;flex-direction:column;gap:10px}.hint{text-align:center;color:#9ca3af;font-size:13px;line-height:1.8}