:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;} 
    body{max-width:920px;margin:28px auto;padding:20px;background:#fafafa;color:#111} 
    h1{font-size:20px;margin:0 0 8px} 
    p.small{margin:0 0 12px;color:#555} 
    .row{display:flex;gap:12px;align-items:center;margin-bottom:12px} 
    textarea{width:100%;min-height:120px;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px} 
    select,input,button{padding:8px 10px;border-radius:8px;border:1px solid #ccc;background:#fff} 
    button{cursor:pointer} 
    #charcount{font-weight:600} 
    .box{border-radius:10px;padding:12px;background:#fff;border:1px solid #eee;margin-bottom:12px} 
    #error{display:none;background:#fff6f6;border-color:#f5c6cb;color:#8a1f1f} 
    #success{display:none} 
    audio{width:100%;margin-top:8px} 
    .muted{color:#666;font-size:13px} 
    .controls{display:flex;gap:8px} 
    .hidden{display:none} 
    .note{font-size:13px;color:#444} 
    a{color:#0b61ff} 
    .progress-container{margin-top:10px;margin-bottom:10px}
    .progress-bar{height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden}
    .progress{height:100%;background-color:#4CAF50;width:0%;transition:width 0.3s}
    .progress-text{margin-top:5px;font-size:12px;color:#666}
    .split-options{margin-top:10px;margin-bottom:10px}
    .split-options label{font-weight:600;margin-bottom:5px;display:block}
    .debug-info{margin-top:10px;padding:8px;background-color:#f5f5f5;border-radius:5px;font-size:12px;color:#666;max-height:150px;overflow-y:auto}
    .server-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-left:8px}
    .badge-tiktok{background:#25F4EE;color:#000}
    .badge-vibes{background:#FF6B6B;color:#fff}