:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--bg-elevated:#22222e;--bg-hover:#2a2a38;--bg-active:#323240;--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--text-tertiary:#6a6a7a;--text-muted:#4a4a5a;--accent:#6366f1;--accent-light:#818cf8;--accent-dark:#4f46e5;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, var(--accent), var(--accent-secondary));--success:#22c55e;--success-bg:rgba(34, 197, 94, 0.1);--warning:#f59e0b;--warning-bg:rgba(245, 158, 11, 0.1);--error:#ef4444;--error-bg:rgba(239, 68, 68, 0.1);--info:#3b82f6;--pdf-red:#ef4444;--pdf-blue:#3b82f6;--pdf-green:#22c55e;--pdf-orange:#f97316;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-glow:0 0 20px rgba(99, 102, 241, 0.15);--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--app-max-width:900px;--header-height:64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.bg-mesh{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgb(99 102 241 / .08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgb(6 182 212 / .06) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 0%,rgb(139 92 246 / .05) 0%,transparent 50%);pointer-events:none}.noise-overlay{position:fixed;inset:0;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.app{position:relative;z-index:2;max-width:var(--app-max-width);margin:0 auto;padding:var(--space-lg);min-height:100vh;display:flex;flex-direction:column}.lang-switch{position:fixed;top:var(--space-md);right:var(--space-md);z-index:100;display:flex;gap:var(--space-xs);background:var(--bg-secondary);border:1px solid var(--bg-elevated);border-radius:var(--radius-full);padding:3px;backdrop-filter:blur(12px)}.lang-btn{padding:6px 14px;border:none;background:#fff0;color:var(--text-secondary);font-size:12px;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.lang-btn:hover{color:var(--text-primary)}.lang-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px rgb(99 102 241 / .3)}.header{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.header__badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 16px;background:var(--bg-secondary);border:1px solid var(--bg-elevated);border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-lg);backdrop-filter:blur(8px)}.header__badge .dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.header__badge .icon-shield{color:var(--accent-light);display:flex;align-items:center}.header__title{font-size:clamp(28px, 5vw, 42px);font-weight:800;letter-spacing:-1px;margin-bottom:var(--space-md);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.header__title a{text-decoration:none;color:inherit}.header__subtitle{font-size:15px;color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-xl);line-height:1.7}.header__stats{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap}.stat{text-align:center}.stat__value{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1.2}.stat__label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.card{background:var(--bg-secondary);border:1px solid var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);backdrop-filter:blur(8px);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:rgb(99 102 241 / .15)}.tool-selector{margin-bottom:var(--space-lg)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}@media (max-width:768px){.tool-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--bg-tertiary);border:1px solid #fff0;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;position:relative;overflow:hidden}.tool-card::before{content:'';position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-base)}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.tool-card.active{border-color:var(--accent);background:var(--bg-elevated)}.tool-card.active::before{opacity:.08}.tool-card__icon{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-secondary);transition:all var(--transition-base);position:relative;z-index:1}.tool-card:hover .tool-card__icon,.tool-card.active .tool-card__icon{color:var(--accent-light);background:rgb(99 102 241 / .1)}.tool-card__name{font-size:13px;font-weight:600;color:var(--text-primary);position:relative;z-index:1}.tool-card__desc{font-size:11px;color:var(--text-tertiary);position:relative;z-index:1}.drop-zone{border:2px dashed var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;background:var(--bg-tertiary)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:rgb(99 102 241 / .05)}.drop-zone.drag-over{border-style:solid;box-shadow:var(--shadow-glow)}.drop-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop-zone__icon{color:var(--accent-light);margin-bottom:var(--space-md);display:inline-flex;padding:var(--space-md);background:rgb(99 102 241 / .1);border-radius:var(--radius-lg)}.drop-zone__title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.drop-zone__hint{font-size:13px;color:var(--text-tertiary)}.drop-zone__hint .format-tag{color:var(--accent-light);font-weight:500}.file-list{margin-top:var(--space-md)}.file-list.has-files{border-top:1px solid var(--bg-elevated);padding-top:var(--space-md)}.file-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all var(--transition-base);cursor:grab}.file-item:hover{border-color:rgb(99 102 241 / .2)}.file-item.dragging{opacity:.5;cursor:grabbing}.file-item__thumb{width:40px;height:52px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elevated);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px}.file-item__thumb.pdf-icon{background:var(--pdf-red);color:#fff;font-weight:700;font-size:10px;display:flex;align-items:center;justify-content:center}.file-item__info{flex:1;min-width:0}.file-item__name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item__meta{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-xs);margin-top:2px}.file-item__meta .sep{color:var(--text-muted)}.file-item__meta .size-badge{padding:1px 6px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.size-badge.saved{background:var(--success-bg);color:var(--success)}.size-badge.increased{background:var(--error-bg);color:var(--error)}.file-item__status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:var(--radius-full);flex-shrink:0}.file-item__status--pending{color:var(--text-tertiary);background:var(--bg-elevated)}.file-item__status--processing{color:var(--accent-light);background:rgb(99 102 241 / .1)}.file-item__status--processing svg{animation:spin 1s linear infinite}.file-item__status--done{color:var(--success);background:var(--success-bg)}.file-item__status--error{color:var(--error);background:var(--error-bg)}.file-item__download-btn,.file-item__preview-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.file-item__download-btn:hover,.file-item__preview-btn:hover{background:var(--accent);color:#fff}.file-item__remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#fff0;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.file-item__remove:hover{background:var(--error-bg);color:var(--error)}.file-item__drag-handle{color:var(--text-muted);cursor:grab;padding:4px;flex-shrink:0}.file-item__drag-handle:active{cursor:grabbing}.tool-panels{position:relative}.tool-panels.active{display:block;animation:fadeInUp 0.4s ease both}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tool-panel{display:none}.tool-panel.active{display:block;animation:fadeInUp 0.3s ease both}.panel-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--bg-elevated)}.panel-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.panel-desc{font-size:13px;color:var(--text-secondary)}.field-group{margin-bottom:var(--space-md)}.field-group__label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.field-group__label .icon{color:var(--accent-light);display:flex;align-items:center}.field-group__hint{display:block;font-size:12px;color:var(--text-tertiary);margin-top:var(--space-xs)}input[type="text"],input[type="number"],select,textarea{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-fast);outline:none}input[type="text"]:focus,input[type="number"]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(99 102 241 / .1)}input[type="text"]::placeholder,input[type="number"]::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a6a7a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select option{background:var(--bg-secondary);color:var(--text-primary)}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);outline:none;cursor:pointer}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-gradient);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgb(99 102 241 / .4);transition:transform var(--transition-fast)}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type="range"]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-gradient);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px rgb(99 102 241 / .4)}input[type="color"]{width:60px;height:40px;padding:4px;background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);cursor:pointer}.quality-wrap{display:flex;align-items:center;gap:var(--space-md)}.quality-wrap input[type="range"]{flex:1}.quality-value{min-width:44px;text-align:center;padding:6px 10px;background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:13px;font-weight:700;color:var(--accent-light);font-family:var(--font-mono)}.switch-control{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.switch-control input{opacity:0;width:0;height:0}.switch-slider{position:absolute;inset:0;background:var(--bg-elevated);border-radius:var(--radius-full);transition:background var(--transition-base)}.switch-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:var(--text-secondary);border-radius:50%;transition:all var(--transition-base)}.switch-control input:checked+.switch-slider{background:var(--accent)}.switch-control input:checked+.switch-slider::before{transform:translateX(20px);background:#fff}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.toggle-row__label{flex:1}.toggle-row__title{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.toggle-row__title .icon{color:var(--accent-light)}.toggle-row__desc{font-size:12px;color:var(--text-tertiary)}.rotate-presets{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.rotate-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);min-width:100px}.rotate-btn:hover{border-color:var(--accent);color:var(--accent-light);transform:translateY(-2px)}.rotate-btn:active{transform:scale(.98)}.rotate-btn span{font-size:14px;font-weight:600}.wm-type-toggle{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.wm-type-btn{flex:1;padding:8px 16px;border:none;background:#fff0;color:var(--text-secondary);font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.wm-type-btn.active{background:var(--accent);color:#fff}.watermark-dropzone{border:2px dashed var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;background:var(--bg-tertiary)}.watermark-dropzone:hover{border-color:var(--accent)}.watermark-dropzone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}.watermark-dropzone img{max-width:120px;max-height:80px;border-radius:var(--radius-sm)}.wm-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);max-width:150px}.wm-pos-grid button{aspect-ratio:1;border:1px solid var(--bg-elevated);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative}.wm-pos-grid button::after{content:'';position:absolute;inset:30%;background:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}.wm-pos-grid button:hover{border-color:var(--accent)}.wm-pos-grid button.active::after{background:var(--accent);inset:25%}.wm-pos-grid button.active{border-color:var(--accent);box-shadow:0 0 8px rgb(99 102 241 / .2)}.actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--bg-elevated)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-family:inherit;white-space:nowrap;text-decoration:none}.btn .icon{display:flex;align-items:center}.btn--primary{flex:1;background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px rgb(99 102 241 / .3)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgb(99 102 241 / .4)}.btn--primary:active{transform:translateY(0)}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--ghost{background:#fff0;color:var(--text-secondary);border:1px solid var(--bg-elevated)}.btn--ghost:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.progress-section{display:none;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--bg-elevated)}.progress-section.active{display:block;animation:fadeInUp 0.3s ease both}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-title{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;font-weight:600;color:var(--text-primary)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--bg-elevated);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-percent{font-size:14px;font-weight:700;color:var(--accent-light);font-family:var(--font-mono)}.progress-bar-wrap{height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm)}.progress-bar-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transform:translateX(-100%);transition:transform 0.3s ease}.progress-status{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-md)}.progress-status.success{color:var(--success)}.progress-status.error{color:var(--error)}.log-output{max-height:200px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-sm);font-family:var(--font-mono);font-size:12px;line-height:1.6}.log-output::-webkit-scrollbar{width:6px}.log-output::-webkit-scrollbar-track{background:#fff0}.log-output::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}.log-ok{color:var(--success)}.log-err{color:var(--error)}.log-info{color:var(--text-secondary)}.log-warn{color:var(--warning)}.result-actions{margin-top:var(--space-lg)}.result-divider{border:none;height:1px;background:var(--bg-elevated);margin-bottom:var(--space-md)}.result-summary{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:var(--space-md)}.modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:var(--space-lg)}.modal.active{display:flex}.modal__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .7);backdrop-filter:blur(4px)}.modal__content{position:relative;background:var(--bg-secondary);border:1px solid var(--bg-elevated);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);animation:modalIn 0.3s ease}@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--bg-elevated)}.modal__header h3{font-size:16px;font-weight:700}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background:var(--error-bg);color:var(--error)}.modal__body{flex:1;overflow:auto;padding:var(--space-lg)}.pdf-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.pdf-preview canvas{max-width:100%;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.modal__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--bg-elevated);font-size:13px;color:var(--text-tertiary)}.preview-nav{display:flex;gap:var(--space-sm)}.preview-nav button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--bg-elevated);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.preview-nav button:hover{border-color:var(--accent);color:var(--accent-light)}.preview-nav button:disabled{opacity:.3;cursor:not-allowed}.form-fields{display:flex;flex-direction:column;gap:var(--space-md)}.form-field-item{padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md)}.form-field-item__label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);display:block}.form-field-item__type{font-size:11px;color:var(--accent-light);text-transform:uppercase;letter-spacing:.5px;margin-left:var(--space-sm)}.form-hint{text-align:center;color:var(--text-tertiary);padding:var(--space-xl);font-style:italic}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm);max-width:380px}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:13px;color:var(--text-primary);animation:toastIn 0.3s ease}@keyframes toastIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.toast__icon{display:flex;align-items:center;flex-shrink:0}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--error)}.toast--warning{border-left:3px solid var(--warning)}.toast--info{border-left:3px solid var(--info)}.footer{margin-top:auto;padding:var(--space-xl) 0 var(--space-lg);text-align:center}.footer__text{font-size:13px;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.footer__text a{color:var(--accent-light);text-decoration:none;font-weight:500}.footer__text a:hover{text-decoration:underline}.footer__links{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.footer__links a{font-size:12px;color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color var(--transition-fast)}.footer__links a:hover{color:var(--text-secondary)}.merge-options{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md)}.split-options{display:flex;flex-direction:column;gap:var(--space-md)}.compress-options{display:flex;flex-direction:column;gap:var(--space-md)}.convert-options{display:flex;flex-direction:column;gap:var(--space-md)}.extract-options{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width:640px){.app{padding:var(--space-md)}.header{padding:var(--space-lg) 0 var(--space-md)}.header__stats{gap:var(--space-lg)}.stat__value{font-size:22px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.tool-card{padding:var(--space-sm)}.tool-card__icon{width:32px;height:32px}.tool-card__icon svg{width:18px;height:18px}.actions{flex-direction:column}.btn{width:100%}.rotate-presets{gap:var(--space-sm)}.rotate-btn{min-width:80px;padding:var(--space-md)}.modal__content{max-height:95vh;margin:var(--space-sm)}.toast-container{left:var(--space-md);right:var(--space-md);max-width:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.page-thumb{position:relative;background:var(--bg-tertiary);border:2px solid var(--bg-elevated);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.page-thumb:hover{border-color:var(--accent)}.page-thumb.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgb(99 102 241 / .2)}.page-thumb canvas{width:100%;height:auto;display:block}.page-thumb__number{position:absolute;bottom:0;left:0;right:0;padding:4px;background:rgb(0 0 0 / .6);color:#fff;font-size:11px;text-align:center;font-weight:600}.page-thumb__checkbox{position:absolute;top:6px;right:6px;width:20px;height:20px;accent-color:var(--accent)}.extract-output{background:var(--bg-primary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--text-secondary);max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.extract-output::-webkit-scrollbar{width:6px}.extract-output::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}.metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.metadata-item{padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md)}.metadata-item__label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.metadata-item__value{font-size:14px;color:var(--text-primary);font-weight:500;word-break:break-word}@media (max-width:640px){.metadata-grid{grid-template-columns:1fr}}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.gallery-item{position:relative;background:var(--bg-tertiary);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);overflow:hidden}.gallery-item img{width:100%;height:150px;object-fit:cover;display:block}.gallery-item__info{padding:var(--space-sm);font-size:11px;color:var(--text-tertiary)}.gallery-item__download{position:absolute;top:6px;right:6px;width:28px;height:28px;border:none;background:rgb(0 0 0 / .6);color:#fff;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.gallery-item:hover .gallery-item__download{opacity:1}