@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg-base: #080b12;--bg-surface: #0f1522;--bg-elevated: #161e30;--bg-hover: #1c2640;--accent-1: #5b7fff;--accent-2: #a78bfa;--accent-glow: rgba(91, 127, 255, .35);--accent-success:#34d399;--accent-error: #f87171;--text-primary: #eef0f8;--text-secondary:#8b95b0;--text-muted: #4a5470;--border: rgba(255, 255, 255, .07);--border-active: rgba(91, 127, 255, .5);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 60% 40% at 20% 10%,rgba(91,127,255,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(167,139,250,.07) 0%,transparent 60%)}.app{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:0 24px}.app__header{padding:32px 0 24px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px}.logo__text{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app__tagline{color:var(--text-muted);font-size:.875rem;margin-left:auto;font-weight:300}.app__main{flex:1;padding:36px 0}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}@media (max-width: 768px){.workspace{grid-template-columns:1fr}.app__tagline{display:none}}.drop-zone{border:2px dashed var(--border-active);border-radius:var(--radius-lg);padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all var(--transition);background:#5b7fff08;text-align:center}.drop-zone:hover{border-color:var(--accent-1);background:#5b7fff12;transform:translateY(-2px)}.drop-zone--dragging{border-color:var(--accent-1);background:#5b7fff1f;box-shadow:0 0 0 4px var(--accent-glow);transform:scale(1.01)}.drop-zone--compact{padding:24px;flex-direction:row;gap:12px}.drop-zone--compact .drop-zone__text{text-align:left}.drop-zone--compact .drop-zone__secondary{display:none}.drop-zone__icon{color:var(--accent-1);opacity:.8}.drop-zone__primary{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary)}.drop-zone__secondary{font-size:.8rem;color:var(--text-muted);margin-top:4px}.drop-zone__btn{margin-top:4px;padding:10px 24px;background:var(--accent-1);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.drop-zone__btn:hover{background:#4a6ef0;transform:translateY(-1px)}.file-list{margin-top:20px}.file-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.file-list__count{font-size:.8rem;color:var(--text-secondary);font-weight:500}.file-list__items{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding-right:4px}.file-list__items::-webkit-scrollbar{width:4px}.file-list__items::-webkit-scrollbar-track{background:transparent}.file-list__items::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:2px}.file-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition)}.file-card:hover{border-color:var(--border-active)}.file-card__preview{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-hover);display:flex;align-items:center;justify-content:center}.file-card__img{width:100%;height:100%;object-fit:cover}.file-card__pdf-icon{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--accent-1);font-size:.55rem;font-weight:700;letter-spacing:.05em}.file-card__info{flex:1;overflow:hidden}.file-card__name{display:block;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.file-card__meta{display:flex;gap:8px;margin-top:3px}.file-card__format{font-size:.7rem;font-weight:700;color:var(--accent-1);background:#5b7fff26;padding:1px 6px;border-radius:4px}.file-card__size{font-size:.75rem;color:var(--text-muted)}.file-card__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition);flex-shrink:0}.file-card__remove:hover{color:var(--accent-error);background:#f871711a}.options-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.options-panel__title{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.02em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:20px}.options-panel__section{margin-bottom:20px}.options-panel__section--row{display:flex;align-items:center;justify-content:space-between}.options-panel__label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.options-panel__value{color:var(--accent-1);font-weight:600}.options-panel__hint{color:var(--text-muted);font-size:.78rem}.format-grid{display:flex;flex-wrap:wrap;gap:8px}.format-btn{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition);letter-spacing:.04em}.format-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.format-btn--active{background:var(--accent-1);border-color:var(--accent-1);color:#fff;box-shadow:0 2px 12px #5b7fff66}.options-panel__slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent-1) 0%,var(--accent-1) var(--value, 50%),var(--bg-hover) var(--value, 50%),var(--bg-hover) 100%);outline:none;cursor:pointer;margin-bottom:8px}.options-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow);cursor:pointer;transition:box-shadow var(--transition)}.options-panel__slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--accent-glow)}.options-panel__range-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.options-panel__input{width:100%;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;outline:none;transition:border-color var(--transition)}.options-panel__input::placeholder{color:var(--text-muted)}.options-panel__input:focus{border-color:var(--accent-1)}.toggle-btn{width:44px;height:24px;border-radius:12px;border:none;background:var(--bg-hover);cursor:pointer;position:relative;transition:background var(--transition);flex-shrink:0}.toggle-btn--on{background:var(--accent-1)}.toggle-btn__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--transition)}.toggle-btn--on .toggle-btn__knob{transform:translate(20px)}.progress-wrapper{margin:20px 0}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{font-size:.85rem;color:var(--text-secondary)}.progress-percent{font-size:.85rem;color:var(--accent-1);font-weight:600}.progress-track{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease;background:linear-gradient(90deg,var(--accent-1),var(--accent-2))}.progress-fill--done{background:var(--accent-success)}.progress-fill--error{background:var(--accent-error)}.result-panel{background:#34d3990d;border:1px solid rgba(52,211,153,.25);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px;margin-top:16px}.result-panel__icon{color:var(--accent-success)}.result-panel__name{font-family:var(--font-display);font-size:.95rem;font-weight:600;word-break:break-all}.result-panel__meta{font-size:.8rem;color:var(--text-muted);margin-top:4px}.result-panel__actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap}.btn--primary{background:var(--accent-1);color:#fff;box-shadow:0 4px 16px #5b7fff59}.btn--primary:hover{background:#4a6ef0;transform:translateY(-1px);box-shadow:0 6px 20px #5b7fff73}.btn--ghost{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.btn--ghost:hover{color:var(--text-primary);border-color:var(--border-active)}.btn--convert{width:100%;justify-content:center;margin-top:20px;padding:16px;font-size:1rem;font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 4px 24px #5b7fff66;letter-spacing:.02em}.btn--convert:hover{transform:translateY(-2px);box-shadow:0 8px 32px #5b7fff8c}.btn--disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.error-banner{margin-top:12px;padding:12px 16px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);color:var(--accent-error);font-size:.85rem}.link-btn{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:0;transition:color var(--transition);font-family:var(--font-body)}.link-btn:hover{color:var(--accent-error)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin .8s linear infinite}.app__footer{padding:20px 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.78rem}.workspace__right{position:sticky;top:24px}.app__footer{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-links__btn{background:none;border:none;color:var(--text-muted);font-size:.78rem;cursor:pointer;padding:0;font-family:var(--font-body);transition:color var(--transition);text-decoration:underline;text-underline-offset:3px}.footer-links__btn:hover{color:var(--text-secondary)}.legal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b12d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.legal-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0009}.legal-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.legal-modal__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-modal__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition);display:flex;align-items:center}.legal-modal__close:hover{color:var(--text-primary);background:var(--bg-elevated)}.legal-modal__body{padding:28px;overflow-y:auto;flex:1}.legal-modal__body::-webkit-scrollbar{width:4px}.legal-modal__body::-webkit-scrollbar-track{background:transparent}.legal-modal__body::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:2px}.legal-content{display:flex;flex-direction:column;gap:24px;font-size:.875rem;line-height:1.75;color:var(--text-secondary)}.legal-content__intro{color:var(--text-primary);font-size:.9rem}.legal-content section{display:flex;flex-direction:column;gap:10px}.legal-content h3{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.legal-content p{margin:0}.legal-content ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.legal-content a{color:var(--accent-1);text-underline-offset:3px}.legal-content a:hover{color:var(--accent-2)}.legal-table{width:100%;border-collapse:collapse;font-size:.82rem}.legal-table th,.legal-table td{padding:10px 12px;text-align:left;border:1px solid var(--border)}.legal-table th{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.legal-table td{color:var(--text-secondary)}.legal-table tr:hover td{background:#ffffff05}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:14px 24px;background:var(--bg-elevated);border-top:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cookie-banner__text{font-size:.82rem;color:var(--text-secondary);margin:0}.cookie-banner__link{color:var(--accent-1);text-underline-offset:3px}.cookie-banner__btn{flex-shrink:0;padding:8px 20px;background:var(--accent-1);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:background var(--transition);white-space:nowrap}.cookie-banner__btn:hover{background:#4a6ef0}