:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#282543;background:#f6f5fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #8478d6;outline-offset:3px}::selection{background:#dcd8f6;color:#282543}.studio{min-height:100vh;font-size:15px}.studio svg{width:19px;height:19px;flex:none}.studio-top{height:72px;background:#fff;border-bottom:1px solid #e6e3f2;display:flex;align-items:center;padding:0 45px;justify-content:space-between}.studio-brand{display:flex;align-items:center;gap:12px;font-weight:700}.studio-mark{width:32px;height:32px;background:#6557c3;color:#fff;display:grid;place-items:center;border-radius:9px}.studio-org{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#282543}.studio-org img{width:32px;height:32px}.studio-body{max-width:1604px;margin:auto;padding:51px 82px}.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.studio h1{font-size:30px;letter-spacing:-.035em;margin:0 0 8px}.studio p{margin:0;color:#6c6888}.studio-actions{display:flex;gap:10px;flex-wrap:wrap}.studio button:not(.studio-link){border:1px solid #dedaf0;border-radius:8px;background:#fff;color:#2f2b4f;padding:12px 17px;font-size:14px;font-weight:600}.studio button.studio-primary{background:#6557c3;color:#fff;border-color:#6557c3;display:inline-flex;align-items:center;gap:8px}.studio-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px}.studio-card{background:#fff;border:1px solid #e6e3f2;border-radius:12px}.studio-source{padding:24px}.studio h2{font-size:16px;margin:0 0 6px}.studio .studio-small{font-size:13px;line-height:1.5}.studio-file{margin-top:24px;border:1px solid #e6e3f2;border-radius:9px;padding:16px;display:flex;gap:13px;align-items:center}.studio-file-icon{height:42px;width:42px;flex:none;border-radius:8px;background:#efedfb;color:#5547b5;display:grid;place-items:center}.studio-file-detail{min-width:0}.studio-file strong{display:block;font-size:14px;overflow-wrap:anywhere}.studio-file small{display:block;color:#6f6b8a;margin-top:5px}.studio-link{display:block;background:none;border:0;padding:0;margin:15px 0 26px;color:#5547b5;font-weight:600;font-size:13px;text-align:left}.studio-link:hover{text-decoration:underline}.studio-rule{border-top:1px solid #eceaf6;padding-top:24px}.studio-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px}.studio-row>span{color:#6f6b8a}.studio-row strong{text-align:right}.studio-pill{font-size:12px;color:#4f43a8;background:#eeebfb;padding:6px 9px;border-radius:5px}.studio button.studio-transcribe{width:100%;margin-top:28px}.studio .studio-error{margin-top:18px;padding:12px;border-radius:8px;background:#fff0ed;color:#8c3126;font-size:13px;overflow-wrap:anywhere}.studio-preview{padding:25px 28px}.studio-preview-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.studio-timeline{margin-top:31px;background-color:#f7f6fc;background-image:repeating-linear-gradient(to right,transparent 0 119px,#e7e4f5 120px),repeating-linear-gradient(to bottom,transparent 0 44px,#eae8f6 45px);border-radius:9px;height:225px;position:relative;overflow:hidden}.studio-note{position:absolute;min-height:4px;background:#8a7fd6;border-radius:3px}.studio-playhead{position:absolute;top:0;bottom:0;width:2px;background:#4f43a8}.studio-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:20px;color:#6c6888;font-size:13px}.studio-times{display:flex;justify-content:space-between;font-size:11px;color:#6f6b8a;margin-top:11px;font-variant-numeric:tabular-nums}.studio-transport{display:flex;align-items:center;gap:17px;margin-top:32px}.studio button.studio-play{border-radius:50%;width:48px;height:48px;background:#6557c3;color:#fff;border:0;padding:0;display:grid;place-items:center;flex:none}.studio-time{font-size:13px;font-variant-numeric:tabular-nums;color:#5e5a7a;white-space:nowrap}.studio-spacer{flex:1}.studio-volume{display:flex;align-items:center;gap:12px;font-size:13px;color:#5e5a7a}.studio input[type=range]{accent-color:#6557c3;cursor:pointer}.studio-volume input{width:105px}.studio-seek{display:flex;align-items:center;gap:12px;margin-top:20px;color:#5e5a7a;font-size:12px}.studio-seek input{flex:1;min-width:0}.studio-bottom{margin-top:25px;display:flex;align-items:center;gap:10px;padding:16px 18px;background:#f1effb;border-radius:8px;color:#4d4778;font-size:13px;line-height:1.4}.studio-dot{width:8px;height:8px;flex:none;background:#8a7fd6;border-radius:50%}.studio .studio-foot{margin-top:30px;font-size:12px;color:#6f6b8a}.studio-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button:not(:disabled):hover{filter:brightness(.96)}@media(max-width:900px){.studio-body{padding:40px 32px}.studio-grid{grid-template-columns:280px minmax(0,1fr)}.studio-heading{align-items:start;flex-direction:column}.studio-preview-head{flex-wrap:wrap}}@media(max-width:650px){.studio-top{height:64px;padding:0 20px}.studio-org{font-size:13px}.studio-body{padding:32px 20px}.studio h1{font-size:26px}.studio-grid{grid-template-columns:1fr}.studio-actions{width:100%}.studio-actions button{flex:1}.studio-source,.studio-preview{padding:22px}.studio-preview-head{align-items:flex-start}.studio-timeline{height:200px}.studio-transport{gap:12px}.studio-volume{gap:6px}.studio-volume input{width:70px}.studio-seek{align-items:flex-start;flex-direction:column}.studio-seek input{width:100%}}.studio .studio-progress{margin-top:10px;color:#4d4778}.studio .studio-piano{margin-top:6px;color:#4d4778}.studio-foot p+p{margin-top:4px}.studio-foot a{color:#5547b5;font-weight:600;text-decoration:none}.studio-foot a:hover{text-decoration:underline}.studio-foot .studio-heart{width:12px;height:12px;vertical-align:-1px}