.breadcrumbs{max-width:1120px;margin:0 auto;padding:22px 20px 0;color:var(--muted);font-size:.85rem}.breadcrumbs ol{display:flex;gap:10px;padding:0;margin:0;list-style:none}.breadcrumbs li:not(:last-child)::after{content:'/';margin-left:10px;color:var(--border)}.breadcrumbs a:hover{color:var(--primary)}.tool-hero{padding:54px 0 28px}.tool-hero h1{margin:0;color:var(--heading);font-size:clamp(2.2rem,5vw,3.7rem);letter-spacing:-.05em;font-weight:600;}.tool-intro{max-width:680px;margin:18px 0 0;font-size:1.05rem}.tool-section{padding:15px 0 70px}.tool-layout{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:28px}.tool-card-shell{padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.drop-zone{padding:48px 20px;text-align:center;border:2px dashed #cfd3e3;border-radius:14px;background:#fbfbff;outline:0}.drop-zone:focus,.drop-zone.is-dragging{border-color:var(--primary);background:#f2f1ff}.drop-icon,.file-icon{display:grid;place-items:center;margin:0 auto 14px;width:54px;height:54px;border-radius:15px;background:#eeedff;color:var(--primary);font-size:1.7rem;font-weight:800}.drop-zone h2{margin:0;color:var(--heading);font-size:1.2rem}.drop-zone p{margin:7px 0;color:var(--muted)}.file-help{font-size:.82rem}.privacy-note{font-size:.86rem}.button{min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.button:focus-visible{outline:3px solid #635bff55;outline-offset:2px}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:#5049df}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--heading)}.button-quiet{min-height:36px;padding:6px 10px;background:transparent;color:var(--primary);font-size:.86rem}.button-wide{display:block;width:100%;margin-top:18px}.file-state{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:12px}.file-state .file-icon{flex:0 0 44px;width:44px;height:44px;margin:0;font-size:.8rem}.file-details{display:flex;flex:1;min-width:0;flex-direction:column}.file-details strong{overflow:hidden;color:var(--heading);text-overflow:ellipsis;white-space:nowrap}.file-details span{color:var(--muted);font-size:.85rem}.compression-options{display:grid;gap:10px;margin:24px 0 0;padding:0;border:0}.compression-options legend{margin-bottom:10px;color:var(--heading);font-weight:800}.compression-options label{display:flex;gap:10px;padding:13px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.compression-options label:has(input:checked){border-color:var(--primary);background:#f7f6ff}.compression-options input{accent-color:var(--primary);margin-top:4px}.compression-options span{display:flex;flex-direction:column}.compression-options small{color:var(--muted)}.processing-state,.result-state{padding:28px 10px;text-align:center}.processing-state{display:grid;justify-items:center;gap:10px;color:var(--heading)}.processing-state span:last-child{color:var(--muted);font-size:.9rem}.spinner{width:26px;height:26px;border:3px solid #dcdcff;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:#e6f8ef;color:var(--success,#2eaf76);font-size:1.5rem;font-weight:800}.result-state h2{margin:0;color:var(--heading);font-size:1.35rem}.result-state>p{margin:8px auto;max-width:520px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.result-stats div{padding:14px 8px;border:1px solid var(--border);border-radius:10px}.result-stats small,.result-stats strong{display:block}.result-stats small{color:var(--muted)}.result-stats strong{margin-top:3px;color:var(--heading)}.tool-error{margin-top:18px;padding:13px;border-radius:9px;background:#fff0f0;color:#a52323;font-size:.92rem}.tool-content{padding:35px 0 0}.tool-content h2,.related-tools h2{margin:32px 0 12px;color:var(--heading);font-size:1.45rem}.tool-content h2:first-child{margin-top:0}.tool-content p,.tool-content li{max-width:700px}.tool-content details{padding:15px 0;border-bottom:1px solid var(--border)}.tool-content summary{color:var(--heading);font-weight:700;cursor:pointer}.tool-content details p{margin:10px 0 0}.related-tools{max-width:1120px;margin:0 auto;padding:0 20px 70px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-sidebar:empty{display:none}@media(max-width:760px){.breadcrumbs{padding-left:14px;padding-right:14px}.tool-hero{padding:42px 0 20px}.tool-layout{display:block}.tool-sidebar{display:none}.tool-card-shell{padding:16px}.drop-zone{padding:38px 14px}.file-state{flex-wrap:wrap}.file-details{flex-basis:calc(100% - 60px)}.file-state .button{margin-left:auto}.result-stats{grid-template-columns:1fr}.tool-content{padding-top:28px}.related-tools{padding-left:14px;padding-right:14px}.tool-grid{grid-template-columns:1fr}}