.voice-studio{--vs-bg:#080f20;--vs-panel:#101a30;--vs-line:#30446d;--vs-text:#f6f8ff;--vs-muted:#9eacca;--vs-blue:#657cff;--vs-purple:#9965ff;display:grid;gap:18px;color:var(--vs-text);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}.voice-studio *{box-sizing:border-box}.vs-hero,.vs-collab,.vs-panel{border:1px solid var(--vs-line);background:linear-gradient(145deg,rgba(18,28,53,.98),rgba(10,17,34,.98));box-shadow:0 20px 52px rgba(0,0,0,.22)}.vs-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:20px}.vs-hero h1{margin:2px 0 8px;font-size:clamp(1.8rem,4vw,3rem)}.vs-hero p{margin:0;color:var(--vs-muted)}.vs-eyebrow{color:#48d7e5!important;font-size:.72rem;font-weight:900;letter-spacing:.2em}.vs-collab{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:14px}.vs-collab div{margin-right:auto}.vs-collab strong,.vs-collab small{display:block}.vs-collab small{color:var(--vs-muted)}.vs-live{width:9px;height:9px;border-radius:50%;background:#57ddb5;box-shadow:0 0 0 5px rgba(87,221,181,.1)}.vs-editor{padding:5px 10px;border:1px solid #40557f;border-radius:999px;color:#c5d0ec;font-size:.76rem}.vs-panel{padding:clamp(18px,3vw,30px);border-radius:20px}.vs-panel>p{color:var(--vs-muted)}.vs-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.vs-heading>div{display:flex;align-items:center;gap:12px}.vs-heading h2{margin:0;font-size:1.22rem}.vs-heading span{color:#7e91c0;font-size:.7rem;font-weight:900}.vs-heading em{padding:5px 10px;border:1px solid #3a4e78;border-radius:999px;color:#bac7e7;background:#15213b;font-size:.72rem;font-style:normal}.vs-button,.vs-toolbar button{border:1px solid transparent;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6d5dfb,#3979f6);font:inherit;font-weight:800;cursor:pointer}.vs-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;text-decoration:none}.vs-button:disabled,.vs-toolbar button:disabled{cursor:not-allowed;opacity:.4}.vs-secondary{border-color:#40547d;background:#192846}.vs-publish{margin-left:auto;border-color:#337985;background:#164353}.vs-actions{display:flex;gap:9px;flex-wrap:wrap}.vs-actions label{position:relative}.vs-actions label input,.vs-drop input{position:absolute;width:1px;height:1px;opacity:0}.vs-record{padding:15px;border:1px solid #30446d;border-radius:15px;background:#091224}.vs-record canvas{display:block;width:100%;height:110px;border-radius:10px;background:#080e1b}.vs-record-meta{display:flex;align-items:center;gap:9px;margin:10px 0;color:var(--vs-muted);font-size:.8rem}.vs-record-meta strong{margin-right:auto;color:#e1e7ff}.vs-record-meta i{width:8px;height:8px;border-radius:50%;background:#64718e}.vs-record.recording i{background:#ff507c;box-shadow:0 0 0 5px rgba(255,80,124,.12)}.vs-file{display:flex;align-items:center;gap:12px;margin-top:13px;padding:11px 13px;border:1px solid #344a74;border-radius:12px;background:#111c35}.vs-file[hidden],.vs-source-player[hidden],.vs-source-select[hidden]{display:none}.vs-file>b{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#283a69}.vs-file>div{min-width:0;margin-right:auto}.vs-file strong,.vs-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-file small{color:var(--vs-muted)}.vs-file button{border:0;color:#9ab9ff;background:none;cursor:pointer}.vs-source-player{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;margin-top:10px;padding:10px 13px;border:1px solid #344a74;border-radius:12px;background:#0a1428}.vs-source-player>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #5b76b7;border-radius:50%;color:#fff;background:#546fe0}.vs-source-player input{width:100%}.vs-source-player p{display:flex;justify-content:space-between;margin:2px 0;color:#8b9abb;font-size:.68rem}.vs-drop{position:relative;display:grid;place-items:center;gap:4px;padding:30px;border:1px dashed #536a9d;border-radius:15px;color:var(--vs-muted);background:#0a1427;cursor:pointer}.vs-drop:first-letter{color:#9eb0ff;font-size:1.8rem}.vs-drop strong{color:#eef1ff}.vs-source-select{display:grid;gap:11px;margin-top:14px;padding:14px;border:1px solid #354b76;border-radius:13px;background:#0b1428}.vs-source-select>div:first-child strong,.vs-source-select>div:first-child small{display:block}.vs-source-select small{color:var(--vs-muted)}.vs-source-strip{position:relative;height:54px;overflow:hidden;border:1px solid #30436b;border-radius:8px;background:#07101f;cursor:grab}.vs-source-strip>span{position:absolute;inset:8px;opacity:.5;background:repeating-linear-gradient(90deg,transparent 0 3px,#7690d7 4px 5px,transparent 6px)}.vs-source-strip>i{position:absolute;top:3px;bottom:3px;left:var(--left,0);width:var(--width,100%);border:2px solid #c17cff;border-radius:6px;background:rgba(135,70,196,.2)}.vs-source-strip b{position:absolute;top:4px;left:7px;font-size:.62rem}.vs-source-select label{display:grid;gap:5px;color:var(--vs-muted);font-size:.76rem}.vs-source-select output{float:right;color:#cca8ff}.vs-source-select input,.vs-mixer input{width:100%;accent-color:#806aff}.vs-toolbar{display:flex;align-items:center;gap:6px;margin:16px 0 9px;padding:7px;border:1px solid #31446c;border-radius:11px;background:#091122}.vs-toolbar>span{flex:1}.vs-toolbar button{min-height:35px;padding:6px 9px;border-color:#354970;color:#c6d0e8;background:#14213b;font-size:.74rem}.vs-toolbar button.active{border-color:#6a86ff;color:#fff;background:#293e75}.vs-toolbar button.danger{color:#ffc3cb}.vs-toolbar kbd,.vs-shortcuts kbd{padding:1px 4px;border:1px solid #526383;border-bottom-width:2px;border-radius:4px;background:#081123;font:.62rem ui-monospace,monospace}.vs-editor-box{position:relative;padding:31px 8px 8px 0;overflow:hidden;border:1px solid #31446c;border-radius:12px;background:#080e1c;user-select:none}.vs-ruler{position:absolute;top:0;left:80px;right:8px;height:30px;border-bottom:1px solid #263755;color:#7584a6;font-size:.64rem}.vs-ruler span{position:absolute;bottom:6px;transform:translateX(-50%)}.vs-ruler span:first-child{transform:none}.vs-ruler span:last-child{transform:translateX(-100%)}.vs-track{display:grid;grid-template-columns:72px minmax(0,1fr);min-height:68px;border-bottom:1px solid #1d2b47}.vs-track:last-of-type{border-bottom:0}.vs-track header{display:grid;align-content:center;padding:8px;border-right:1px solid #293957;background:#10192c}.vs-track header strong{color:#a1b3df;font-size:.7rem}.vs-track header span{font-size:.72rem}.vs-lane{position:relative;min-width:0;background:repeating-linear-gradient(90deg,#0a1223 0,#0a1223 calc(10% - 1px),#263754 10%);cursor:pointer}.vs-lane>p{margin:22px 12px;color:#53617e;font-size:.72rem}.vs-clip{position:absolute;top:8px;height:52px;min-width:5px;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:5px;color:#fff;cursor:grab;touch-action:none}.vs-clip.voice{background:linear-gradient(180deg,#298dcc,#1b688f)}.vs-clip.music{background:linear-gradient(180deg,#9952c6,#65368f)}.vs-clip.selected{z-index:3;outline:2px solid #fff;outline-offset:2px}.vs-clip b{position:absolute;top:4px;left:7px;font-size:.65rem}.vs-clip small{position:absolute;bottom:4px;left:7px;font-size:.6rem}.vs-clip i{position:absolute;inset:19px 5px 6px;opacity:.42;background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.85) 4px 5px,transparent 6px)}.vs-playhead{position:absolute;z-index:5;top:30px;bottom:8px;left:calc(80px + (100% - 88px)*var(--position,0));width:2px;background:#fff;box-shadow:0 0 7px #fff;cursor:ew-resize;touch-action:none}.vs-playhead:before{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top-color:#fff}.vs-playhead:after{content:"";position:absolute;inset:0 -8px}.vs-razor-line{position:absolute;z-index:8;top:30px;bottom:8px;display:none;width:2px;background:#ff9c45;box-shadow:0 0 10px #ff852a;pointer-events:none}.vs-editor-box.razor .vs-razor-line{display:block}.vs-editor-box.razor .vs-clip{cursor:none}.vs-editor-status{display:flex;justify-content:space-between;gap:10px;margin:8px 2px 15px;color:#8f9dbc;font-size:.73rem}.vs-shortcuts{margin-bottom:16px;border:1px solid #293b60;border-radius:9px;background:#0b1426}.vs-shortcuts summary{padding:8px 11px;color:#9bacca;cursor:pointer}.vs-shortcuts>div{display:flex;gap:8px 14px;flex-wrap:wrap;padding:3px 11px 11px;font-size:.7rem}.vs-shortcuts span{display:flex;align-items:center;gap:4px}.vs-mixer{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vs-mixer label{display:grid;gap:8px;padding:13px;border:1px solid #2d3e64;border-radius:12px;background:#0d162b}.vs-mixer span{display:flex;justify-content:space-between}.vs-progress{margin:18px 0}.vs-progress>i{display:block;height:7px;overflow:hidden;border-radius:99px;background:#273554}.vs-progress b{display:block;width:0;height:100%;background:linear-gradient(90deg,#41d8e8,#9a63ff)}.vs-progress p{display:flex;justify-content:space-between;margin:6px 0;color:var(--vs-muted);font-size:.72rem}.vs-message{min-height:1.3em;margin:11px 0 0!important;color:#8fe1ce!important;font-size:.82rem}
@media(max-width:760px){.vs-hero{align-items:flex-start;flex-direction:column}.vs-hero .vs-button{width:100%}.vs-collab{align-items:flex-start;flex-wrap:wrap}.vs-editor{width:100%;text-align:center}.vs-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vs-toolbar>span{display:none}.vs-toolbar button{width:100%}.vs-track{grid-template-columns:54px minmax(0,1fr)}.vs-ruler{left:60px}.vs-playhead{left:calc(60px + (100% - 68px)*var(--position,0))}.vs-editor-status{display:grid}.vs-mixer{grid-template-columns:1fr}.vs-actions{display:grid;grid-template-columns:1fr}.vs-button,.vs-actions label{width:100%}.vs-publish{margin:0}.vs-panel{padding:17px 13px}.vs-heading{align-items:flex-start}.vs-record{padding:9px}.vs-record canvas{height:88px}.vs-shortcuts>div{display:grid;grid-template-columns:1fr 1fr}}