.breadcrumb{display:flex;align-items:center;gap:.5rem;padding-top:2rem;font-size:.875rem;color:var(--text-muted)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-max)}.breadcrumb svg{opacity:.5}.breadcrumb span[aria-current]{color:var(--text-strong);font-weight:500}.tool-intro{padding:3rem 0;text-align:center}.tool-badges{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.tool-badges svg{color:var(--text-faint)}.tool-intro h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1.25rem}.tool-lead{font-size:1.125rem;color:var(--text-muted);line-height:1.6;max-width:560px;margin:0 auto}.converter-section{padding:1rem 0 5rem}.converter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-sm)}@media (max-width: 600px){.converter{padding:1.5rem}}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:3.5rem 2rem;text-align:center;cursor:pointer;transition:all .2s var(--ease);background:var(--bg-subtle);position:relative}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--glow);background:var(--glow-bg);outline:none}.drop-zone.is-dragging{border-color:var(--glow);background:var(--glow-bg);box-shadow:var(--shadow-glow)}.drop-zone.is-dragging .drop-icon{transform:scale(1.1)}.drop-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--surface);color:var(--glow);margin-bottom:1.25rem;box-shadow:var(--shadow);transition:transform .2s var(--ease)}.drop-title{font-size:1.25rem;color:var(--text-max);margin-bottom:.5rem}.drop-sub{font-size:.9375rem;color:var(--text-muted);margin-bottom:.75rem}.browse-btn{background:none;border:none;color:var(--glow);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:inherit;font-family:inherit;padding:0}.browse-btn:hover{color:#ea580c}.drop-note{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.settings{margin-top:1.75rem;padding:1.5rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.setting label{display:block;font-size:.875rem;font-weight:600;color:var(--text-strong);margin-bottom:.75rem}.quality-row{display:flex;align-items:center;gap:1rem}.quality-row input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--border-strong);border-radius:2px;outline:none}.quality-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--glow);border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s}.quality-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.quality-row input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--glow);border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:var(--shadow)}.quality-row output{font-weight:600;font-size:1rem;color:var(--text-max);min-width:2ch;text-align:center;padding:.25rem .75rem;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.setting-hint{font-size:.8125rem;color:var(--text-muted);margin-top:.75rem;line-height:1.5}.setting-hint strong{color:var(--text-strong);font-weight:600}.status-overlay[hidden]{display:none!important}.status-overlay{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:overlayFadeIn .25s var(--ease)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.status-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem 2rem;box-shadow:0 20px 60px #0f172a4d;width:100%;max-width:440px;text-align:center;animation:modalIn .35s var(--ease)}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.forge-animation{position:relative;width:140px;height:140px;margin:0 auto 2rem;display:flex;align-items:flex-end;justify-content:center}.forge-glow-bg{position:absolute;inset:-10%;background:radial-gradient(circle at center 60%,rgba(249,115,22,.35) 0%,rgba(249,115,22,.1) 35%,transparent 65%);z-index:0;animation:forgePulse 1.6s ease-in-out infinite}@keyframes forgePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.forge-anvil{position:relative;width:100px;height:100px;color:var(--text-max);z-index:2;animation:anvilShake 1.2s ease-in-out infinite}@keyframes anvilShake{0%,to{transform:translateY(0)}15%{transform:translateY(2px)}30%{transform:translateY(0)}}.forge-anvil svg{width:100%;height:100%}.forge-pixels{position:absolute;bottom:50%;left:50%;transform:translate(-50%);width:110px;height:100px;z-index:3;pointer-events:none}.forge-pixel{position:absolute;background:var(--glow);border-radius:1px;box-shadow:0 0 8px #f9731699;opacity:0}.forge-pixel-1{width:8px;height:8px;left:15%;bottom:0;animation:pixelRise 1.8s ease-out infinite;animation-delay:0s}.forge-pixel-2{width:6px;height:6px;left:35%;bottom:0;animation:pixelRise 1.8s ease-out infinite;animation-delay:.3s}.forge-pixel-3{width:10px;height:10px;left:50%;bottom:0;animation:pixelRise 1.8s ease-out infinite;animation-delay:.15s}.forge-pixel-4{width:7px;height:7px;left:65%;bottom:0;animation:pixelRise 1.8s ease-out infinite;animation-delay:.45s}.forge-pixel-5{width:5px;height:5px;left:80%;bottom:0;animation:pixelRise 1.8s ease-out infinite;animation-delay:.6s}@keyframes pixelRise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:1}to{transform:translateY(-90px) scale(.3);opacity:0}}.status-content{margin-bottom:1.25rem}.status-label{display:block;font-size:1.25rem;font-weight:700;color:var(--text-max);letter-spacing:-.02em;margin-bottom:.375rem}.status-count{display:block;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.progress-bar{height:8px;background:var(--bg-subtle);border-radius:4px;overflow:hidden;border:1px solid var(--border);margin-bottom:1.25rem}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#fb923c 0%,var(--glow) 50%,#ea580c 100%);border-radius:4px;transition:width .4s var(--ease);box-shadow:0 0 12px #f9731680;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.status-note{font-size:.8125rem;color:var(--text-muted);line-height:1.5;margin:0}@media (max-width: 480px){.status-modal{padding:2rem 1.5rem}.forge-animation{width:110px;height:110px;margin-bottom:1.5rem}.forge-anvil{width:80px;height:80px}}.results{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.results-header h3{font-size:1.25rem;color:var(--text-max);display:inline-flex;align-items:center;gap:.625rem}.results-header h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 10px #f9731680}.btn-text{background:none;border:none;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem .875rem;border-radius:var(--radius-sm);transition:all .15s}.btn-text:hover{color:var(--text-max);background:var(--bg-subtle)}.result-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.result-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s var(--ease);box-shadow:var(--shadow-sm)}.result-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.result-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--glow-bg);color:var(--glow);border-radius:50%;flex-shrink:0;border:2px solid white;box-shadow:0 0 0 1px var(--glow-soft)}.result-icon-error{background:#fef2f2;color:#dc2626;box-shadow:0 0 0 1px #fca5a5}.result-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.result-name{font-size:1rem;font-weight:600;color:var(--text-max);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.result-meta{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;flex-wrap:wrap}.size-original{color:var(--text-faint);text-decoration:line-through;text-decoration-color:var(--text-faint)}.size-arrow{color:var(--text-faint);flex-shrink:0}.size-new{color:var(--text-strong);font-weight:600}.savings{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.1875rem .5rem;border-radius:999px;margin-left:.25rem;letter-spacing:-.01em}.savings-good{color:#15803d;background:#dcfce7;border:1px solid #86efac}.savings-bad{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.result-error-msg{color:#dc2626;font-size:.875rem}.result-download{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-strong);font-size:.875rem;font-weight:600;transition:all .18s var(--ease);flex-shrink:0;text-decoration:none}.result-download:hover{background:var(--glow);border-color:var(--glow);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow)}.result-download:active{transform:translateY(0)}.download-all{margin-top:1.5rem;width:100%;padding:1.125rem 1.5rem;font-size:1rem;font-weight:700;letter-spacing:-.01em}.download-all svg{width:16px;height:16px}.download-all:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.result-item{padding:1rem;gap:1rem;flex-wrap:wrap}.result-icon{width:36px;height:36px}.result-download{width:100%;justify-content:center;margin-top:.5rem;padding:.75rem}.result-details{width:calc(100% - 52px)}}.info-section{padding:4rem 0 2rem;border-top:1px solid var(--border)}.info-section h2{font-size:1.75rem;margin-bottom:1.25rem}.info-section h3{font-size:1.25rem;margin-top:2.5rem;margin-bottom:.75rem}.info-section p{font-size:1.0625rem;color:var(--text-body);line-height:1.7;margin-bottom:1rem}.info-section strong{color:var(--text-max);font-weight:600}