.demo-frame{background:#ebecef;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #11111114}.demo-frame.is-raised{box-shadow:0 0 0 1px #11111114,0 30px 80px -30px #11111159,0 12px 24px -12px #1111111f}.demo-stage{transform-origin:0 0;color:#737373;font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,Helvetica Neue,sans-serif;font-size:13px;line-height:normal;display:flex;position:absolute;top:0;left:0}.demo-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.demo-icon{flex:none;display:block}.demo-toggle{color:#a3a3a3;z-index:5;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:12px}.demo-sidebar{background:#f6f7f9;border-right:1px solid #0000000f;flex-direction:column;flex:none;width:248px;display:flex}.demo-drag{flex:none;align-items:center;gap:8px;height:52px;padding-left:18px;display:flex}.demo-light{border-radius:50%;width:12px;height:12px}.demo-search{align-items:center;gap:6px;padding:0 10px 8px;display:flex}.demo-search-input{color:#a3a3a3;background:#0000000d;border-radius:6px;flex:1;padding:4px 8px;font-size:12px;line-height:16px}.demo-plus{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.demo-list{flex-direction:column;flex:1;gap:1px;padding:0 8px 12px;display:flex}.demo-song{border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex}.demo-song.is-current{color:#fff;background:#0076ff}.demo-song-state{flex:none;align-items:flex-end;gap:2px;width:10px;height:12px;display:flex}.demo-song-state i{background:currentColor;border-radius:1px;width:2px}.demo-song-text{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-song-title{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.demo-song-sub{color:#a3a3a3;font-size:10.5px}.demo-song.is-current .demo-song-sub{color:#ffffffbf}.demo-connect{border-top:1px solid #0000000f;padding:8px 10px 10px}.demo-connect-btn{background:#f5f5f5;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.demo-connect-dot{background:#32d74b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #32d74b2e}.demo-prefs{color:#a3a3a3;gap:14px;padding:0 12px 10px;font-size:11px;display:flex}.demo-prefs span{align-items:center;gap:4px;display:flex}.demo-content{background:#ebecef;flex-direction:column;flex:none;width:672px;display:flex;position:relative;overflow:hidden}.demo-toolbar{background:#fff;border-bottom:1px solid #0000000f;flex:none;align-items:center;gap:12px;height:52px;padding:0 14px;display:flex}.demo-transport{flex:none;align-items:center;gap:2px;display:flex}.demo-tbtn{border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.demo-tbtn.is-primary{color:#fff;background:#0076ff;border-radius:50%;width:34px;height:34px;margin:0 2px}.demo-tbtn.is-primary.is-pressed{background:#0062d6}.demo-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:15px;font-weight:500}.demo-time-total{color:#a3a3a3;margin-left:5px;font-size:11.5px}.demo-title-block{flex-direction:column;flex:1;gap:2px;min-width:0;padding:0 4px;display:flex}.demo-song-name{white-space:nowrap;font-size:13px;font-weight:600}.demo-song-meta{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demo-dot{opacity:.4;margin:0 6px}.demo-actions{flex:none;align-items:center;gap:2px;display:flex}.demo-pending{background:#e6f1ff;border-bottom:1px solid #0000000f;flex:none;overflow:hidden}.demo-pending-inner{align-items:flex-start;gap:14px;padding:10px 14px;display:flex}.demo-pending-text{flex:1;min-width:0;font-size:12px}.demo-pending-text strong{font-size:12.5px;font-weight:600;line-height:19px;display:block}.demo-pending-text li{white-space:nowrap;text-overflow:ellipsis;line-height:18.6px;list-style:none;overflow:hidden}.demo-pending-actions{flex:none;gap:6px;display:flex}.demo-btn-quiet,.demo-btn-filled{border-radius:6px;place-items:center;height:26px;font-size:12px;display:grid}.demo-btn-quiet{background:#f5f5f5}.demo-btn-quiet.is-busy{opacity:.5}.demo-btn-quiet.is-pressed{background:#ebebeb}.demo-btn-filled{color:#fff;background:#0076ff;font-weight:600}.demo-btn-filled.is-pressed{background:#0062d6}.demo-viewbar{background:#fafafa;border-bottom:1px solid #0000000f;flex:none;align-items:center;gap:4px;height:40px;padding:0 8px 0 10px;display:flex}.demo-seg{background:#f5f5f5;border-radius:7px;flex:none;gap:2px;padding:2px;display:flex}.demo-seg span{white-space:nowrap;border-radius:5px;place-items:center;height:24px;padding:0 12px;font-size:12px;font-weight:500;display:grid}.demo-seg .is-on{background:#fff;box-shadow:0 1px 2px #0003,0 0 0 .5px #00000014}.demo-hint{text-overflow:ellipsis;color:#a3a3a3;white-space:nowrap;flex:1;min-width:0;margin-left:10px;font-size:11.5px;overflow:hidden}.demo-show{border-radius:6px;flex:none;align-items:center;gap:6px;height:28px;padding:0 8px;font-size:12px;display:flex}.demo-count{color:#0062d6;background:#c3daff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 5px;font-size:10.5px;font-weight:600;display:grid}.demo-sep{background:#00000014;width:1px;height:16px;margin:0 6px}.demo-tool{border-radius:6px;flex:none;place-items:center;width:28px;height:28px;display:grid}.demo-tool.is-on{color:#0062d6;background:#c3daff}.demo-roll{background:#f4f5f7;flex:none;position:relative;overflow:hidden}.demo-roll svg{position:absolute;inset:0}.demo-playhead{z-index:2;background:#f5a623;width:1.5px;position:absolute;top:34px;bottom:0}.demo-playhead:before{content:"";border-top:9px solid #f5a623;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-8px;left:-4px}.demo-selection{background:#0076ff3d;border-radius:2px;position:absolute}.demo-sel-actions{z-index:3;background:#fafafcd9;border:1px solid #00000014;border-radius:8px;padding:3px;position:absolute;box-shadow:0 6px 20px #0000001f}.demo-sel-btn{white-space:nowrap;border-radius:5px;align-items:center;gap:8px;height:26px;padding:0 6px 0 9px;font-size:12px;display:flex}.demo-sel-btn.is-pressed{background:#0000000d}.demo-kbd{background:#f5f5f5;border-radius:4px;padding:1px 5px;font-size:11px}.demo-lane-head{background:#fafafa;border-top:1px solid #0000000f;flex:none;align-items:center;gap:6px;height:26px;padding:4px 10px;font-size:11px;display:flex}.demo-select{background:#f5f5f5;border-radius:5px;align-items:center;gap:4px;padding:1px 6px;display:flex}.demo-lane{background:#eef0f3;flex:none;height:92px;position:relative}.demo-lane svg,.demo-overview svg{position:absolute;inset:0}.demo-overview{background:#f3f4f6;border-top:1px solid #0000000f;flex:none;height:64px;position:relative}.demo-tracks{background:#fff;border-top:1px solid #0000000f;flex:1;min-height:0}.demo-tracks-head{background:#fafafa;border-bottom:1px solid #0000000f;align-items:center;gap:6px;height:30px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.demo-track{border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding:6px 14px;display:flex}.demo-swatch{border-radius:2px;flex:none;width:4px;height:26px}.demo-track-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.demo-track-name{font-size:12px;font-weight:500}.demo-track-detail{white-space:nowrap;font-size:10.5px}.demo-fader{background:#f5f5f5;border-radius:2px;width:112px;height:4px;position:relative}.demo-fader i{opacity:.7;background:#0076ff;border-radius:2px;position:absolute;inset:0 30% 0 0}.demo-sm{background:#f5f5f5;border:1px solid #0000;border-radius:4px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.demo-sm.is-solo{color:#f5a623;background:#f5a6232e;border-color:#f5a6238c}.demo-sm.is-mute{color:#ff5d5d;background:#ff5d5d29;border-color:#ff5d5d80}.demo-home{flex:1;position:relative}.demo-home-title{text-align:center;letter-spacing:-.01em;font-size:24px;font-weight:600;position:absolute;top:214px;left:0;right:0}.demo-home-compose{background:#fff;border:1px solid #00000014;border-radius:14px;flex-direction:column;height:130px;padding:12px 12px 10px;display:flex;position:absolute;top:270px;left:24px;right:24px;box-shadow:0 8px 30px #00000014}.demo-home-compose.is-focused{border-color:#0070f2a1}.demo-home-input{flex:1;padding:4px 4px 8px;font-size:14px}.demo-starters{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:420px;left:24px;right:24px}.demo-starter{border:1px solid #00000014;border-radius:15px;align-items:center;height:30px;padding:0 14px;font-size:12.5px;display:flex}.demo-starter.is-pressed{background:#0000000d}.demo-recent{position:absolute;top:500px;left:24px;right:24px}.demo-recent h4{color:#a3a3a3;margin-bottom:6px;padding-left:4px;font-size:11px;font-weight:600}.demo-recent li{padding:5px 4px;font-size:12.5px;list-style:none}.demo-drop{text-align:center;color:#a3a3a3;font-size:11px;position:absolute;bottom:20px;left:0;right:0}.demo-status{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:330px;left:0;right:0}.demo-status-title{font-size:14px;font-weight:600}.demo-status-sub{color:#a3a3a3;font-size:12px}.demo-spinner{border:2px solid #0076ff40;border-top-color:#0076ff;border-radius:50%;width:18px;height:18px}.demo-chat{background:#fff;border-left:1px solid #0000000f;flex-direction:column;flex:1;min-width:0;display:flex}.demo-chat-head{border-bottom:1px solid #0000000f;flex:none;align-items:center;gap:2px;height:52px;padding:0 46px 0 16px;display:flex}.demo-chat-head-text{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.demo-chat-title{font-size:13px;font-weight:600}.demo-chat-sub{color:#a3a3a3;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demo-chat-icon{color:#a3a3a3;place-items:center;width:26px;height:26px;display:grid}.demo-chat-body{flex:1;min-height:0;position:relative;overflow:hidden}.demo-chat-log{flex-direction:column;gap:20px;padding:16px 16px 12px;display:flex}.demo-empty{padding:16px}.demo-empty-title{margin-bottom:4px;font-size:13px;font-weight:600}.demo-empty-desc{color:#a3a3a3;font-size:12px;line-height:1.7}.demo-turn{flex-direction:column;gap:12px;display:flex}.demo-q{background:#f5f5f5;border-radius:7px;align-self:flex-start;max-width:92%;padding:8px 12px;font-size:12px;line-height:1.6}.demo-q-ranges{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.demo-a{font-size:13px;line-height:1.75}.demo-tools{border:1px solid #0000000f;border-radius:7px;overflow:hidden}.demo-tool-row{white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.demo-tool-row+.demo-tool-row{border-top:1px solid #0000000f}.demo-mark{color:#a3a3a3;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;display:grid}.demo-tool-row.is-running .demo-mark{border:1.5px solid #0076ff40;border-top-color:#0076ff}.demo-tool-sum{color:#a3a3a3;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.demo-working{color:#a3a3a3;align-items:center;gap:8px;font-size:12px;display:flex}.demo-dots{gap:3px;display:inline-flex}.demo-dots i{background:#0076ff;border-radius:50%;width:4px;height:4px}.demo-chip{white-space:nowrap;background:#c3daff;border:1px solid #0076ff73;border-radius:6px;align-items:center;gap:6px;padding:3px 2px 3px 4px;font-size:12px;display:inline-flex}.demo-chip.is-static{padding:2px 8px 2px 4px}.demo-chip-n{color:#fff;background:#0076ff;border-radius:4px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:grid}.demo-chip-x{color:#a3a3a3;place-items:center;width:20px;height:20px;font-size:14px;display:grid}.demo-chat-pending{border-top:1px solid #0000000f;flex:none;align-items:center;gap:4px;padding:8px 12px 8px 16px;display:flex}.demo-chat-pending-text{flex-direction:column;flex:1;min-width:0;display:flex}.demo-chat-pending-title{color:#0076ff;font-size:11px}.demo-chat-pending-song{font-size:12px}.demo-link{padding:0 6px;font-size:12px}.demo-chat-btn{color:#fff;background:#0076ff;border-radius:6px;place-items:center;height:26px;padding:0 12px;font-size:12px;font-weight:500;display:grid}.demo-chat-btn.is-off{color:#a3a3a3;background:#f5f5f5}.demo-chat-btn.is-pressed{background:#0062d6}.demo-compose{border-top:1px solid #0000000f;flex:none;padding:12px 16px 16px}.demo-attachments{flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.demo-input{background:#f5f5f5;border:1px solid #0000;border-radius:7px;height:58px;padding:8px 12px;font-size:13px;line-height:1.6}.demo-input.is-focused{border-color:#0076ff;box-shadow:0 0 0 3px #0076ff33}.demo-placeholder{color:#a3a3a3}.demo-caret{vertical-align:-.2em;background:#0076ff;width:1px;height:1.15em;margin-left:1px;display:inline-block}.demo-compose-foot{align-items:center;gap:8px;height:26px;margin-top:8px;display:flex}.demo-compose-hint{color:#a3a3a3;white-space:nowrap;flex:1;font-size:11px}.demo-pill{white-space:nowrap;background:#f5f5f5;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:500;line-height:18px}.demo-pill-key{opacity:.6;margin-right:4px}.demo-cursor{z-index:10;filter:drop-shadow(0 1px 1.5px #0000004d);transform-origin:4px 3px;width:24px;height:24px;position:absolute;top:0;left:0}.demo-score-bar{background:#fafafa;border-bottom:1px solid #0000000f;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.demo-track-chip{color:#a3a3a3;letter-spacing:.01em;white-space:nowrap;background:#f5f5f5;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.demo-track-chip i{border-radius:50%;width:8px;height:8px}.demo-track-chip[style]{background:#ffffff0a}.demo-zoom-btn{border-radius:4px;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.demo-paper{background:#f7f5ee;min-height:0}.demo-events-toolbar{white-space:nowrap;background:#fafafa;border-bottom:1px solid #0000000f;flex:none;align-items:center;gap:6px;height:37px;padding:6px 10px;font-size:11px;display:flex}.demo-toggle-chip{background:#f5f5f5;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.demo-toggle-chip.is-on{color:#0062d6;background:#c3daff}.demo-toggle-chip.is-disabled{opacity:.35}.demo-toggle-chip.is-pressed{filter:brightness(.94)}.demo-chip-count{opacity:.7;margin-left:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.demo-events-head,.demo-event-row{grid-template-columns:78px 72px 52px 120px 1fr;align-items:center;gap:8px;padding:0 10px;display:grid}.demo-events-head{letter-spacing:.06em;text-transform:uppercase;color:#a3a3a3;background:#fafafa;border-bottom:1px solid #0000000f;flex:none;height:25px;font-size:10px;font-weight:600}.demo-event-row{white-space:nowrap;height:22px;font-size:12px}.demo-event-row span{text-overflow:ellipsis;overflow:hidden}.demo-event-row.is-current{background:#f5a62324}.demo-ch-dot{border-radius:50%;width:8px;height:8px}.demo-backdrop{z-index:6;background:#00000073;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.demo-modal{background:#fff;border:1px solid #00000014;border-radius:10px;grid-template-columns:300px 1fr;width:100%;height:100%;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 8px 28px #00000014}.demo-export-options{border-right:1px solid #0000000f;flex-direction:column;gap:14px;padding:18px 18px 16px 20px;display:flex}.demo-modal-title{font-size:16px;font-weight:600}.demo-field{flex-direction:column;gap:6px;display:flex}.demo-field-label{color:#a3a3a3;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.demo-links{color:#0062d6;font-weight:400}.demo-hintline{color:#a3a3a3;font-size:11px;line-height:1.5}.demo-segmented{background:#f5f5f5;border-radius:6px;align-self:flex-start;padding:2px;display:flex}.demo-segmented span{border-radius:4px;place-items:center;height:22px;padding:0 10px;font-size:12px;display:grid}.demo-segmented .is-on{background:#fff;box-shadow:0 1px 2px #0003,0 0 0 .5px #00000014}.demo-checklist{background:#fafafa;border:1px solid #0000000f;border-radius:6px;padding:2px 0}.demo-checklist div{align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.demo-check{color:#fff;background:#0076ff;border-radius:4px;flex:none;place-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:grid}.demo-modal-actions{justify-content:flex-end;align-items:center;gap:6px;margin-top:auto;display:flex}.demo-export-preview{background:#f3f4f6;flex-direction:column;min-width:0;display:flex}.demo-preview-head{color:#a3a3a3;padding:14px 18px 10px;font-size:11px;font-weight:600}.demo-export-page{aspect-ratio:210/297;background:#fff;border-radius:2px;align-self:center;width:min(100%,300px);box-shadow:0 1px 4px #0006}.demo-toast{z-index:7;white-space:nowrap;background:#fafafceb;border:1px solid #00000014;border-radius:8px;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex;position:absolute;bottom:18px;left:50%;box-shadow:0 6px 20px #0000002e}.demo-link-btn{color:#0062d6;text-decoration:underline}.demo-drop-overlay{z-index:6;background:#0076ff1f;border:2px dashed #0076ff;border-radius:10px;place-items:center;display:grid;position:absolute;inset:8px}.demo-drop-overlay p{font-size:15px;font-weight:600}.demo-drag-file{z-index:8;filter:drop-shadow(0 4px 10px #0000002e);flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute}.demo-drag-file span{color:#fff;background:#0076ff;border-radius:4px;padding:1px 6px}.demo-native-menu{z-index:9;color:#1d1d1f;background:#f4f4f6f0;border:.5px solid #0000002e;border-radius:7px;min-width:120px;padding:5px;font-size:13px;position:absolute;box-shadow:0 10px 30px #0003}.demo-menu-item{border-radius:4px;align-items:center;height:22px;padding:0 10px 0 4px;display:flex}.demo-menu-item.is-hover{color:#fff;background:#0a64d6}.demo-menu-check{width:16px;font-size:11px}.demo-pill.is-hover{color:#0062d6;background:#c3daff}.demo-keys{z-index:11;color:#fff;background:#111;border-radius:5px;padding:2px 7px;font-size:12px;font-weight:600;position:absolute}.demo-desktop{background:linear-gradient(160deg,#dfe6ef,#eef0f4 60%,#e7e3ee);width:100%;height:100%;position:relative}.demo-desk-chat{color:#3d3d3a;background:#faf9f7;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:16px;bottom:16px;left:16px;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 12px 32px #0000001f}.demo-desk-bar{border-bottom:1px solid #0000000f;flex:none;align-items:center;gap:12px;height:38px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.demo-desk-lights{gap:7px;display:flex}.demo-desk-lights i{border-radius:50%;width:11px;height:11px}.demo-desk-log{flex-direction:column;gap:10px;padding:18px 22px;display:flex}.demo-desk-user{background:#efece6;border-radius:12px;align-self:flex-end;max-width:80%;padding:9px 13px;font-size:13px;line-height:1.5}.demo-desk-tool{background:#fff;border:1px solid #00000014;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:flex}.demo-desk-tool-icon{background:#f1efe9;border-radius:5px;place-items:center;width:20px;height:20px;display:grid}.demo-desk-answer{font-size:13px;line-height:1.65}.demo-desk-otomo{border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0000001a,0 16px 40px #0000002e}