.tool{gap:1rem;display:grid}.file-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.file-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-m);grid-template-columns:auto auto 1fr auto;align-items:center;gap:.75rem;padding:.65rem .75rem;display:grid}.file-item[data-state=error]{border-color:var(--c-danger);background:var(--c-danger-soft)}.file-item[data-state=locked]{border-color:var(--c-accent)}.file-item[data-drop=before]{box-shadow:0 -3px 0 var(--c-primary)}.file-item[data-drop=after]{box-shadow:0 3px 0 var(--c-primary)}.file-item[data-dragging]{opacity:.5}.file-grip{color:var(--c-text-muted);cursor:grab}.file-badge{border-radius:var(--radius-s);background:var(--c-primary-soft);width:2.25rem;height:2.25rem;color:var(--c-primary);place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.file-main{min-width:0}.file-name{overflow-wrap:anywhere;font-weight:600;display:block}.file-meta{color:var(--c-text-muted);font-size:.9rem;display:block}.file-item[data-state=error] .file-meta{color:var(--c-danger)}.file-actions{gap:.15rem;display:flex}@media (width<=30rem){.file-item{grid-template-columns:auto 1fr}.file-grip{display:none}.file-actions{grid-column:1/-1;justify-content:flex-end}}.password-form{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.password-form label{gap:.2rem;font-size:.9rem;display:grid}.password-error{color:var(--c-danger);flex-basis:100%;margin:0;font-size:.9rem}.tool-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.tool-summary{color:var(--c-text-muted);margin:0}.tool-hint{color:var(--c-text-muted);margin:0;font-size:.9rem}.panel{border-radius:var(--radius-l);border:1px solid var(--c-border);background:var(--c-surface);padding:1.25rem}.panel h2,.panel h3{margin-bottom:.4rem}.panel-success{border-color:var(--c-success);background:var(--c-success-soft)}.panel-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.alert{border-radius:var(--radius-m);background:var(--c-danger-soft);border:1px solid var(--c-danger);gap:.6rem;padding:.85rem 1rem;display:flex}.alert p{margin:0}.notice{border-radius:var(--radius-m);background:var(--c-warning-soft);padding:.75rem 1rem}.progress-wrap{gap:.5rem;display:grid}progress{width:100%;height:.6rem;accent-color:var(--c-primary)}.size-row{flex-wrap:wrap;gap:.25rem 1.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.optimize{border-top:1px solid var(--c-border);margin-top:1rem;padding-top:1rem}[hidden]{display:none!important}.plan-title{margin:0 0 .35rem;font-weight:600}.plan-list{color:var(--c-text-muted);max-height:14rem;margin:0;padding-left:1.25rem;overflow:auto}.plan-name{color:var(--c-text);overflow-wrap:anywhere;font-weight:550}.thumbs{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.thumb{border:2px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-surface);width:100%;color:var(--c-text);font:inherit;cursor:pointer;justify-items:center;gap:.35rem;padding:.5rem;display:grid;position:relative}.thumb:disabled{cursor:default}.thumb canvas{width:100%;max-width:120px;height:auto;box-shadow:var(--shadow-s);background:#fff}.thumb[data-included=false] canvas{opacity:.35}.thumb[data-included=true]{border-color:var(--c-primary)}.thumb-label{font-size:.85rem}.thumb-tag{background:var(--c-primary);color:var(--c-primary-contrast);border-radius:999px;padding:0 .4rem;font-size:.75rem;font-weight:700;position:absolute;top:.35rem;right:.35rem}.thumb-tag:empty{display:none}.result-list{gap:.5rem;max-height:24rem;margin:1rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.result-list li{border-radius:var(--radius-m);background:var(--c-surface);grid-template-columns:1fr auto;align-items:center;gap:0 1rem;padding:.5rem .75rem;display:grid}.result-list .file-meta{grid-column:1}.result-list .btn{grid-area:1/2/span 2}.panel-heading{font-size:1.1rem}.size-bar{background:var(--c-surface-2);border-radius:999px;height:1rem;display:flex;overflow:hidden}.seg-images{background:var(--c-primary)}.seg-fonts{background:var(--c-accent)}.seg-content{background:#6b7a90}.seg-other{background:var(--c-border)}.size-legend,.facts{flex-wrap:wrap;gap:.25rem 1.25rem;margin:.75rem 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.facts{color:var(--c-text-muted)}.dot{vertical-align:baseline;border-radius:50%;width:.7rem;height:.7rem;margin-right:.35rem;display:inline-block}.recommendation{border-left:3px solid var(--c-primary);background:var(--c-surface-2);margin:.85rem 0 0;padding:.6rem .8rem}.badge{background:var(--c-primary);color:var(--c-primary-contrast);vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.05rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.saving{font-size:1.25rem;font-weight:700}.validation{border-radius:var(--radius-m);background:var(--c-surface);margin-top:.75rem;padding:.75rem 1rem}.validation p{margin:.15rem 0}.validation[data-validation=noticeable]{background:var(--c-warning-soft)}.compare{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}.compare figure{margin:0}.compare canvas{width:100%;height:auto;box-shadow:var(--shadow-s);background:#fff}.compare figcaption{color:var(--c-text-muted);font-size:.85rem}.result-details{margin-top:1rem}.result-details summary{cursor:pointer;font-weight:600}.tool-hero[data-astro-cid-xqrakt4q]{background:linear-gradient(180deg, var(--c-primary-soft), transparent);padding-block:2rem 1.5rem}.breadcrumb[data-astro-cid-xqrakt4q]{color:var(--c-text-muted);margin-bottom:.75rem;font-size:.9rem}.intro[data-astro-cid-xqrakt4q]{max-width:46rem;color:var(--c-text-muted);font-size:1.075rem}.privacy-note[data-astro-cid-xqrakt4q]{background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.35rem .75rem;font-size:.9rem;font-weight:550;display:inline-flex}.privacy-note[data-astro-cid-xqrakt4q] svg{color:var(--c-primary)}.tool-area[data-astro-cid-xqrakt4q]{padding-block:1rem 2rem}.noscript[data-astro-cid-xqrakt4q]{border-radius:var(--radius-m);background:var(--c-warning-soft);padding:1rem}.faq[data-astro-cid-xqrakt4q]{border-bottom:1px solid var(--c-border);padding-block:.75rem}.faq[data-astro-cid-xqrakt4q] summary[data-astro-cid-xqrakt4q]{cursor:pointer;font-weight:600}.faq[data-astro-cid-xqrakt4q] p[data-astro-cid-xqrakt4q]{color:var(--c-text-muted);margin:.6rem 0 .2rem}.related[data-astro-cid-xqrakt4q]{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.dropzone[data-astro-cid-u4r2eafw]{border:2px dashed var(--c-border);border-radius:var(--radius-l);background:var(--c-surface);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:clamp(1.5rem,5vw,3rem) 1rem;transition:border-color .15s,background-color .15s;display:flex}.dropzone[data-astro-cid-u4r2eafw][data-dragging]{border-color:var(--c-primary);background:var(--c-primary-soft)}.dropzone[data-astro-cid-u4r2eafw][data-compact]{flex-flow:wrap;justify-content:center;padding:1rem}.dropzone[data-astro-cid-u4r2eafw][data-compact] .dz-icon{display:none}.dropzone[data-astro-cid-u4r2eafw] .dz-icon{color:var(--c-primary)}.dz-hint[data-astro-cid-u4r2eafw]{color:var(--c-text-muted);margin:0;font-size:.95rem}