.wc{padding-top:130px;color:var(--text-primary);background:#fff}.wc-hero-wrap{margin-bottom:2.5rem}.wc-hero{max-width:820px}.wc-kicker{color:var(--primary-color);font-family:var(--font-urbanist);font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:.75rem}.wc-hero-title{font-family:var(--font-urbanist);font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1.15;color:var(--secondary-color);margin:0 0 1rem}.wc-hero-title span{font-family:var(--font-playfair);font-style:italic;font-weight:700;background:linear-gradient(135deg,#27c3ea,#d684f7,#ffcb05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-purple)}.wc-hero-lede{font-size:1.05rem;line-height:1.65;color:var(--text-secondary)}.wc-hero-lede em{color:var(--secondary-color);font-style:italic;font-weight:600}.wc-hero-lede strong{color:var(--secondary-color)}.wc-app{padding-bottom:3rem}.wc-panel{display:flex;gap:1.5rem;align-items:stretch}.wc-panel>.wc-dropzone{flex:0 0 60%;max-width:60%}.wc-panel>.wc-controls{flex:0 0 40%;max-width:40%;margin-top:0}.wc-dropzone{border:2px dashed #d8d3de;border-radius:18px;background:var(--bg-secondary, #f8f9fa);padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .2s ease;outline:none;display:flex;align-items:center;justify-content:center;min-height:300px}.wc-dropzone:hover,.wc-dropzone:focus-visible{border-color:var(--primary-color);background:#fbf7fb}.wc-dropzone.is-dragover{border-style:solid;border-image:linear-gradient(135deg,#ffcb05,#d684f7,#27c3ea) 1;background:#fbf7fb;transform:translateY(-2px)}.wc-dropzone-icon{color:var(--primary-color);margin-bottom:.75rem}.wc-dropzone-title{font-family:var(--font-urbanist);font-weight:700;font-size:1.25rem;color:var(--secondary-color);margin:0 0 .35rem}.wc-dropzone-sub{color:var(--text-secondary);margin:0 0 .75rem}.wc-browse{color:var(--primary-color);font-weight:700;text-decoration:underline}.wc-dropzone-limits{font-size:.85rem;color:var(--text-light, #999);margin:0}.wc-controls{display:flex;flex-direction:column;gap:1.1rem;padding:1.5rem;border-radius:16px;border:1px solid #ececf0;background:#fff;box-shadow:var(--shadow-sm)}.wc-control{display:flex;flex-direction:column;gap:.4rem}.wc-control label{font-family:var(--font-urbanist);font-weight:600;font-size:.85rem;color:var(--secondary-color)}.wc-unit{color:var(--text-light, #aaa);font-weight:500}.wc-control input[type=number]{width:100%;padding:.65rem .8rem;border:1px solid #dcdce2;border-radius:10px;font-family:var(--font-urbanist);font-size:1rem;color:var(--secondary-color);background:#fff}.wc-control input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #bd60a51f}.wc-quality-value{color:var(--primary-color);font-weight:800}.wc-control-quality input[type=range]{width:100%;accent-color:var(--primary-color);cursor:pointer}.wc-control-actions{display:flex;align-items:stretch;gap:.75rem;margin-top:auto}.wc-convert-wrapper{flex:1}.wc-convert-wrapper .btn-primary{width:100%;justify-content:center}.btn-primary:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.wc-btn{font-family:var(--font-urbanist);font-weight:700;font-size:.95rem;padding:.7rem 1.6rem;border-radius:var(--radius-full, 999px);border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,background .2s ease,color .2s ease}.wc-btn:disabled{opacity:.45;cursor:not-allowed}.wc-btn-ghost{background:#fff;color:var(--secondary-color);border:1px solid #dcdce2}.wc-btn-ghost:not(:disabled):hover{border-color:var(--primary-color);color:var(--primary-color)}.wc-note{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.wc-progressbar{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:14px;border:1px solid #ececf0;background:#fff;box-shadow:var(--shadow-sm)}.wc-progressbar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem;font-family:var(--font-urbanist)}.wc-progressbar-label{font-weight:700;color:var(--secondary-color);font-size:.95rem}.wc-progressbar-count{color:var(--primary-color);font-weight:700;font-size:.9rem}.wc-progressbar-track{height:10px;border-radius:999px;background:#eee;overflow:hidden}.wc-progressbar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#27c3ea,#d684f7,#ffcb05);transition:width .2s ease}.wc-progressbar.is-indeterminate .wc-progressbar-fill{width:40%!important;animation:wc-indeterminate 1.1s ease-in-out infinite}@keyframes wc-indeterminate{0%{margin-left:-40%}to{margin-left:100%}}.wc-messages:not(:empty){margin-top:1.25rem}.wc-msg{padding:.75rem 1rem;border-radius:10px;font-size:.9rem;margin-bottom:.5rem}.wc-msg-error{background:#fdecef;color:#b3123c;border:1px solid #f6c9d4}.wc-msg-warn{background:#fff6e0;color:#8a6100;border:1px solid #f3e0a8}.wc-msg-info{background:#eef7fb;color:#1a6a86;border:1px solid #c8e6f0}.wc-progress{font-family:var(--font-urbanist);font-weight:600;color:var(--primary-color)}.wc-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1.25rem;margin-top:1.75rem;padding:1.1rem 1.5rem;border-radius:14px;border:2px solid;border-image:linear-gradient(135deg,#ffcb05,#d684f7,#27c3ea) 1;background:#fff}.wc-summary[hidden]{display:none}.wc-summary-stats{font-family:var(--font-urbanist);color:var(--secondary-color);font-size:.95rem}.wc-summary-stats strong{color:var(--primary-color)}.wc-zip-wrapper{flex-shrink:0}.wc-zip-wrapper .btn-primary{width:auto}.wc-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;margin-top:1.5rem}.wc-card{border:1px solid #ececf0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.wc-card-thumb{aspect-ratio:4 / 3;background:repeating-conic-gradient(#f0f0f2 0% 25%,#fafafb 0% 50%) 50% / 20px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.wc-card-thumb img{width:100%;height:100%;object-fit:contain}.wc-card-body{padding:.85rem .95rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.wc-card-name{font-family:var(--font-urbanist);font-weight:700;font-size:.9rem;color:var(--secondary-color);word-break:break-word}.wc-card-stats{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.wc-saved{display:inline-block;font-weight:700;color:#1a8a4a}.wc-saved.wc-saved-neg{color:#b3123c}.wc-card .wc-btn{margin-top:auto;width:100%;padding:.55rem 1rem;font-size:.85rem}@media (max-width: 860px){.wc-panel{flex-direction:column}.wc-panel>.wc-dropzone,.wc-panel>.wc-controls{flex:1 1 auto;max-width:100%}.wc-dropzone{min-height:220px}}@media (max-width: 600px){.wc{padding-top:110px}.wc-summary{flex-direction:column;align-items:stretch}.wc-zip-wrapper{width:100%}.wc-zip-wrapper .btn-primary{width:100%;justify-content:center}}