.compressor-hero{background:radial-gradient(circle at 16% 12%,rgba(245,158,11,.13),transparent 31%),radial-gradient(circle at 84% 16%,rgba(236,72,93,.12),transparent 31%),var(--sunor-bg)!important}.compressor-eyebrow,.compressor-section-kicker{display:inline-flex;color:var(--sunor-accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.compressor-card{padding:10px;border:1px solid rgba(236,72,93,.18);border-radius:24px;background:#ffffffb8;box-shadow:0 24px 70px #1f29371c;backdrop-filter:blur(14px)}.compressor-dropzone{min-height:370px;display:grid;place-items:center;padding:2rem;border:2px dashed #f3a4ad;border-radius:17px;background:linear-gradient(145deg,#fff,#fff9f7);transition:border-color .2s,background .2s,transform .2s}.compressor-dropzone.is-dragging{border-color:var(--sunor-accent);background:#fff2f1;transform:scale(.995)}.compressor-file-mark{width:72px;height:64px;display:flex;align-items:center;justify-content:center;gap:4px;margin:0 auto 1rem;border-radius:18px;background:linear-gradient(135deg,#fc5652,#fca345);box-shadow:0 12px 30px #ec485d40}.compressor-file-mark span{width:4px;border-radius:9px;background:#fff}.compressor-file-mark span:nth-child(1),.compressor-file-mark span:nth-child(5){height:14px;opacity:.55}.compressor-file-mark span:nth-child(2),.compressor-file-mark span:nth-child(4){height:28px;opacity:.8}.compressor-file-mark span:nth-child(3){height:42px}.compressor-dropzone h2{font-size:1.4rem;font-weight:700}.compressor-dropzone p{margin-top:.45rem;color:var(--sunor-muted)}.compressor-pick-button,.compressor-submit-button,.compressor-download-button{display:inline-flex;align-items:center;justify-content:center;min-width:190px;margin-top:1.5rem;padding:.85rem 1.5rem;border-radius:10px;background:linear-gradient(90deg,#fc5652,#f98b46);color:#fff;font-weight:700;box-shadow:0 10px 25px #ec485d38;transition:transform .15s,box-shadow .15s}.compressor-pick-button:hover,.compressor-submit-button:hover,.compressor-download-button:hover{transform:translateY(-1px);box-shadow:0 13px 30px #ec485d4d}.compressor-submit-button:disabled{cursor:wait;opacity:.7;transform:none}.compressor-privacy{display:block;margin-top:1rem;color:#87909d;font-size:.78rem}.compressor-workspace{width:100%;max-width:710px}.compressor-file-row{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--sunor-border);border-radius:14px;background:#fff}.compressor-file-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:12px;background:#fff0ef;color:var(--sunor-accent);font-size:1.35rem}.compressor-change-button{flex:none;color:var(--sunor-accent);font-size:.85rem;font-weight:600}.compressor-change-button:disabled{opacity:.5}.compressor-size-summary{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 5.5rem 1rem 1rem;border-radius:14px;background:#fff5f3;text-align:left}.compressor-size-summary div span{display:block;color:var(--sunor-muted);font-size:.75rem}.compressor-size-summary div strong{display:block;margin-top:.18rem;color:var(--sunor-foreground)}.compressor-size-summary i{color:#d67b6d;font-style:normal}:global(html[dir=rtl]) .compressor-size-summary i{transform:rotate(180deg)}.compressor-size-summary em{position:absolute;inset-inline-end:1rem;padding:.35rem .55rem;border-radius:99px;background:#fff;color:var(--sunor-accent);font-size:.72rem;font-style:normal;font-weight:700}.compressor-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.15rem;text-align:left}.compressor-options label>span{display:block;margin-bottom:.4rem;color:#444;font-size:.8rem;font-weight:600}.compressor-options select{width:100%;height:44px;padding:0 .75rem;border:1px solid var(--sunor-border);border-radius:10px;background:#fff;color:var(--sunor-foreground)}.compressor-progress{margin-top:1.2rem;text-align:left;color:var(--sunor-muted);font-size:.78rem}.compressor-progress-track{height:8px;margin-bottom:.45rem;overflow:hidden;border-radius:99px;background:#eceff2}.compressor-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fc5652,#fca345);transition:width .25s ease}.compressor-message{margin-top:1rem!important;padding:.7rem .9rem;border-radius:9px;background:#f0fdf4;color:#2f7a48!important;font-size:.82rem}.compressor-message.is-error{background:#fff0f0;color:#b42335!important}.compressor-actions{text-align:center}.compressor-info-card{position:relative;min-height:205px;padding:2rem;overflow:hidden;border:1px solid #e5e7eb;border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}.compressor-info-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #1f293714}.compressor-card-index{position:absolute;top:1.2rem;inset-inline-end:1.4rem;color:#f1b2b7;font-size:2rem;font-weight:700}.compressor-info-card h3,.compressor-scenario-card h3,.compressor-step h3{font-size:1.15rem;font-weight:700;color:var(--sunor-foreground)}.compressor-info-card p,.compressor-scenario-card p,.compressor-step p{margin-top:.7rem;color:var(--sunor-muted);line-height:1.75}.compressor-step{display:grid;grid-template-columns:58px 1fr;gap:1.25rem;padding:1.6rem;border:1px solid rgba(236,72,93,.13);border-radius:16px;background:#ffffffd1}.compressor-step-number{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#fc5652,#fca345);color:#fff;font-weight:700}.compressor-text-link{color:var(--sunor-accent);font-weight:600}.compressor-scenario-card{padding:1.7rem;border:1px solid #e5e7eb;border-radius:17px;background:#fff}.compressor-meter{height:30px;display:flex;align-items:flex-end;gap:4px;margin-bottom:1.1rem}.compressor-meter i{width:5px;border-radius:99px;background:var(--sunor-accent)}.compressor-meter i:nth-child(1){height:30px;opacity:.95}.compressor-meter i:nth-child(2){height:25px;opacity:.85}.compressor-meter i:nth-child(3){height:20px;opacity:.72}.compressor-meter i:nth-child(4){height:15px;opacity:.62}.compressor-meter i:nth-child(5){height:10px;opacity:.5}.compressor-meter i:nth-child(6){height:6px;opacity:.4}.compressor-faq{border:1px solid rgba(107,114,128,.22);border-radius:13px;background:#fff}.compressor-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;cursor:pointer;list-style:none;font-weight:650}.compressor-faq summary::-webkit-details-marker{display:none}.compressor-faq summary span{color:var(--sunor-accent);font-size:1.4rem;transition:transform .2s}.compressor-faq[open] summary span{transform:rotate(45deg)}.compressor-faq p{padding:0 1.25rem 1.2rem;color:var(--sunor-muted);line-height:1.75}.compressor-bottom-cta{background:linear-gradient(100deg,#e94858,#f78c48)!important}@media (max-width: 640px){.compressor-dropzone{min-height:340px;padding:1.2rem}.compressor-options{grid-template-columns:1fr}.compressor-file-row{align-items:flex-start}.compressor-change-button{padding-top:.25rem}.compressor-size-summary{grid-template-columns:1fr auto 1fr;padding-inline-end:1rem}.compressor-size-summary em{position:static;grid-column:1 / -1;justify-self:start}.compressor-step{grid-template-columns:44px 1fr;padding:1.25rem}.compressor-step-number{width:40px;height:40px}}