:root{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100vh;background:#05070c;color:#f4f2ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.conv__back{position:fixed;top:1rem;left:1rem;z-index:5;color:#f4f2ee;text-decoration:none;font-size:.9rem;opacity:.7;padding:.4rem .7rem;border-radius:.5rem;background:#ffffff0f}.conv__back:hover{opacity:1}.conv__page{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4.5rem 1.5rem 3rem;text-align:center}.conv__title{margin:0;font-size:2rem;letter-spacing:.04em}.conv__tagline{margin:0;max-width:30rem;color:#f4f2eeb3}.conv__options{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.conv__optionField{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:#f4f2eeb3;text-align:left}.conv__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f4f2ee;padding:.5rem .7rem;border-radius:.5rem;font-size:.9rem;font-family:inherit}.conv__dropZone{width:min(90vw,30rem);padding:2.5rem 1.5rem;border:2px dashed rgba(255,255,255,.25);border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.conv__dropZone:hover,.conv__dropZone:focus-visible{border-color:#5eead480;outline:none}.conv__dropZone--active{border-color:#5eead4;background:#5eead414}.conv__dropText{margin:0;font-size:1rem;font-weight:600}.conv__dropHint{margin:0;font-size:.8rem;color:#f4f2ee80}.conv__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f4f2ee;padding:.6rem 1.1rem;border-radius:.6rem;font-size:.9rem;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .1s ease,background .15s ease}.conv__btn:hover{background:#ffffff1f;transform:translateY(-1px)}.conv__btn--primary{background:linear-gradient(135deg,#99f6e4,#5eead4,#0d9488 60%,#064e42);box-shadow:inset 0 1px #ffffff80;border-color:transparent;font-weight:600;color:#04211c}.conv__btn--primary:hover{background:linear-gradient(135deg,#c3fcf1,#7ff2df,#0d9488 60%,#064e42)}.conv__jobs{width:min(90vw,30rem);display:flex;flex-direction:column;gap:.8rem}.conv__job{text-align:left;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;border-radius:.8rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.5rem}.conv__job--done{border-color:#5eead466}.conv__job--error{border-color:#ff5a5a66}.conv__jobName{margin:0;font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv__jobStatus{margin:0;font-size:.8rem;color:#f4f2ee99;font-variant-numeric:tabular-nums}.conv__job--error .conv__jobStatus{color:#ffb3b3}.conv__progress{height:.4rem;border-radius:999px;background:#ffffff1a;overflow:hidden}.conv__progressBar{height:100%;width:0%;background:linear-gradient(90deg,#5eead4,#0d9488);transition:width .15s ease}.conv__jobResult{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.conv__preview{height:2.2rem;max-width:100%}