.vvol-soft-wrapper{--neo-border:3px solid #111111;--neo-shadow:5px 5px 0px #111111;--neo-shadow-active:0px 0px 0px #111111;--bg-main:#fcfcfc;--bg-card:#ffffff;--clr-orange:#ffb703;--clr-sky:#8ecae6;--clr-mint:#b9fbc0;--clr-danger:#ffadad;max-width:650px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;color:#111;background:var(--bg-main);padding:25px;border:var(--neo-border);border-radius:16px;box-shadow:var(--neo-shadow)}.vvol-soft-wrapper *{box-sizing:border-box}.vvol-soft-header{background:var(--clr-orange);padding:20px;border:var(--neo-border);border-radius:12px;text-align:center;margin-bottom:25px;box-shadow:var(--neo-shadow)}.vvol-soft-header h2{margin:0 0 10px 0;font-size:1.8rem;font-weight:900;text-transform:uppercase}.vvol-soft-header p{margin:0;font-weight:700;font-size:.95rem}.vvol-body{background:var(--bg-card);padding:25px;border:var(--neo-border);border-radius:12px;box-shadow:var(--neo-shadow)}.vvol-group{margin-bottom:20px}.vvol-label{font-weight:900;font-size:1rem;margin-bottom:10px;display:block}.vvol-upload-box{background:var(--clr-sky);border:2px dashed #111;border-radius:12px;padding:25px;text-align:center;cursor:pointer;transition:0.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.vvol-upload-box:hover{filter:brightness(.95)}.vvol-icon{font-size:2.5rem}.vvol-filename{font-weight:800;font-size:1rem;word-break:break-all;color:#111}.vvol-preview-container{width:100%;max-height:380px;background:#000;border:var(--neo-border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 4px 4px 0 rgb(0 0 0 / .2)}#vvol-player{width:100%;max-height:380px}.vvol-vol-display{font-size:1.2rem;font-weight:900;text-align:center;margin-bottom:15px;color:#111}.vvol-vol-display span{color:#fb8500;font-size:1.8rem}.vvol-timeline-wrapper{background:#f1f3f5;border:2px solid #111;border-radius:12px;padding:15px;box-shadow:inset 3px 3px 0 rgb(0 0 0 / .05);margin-bottom:15px}.vvol-slider{-webkit-appearance:none;width:100%;height:12px;background:linear-gradient(to right,var(--clr-mint) 25%,var(--clr-orange) 100%);border:2px solid #111;border-radius:20px;outline:none}.vvol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#111;border:2px solid #fff;cursor:pointer;box-shadow:2px 2px 0 #111;transition:0.1s}.vvol-slider::-webkit-slider-thumb:active{transform:scale(.9);box-shadow:0 0 0 #111}.vvol-quick-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.vvol-btn-quick{background:#fff;border:2px solid #111;border-radius:8px;padding:8px 12px;font-weight:800;font-size:.85rem;cursor:pointer;box-shadow:2px 2px 0 #111;transition:0.1s}.vvol-btn-quick:active{transform:translate(2px,2px);box-shadow:0 0 0 #111;background:var(--clr-sky)}.vvol-hint-text{font-size:.85rem;font-weight:600;color:#333;margin-top:15px;padding:10px;background:#eee;border-radius:8px;border:1px dashed #111}.vvol-btn-primary{width:100%;padding:18px;font-family:inherit;font-size:1.15rem;font-weight:900;text-transform:uppercase;background:var(--clr-orange);border:var(--neo-border);border-radius:12px;cursor:pointer;box-shadow:var(--neo-shadow);transition:0.15s;color:#111;margin-top:10px}.vvol-btn-primary:active:not(:disabled){transform:translate(3px,3px);box-shadow:var(--neo-shadow-active)}.vvol-btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1);box-shadow:none;transform:none;background:#ccc}.vvol-status-box{margin-top:25px;padding:20px;background:#fff;border:var(--neo-border);border-radius:12px;text-align:center;box-shadow:3px 3px 0 #111}.vvol-status-box h4{margin:0 0 10px 0;font-size:1.05rem;font-weight:900;color:#111}.vvol-progress-bar{width:100%;height:24px;background:#eee;border:2px solid #111;border-radius:50px;overflow:hidden}.vvol-progress-fill{width:0%;height:100%;background:var(--clr-sky);transition:width 0.2s ease;border-right:2px solid #111}