@font-face{font-family:MinionProRegularIt;src:url(/fonts/MinionPro-It.woff2) format("woff2"),url(/fonts/MinionPro-It.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}:root{color-scheme:dark;--bg: #10110f;--text: #f2f0eb;--grey-dark: #383838;--accent-blue: #558df7;--accent-green: #3db993;--border-subtle: rgba(255, 251, 251, .1);--border-light: rgba(255, 255, 255, .2);--r-card: 20px;--r-pill: 999px;--font-work: "Work Sans", sans-serif;--font-sora: "Sora", sans-serif;--font-outfit: "Outfit", sans-serif;--font-serif: "MinionProRegularIt", serif;font-family:var(--font-work)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:64px 24px 80px;display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start}@media(max-width:860px){.app{grid-template-columns:1fr;gap:32px}}.panel-upload{position:sticky;top:48px}@media(max-width:860px){.panel-upload{position:static}}header h1{font-family:var(--font-sora);font-weight:600;font-size:40px;line-height:1.1;margin:0 0 16px}header h1 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent-green)}header p{margin:0 0 32px;color:#f2f0eb99;font-size:16px}.dropzone{--dash-color: var(--border-light);border-radius:var(--r-card);padding:40px 24px;text-align:center;color:#f2f0eb80;cursor:pointer;overflow:hidden;background-image:linear-gradient(90deg,var(--dash-color) 50%,transparent 50%),linear-gradient(90deg,var(--dash-color) 50%,transparent 50%),linear-gradient(0deg,var(--dash-color) 50%,transparent 50%),linear-gradient(0deg,var(--dash-color) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:12px 1px,12px 1px,1px 12px,1px 12px;background-position:0 0,0 100%,0 0,100% 0;animation:marching-ants 90s linear infinite;transition:color .15s,background-color .15s}@keyframes marching-ants{to{background-position:300px 0,-300px 100%,0 -300px,100% 300px}}.dropzone.dragover{--dash-color: var(--accent-blue);background-color:#558df71a;color:var(--text)}.results-header[hidden]{display:none}.results-header{display:flex;flex-direction:column;gap:14px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-subtle)}.results-header>span{color:#f2f0eb80;font-size:14px}.zip-name-row{display:flex;flex-direction:column;gap:8px}.zip-name-row label{font-size:13px;color:#f2f0eb80}.zip-input-wrap{display:flex;align-items:center;background:#f2f0eb0f;border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:0 4px 0 16px}.zip-input-wrap:focus-within{border-color:var(--accent-blue)}#zip-name{flex:1;min-width:0;background:transparent;border:none;padding:9px 0;font-family:var(--font-work);font-size:14px;color:var(--text)}#zip-name:focus{outline:none}.zip-ext{padding:9px 14px 9px 4px;font-size:14px;color:#f2f0eb80}.btn-mask{position:relative;isolation:isolate;overflow:hidden;border:none;cursor:pointer;font-family:var(--font-work)}.btn-mask .btn-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:scaleX(0);transform-origin:left center}.btn-mask .btn-label{position:relative;z-index:1}.results-header button{background:transparent;color:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:var(--r-pill);padding:12px 20px;font-weight:600;font-size:14px;white-space:nowrap;width:100%}.results-header button:disabled{color:var(--grey-dark);border-color:var(--grey-dark);cursor:not-allowed}.results-header button:disabled .btn-fill{display:none}.results{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:start}.result-card{background:#f2f0eb0f;border:1px solid var(--border-subtle);border-radius:var(--r-card);overflow:hidden;transform:scale(1);transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .35s ease}.result-card.revealed{transform:scale(1.03);border-color:var(--border-light)}.card-media{position:relative;width:100%;aspect-ratio:1;background:var(--grey-dark);overflow:hidden}.result-thumb{width:100%;height:100%;object-fit:cover;display:block}.skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#10110f66 30%,#f2f0eb26,#10110f66 70%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}.result-card.revealed .skeleton-shimmer{display:none}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.card-body{padding:14px 16px 16px}.result-name{font-size:13px;color:#f2f0eb99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.card-loading{display:flex;flex-direction:column;gap:8px}.skeleton-line{height:10px;border-radius:5px;background:#f2f0eb1a;animation:shimmer-line 1.3s ease-in-out infinite}.skeleton-line.w-70{width:70%}.skeleton-line.w-40{width:40%}@keyframes shimmer-line{0%,to{opacity:.6}50%{opacity:1}}.card-done[hidden]{display:none}.result-percent{font-family:var(--font-sora);font-size:28px;font-weight:600;color:var(--accent-green);line-height:1.1}.result-percent--flat{font-size:15px;color:#f2f0eb80}.result-sizes{margin-top:4px;font-size:12px;color:#f2f0eb80}.result-download{display:block;text-align:center;text-decoration:none;margin-top:12px;background:var(--accent-blue);border-radius:var(--r-pill);padding:8px 16px;font-weight:600;font-size:13px}.result-download .btn-label{color:#10110f}.result-status{font-size:13px;color:#e29cab}.site-footer{position:fixed;bottom:0;left:0;right:0;z-index:2;text-align:center;padding:10px 16px;font-family:var(--font-work);font-style:normal;font-weight:400;font-size:12px;line-height:normal;color:#fafafa66;background:#10110fcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--border-subtle)}.sparky-walker{position:fixed;bottom:44px;left:0;width:64px;z-index:0;pointer-events:none;transform-origin:center bottom;opacity:0;transition:opacity .15s ease}.sparky-walker.active{opacity:1;animation:sparky-walk 2.5s linear infinite}@keyframes sparky-walk{0%{transform:translate(-80px) scaleX(1)}10%{transform:translate(10vw,-10px) scaleX(.92)}20%{transform:translate(20vw) scaleX(.84)}30%{transform:translate(30vw,-10px) scaleX(.76)}40%{transform:translate(40vw) scaleX(.68)}50%{transform:translate(50vw,-10px) scaleX(.6)}60%{transform:translate(60vw) scaleX(.52)}70%{transform:translate(70vw,-10px) scaleX(.46)}80%{transform:translate(80vw) scaleX(.4)}90%{transform:translate(90vw,-10px) scaleX(.36)}to{transform:translate(calc(100vw + 80px)) scaleX(.32)}}