.mobile-advisory{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid rgba(245,185,66,.28);border-radius:8px;background:#f5b94214;color:var(--text)}.mobile-advisory p{flex:1;display:flex;flex-direction:column;gap:2px;margin:0;font-size:11.5px;line-height:1.5}.mobile-advisory strong{font-size:11.5px;font-weight:650;color:var(--accent)}.mobile-advisory span{color:var(--muted)}.mobile-advisory-icon{display:inline-flex;flex:0 0 auto;margin-top:1px;color:var(--accent)}.mobile-advisory button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.mobile-advisory button:hover{background:#ffffff14;color:var(--text)}.mobile-advisory.is-old-browser{border-color:#ff5a5257;background:#ff5a5217}.mobile-advisory.is-old-browser strong,.mobile-advisory.is-old-browser .mobile-advisory-icon{color:#ff8d86}.mobile-advisory.is-inline{margin-bottom:12px}.mobile-advisory.is-toast{position:fixed;right:12px;bottom:40px;left:12px;z-index:80;max-width:520px;margin:0 auto;border-color:#f5b94266;background:#2b2b2ef7;box-shadow:0 12px 34px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 640px){.mobile-advisory{padding:8px 9px}.mobile-advisory p{font-size:11px}.mobile-advisory span{font-size:10.5px}}.app-toast{position:fixed;bottom:42px;left:50%;z-index:89;display:flex;align-items:center;gap:8px;max-width:min(460px,calc(100vw - 24px));padding:9px 10px 9px 12px;transform:translate(-50%);border:1px solid var(--line-strong);border-radius:9px;background:#2b2b2ef7;box-shadow:0 12px 34px #00000073;color:var(--text);font-size:12px;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast-fade .16s ease-out}.app-toast.is-success{border-color:#3ddc7459}.app-toast.is-success .app-toast-icon{color:var(--play)}.app-toast.is-error{border-color:#ff5a5266}.app-toast.is-error .app-toast-icon{color:#ff8d86}.app-toast.is-info{border-color:#3d8bfd59}.app-toast.is-info .app-toast-icon{color:var(--select)}.app-toast-icon{display:inline-flex;flex:0 0 auto;margin-top:1px}.app-toast-message{flex:1;min-width:0}.app-toast-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.app-toast-close:hover{background:#ffffff14;color:var(--text)}@keyframes toast-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.app-toast{bottom:40px;font-size:11.5px}}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;background:radial-gradient(circle at 50% 0%,rgba(246,196,83,.12),transparent 34%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#08080ad1;background-size:auto,44px 44px,44px 44px,auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-card{width:min(760px,94vw);max-height:92vh;overflow:auto;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);box-shadow:0 30px 100px #000000b8;animation:ui-pop-in .18s ease}.welcome-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 22px 0}.welcome-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:10px;letter-spacing:.16em}.welcome-brand{margin-top:2px;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.04em}.welcome-brand span{color:var(--accent)}.welcome-body{padding:10px 22px 24px}.welcome-card>.mobile-advisory.is-inline{margin:0 22px 12px}.welcome-body h1{margin:6px 0 8px;color:var(--text);font-size:clamp(26px,3.4vw,38px);line-height:1.08;letter-spacing:-.035em}.welcome-sub{max-width:620px;margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.65}.welcome-label{display:block;margin:0 0 6px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.welcome-label-secondary{margin-top:16px}.welcome-textarea,.welcome-input{width:100%;padding:11px 13px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface-1);color:var(--text);font:inherit;line-height:1.55}.welcome-textarea{min-height:112px;resize:vertical}.welcome-textarea:focus-visible,.welcome-input:focus-visible{outline:none;box-shadow:var(--ui-ring)}.welcome-counter{margin-top:3px;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-align:right}.welcome-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.welcome-chip{padding:5px 10px;border:1px solid var(--line-soft);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:11px}.welcome-chip:hover{border-color:var(--line-strong);color:var(--text)}.welcome-demos{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}.welcome-demos-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.welcome-demos-head span:last-child{color:var(--faint);font-size:9px}.welcome-demo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}.welcome-demo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 9px;border:1px solid var(--line-soft);border-radius:7px;background:var(--panel-2);color:var(--muted);text-align:left}.welcome-demo:hover{border-color:var(--line-strong);color:var(--text)}.welcome-demo svg{color:var(--accent)}.welcome-demo strong{color:var(--text);font-size:12px;font-weight:600}.welcome-demo span{color:var(--faint);font-size:9.5px;line-height:1.35}.welcome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.welcome-preview-hint{margin:12px 0 0;color:var(--faint);font-size:10.5px;line-height:1.5}.welcome-preview-hint.is-live{color:var(--accent)}.welcome-privacy{margin:14px 0 0;color:var(--faint);font-size:10.5px;line-height:1.55}.welcome-error{margin:12px 0 0;color:#ff8a70;font-size:12px;line-height:1.5}.welcome-loading{display:flex;flex-direction:column;align-items:center;padding:54px 16px 44px;text-align:center}.welcome-loader{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--panel-2);color:var(--accent)}.welcome-loading h2{margin:16px 0 4px;color:var(--text);font-size:20px}.welcome-loading p{margin:0;color:var(--muted);font-size:12px}.welcome-loading-actions{display:flex;gap:6px;margin-top:18px}.welcome-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.welcome-engine{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--line-soft);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:10px}.welcome-engine.is-llm{border-color:#f6c45359;background:#f6c4531a;color:var(--accent)}.welcome-result-head h2{margin:12px 0 4px;color:var(--text);font-size:21px;line-height:1.3}.welcome-result-head p{margin:0;color:var(--muted);font-size:12px}.welcome-decisions{display:grid;gap:1px;margin:14px 0 0;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:var(--line-soft)}.welcome-decision{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:8px 11px;background:var(--panel-2)}.welcome-decision-title{color:var(--accent);font-size:10px;letter-spacing:.08em}.welcome-decision-detail{color:var(--text);font-size:11.5px;line-height:1.5}.welcome-ops-details{margin-top:10px}.welcome-ops-details>summary{cursor:pointer;color:var(--muted);font-size:10.5px}.welcome-ops-details .welcome-ops{margin-top:8px}.welcome-ops{display:grid;gap:1px;margin:16px 0 0;padding:0;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:var(--line-soft);list-style:none}.welcome-ops li{display:flex;flex-direction:column;gap:2px;padding:9px 12px;background:var(--panel-2)}.welcome-ops strong{color:var(--text);font-size:12px;font-weight:600}.welcome-ops span{color:var(--muted);font-size:11px;line-height:1.45}.welcome-warning,.welcome-fallback{margin:12px 0 0;color:#e8b64c;font-size:11px;line-height:1.5}.welcome-fallback{color:var(--muted)}@media (max-width: 640px){.welcome-overlay{align-items:flex-start;padding:10px}.welcome-card{width:100%;max-height:none}.welcome-header,.welcome-body{padding-left:16px;padding-right:16px}.welcome-body h1{font-size:26px}.welcome-actions .ui-btn{flex:1 1 auto}.welcome-demo-row{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-demo{padding:6px}.welcome-demo span{display:none}.welcome-demos-head span:last-child{display:none}.welcome-card>.mobile-advisory.is-inline{margin-right:16px;margin-left:16px}}@media (max-height: 560px) and (orientation: landscape){.welcome-overlay{align-items:flex-start;padding:8px}.welcome-card{width:min(900px,98vw);max-height:calc(100vh - 16px)}.welcome-header{padding:10px 16px 0}.welcome-brand{font-size:17px}.welcome-body{padding:6px 16px 12px}.welcome-body.is-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto auto auto;column-gap:18px;align-items:start}.welcome-body.is-intro>h1{grid-row:1;margin:2px 0 4px;font-size:24px}.welcome-body.is-intro>.welcome-sub{grid-row:2;margin:0 0 8px;font-size:11.5px;line-height:1.4}.welcome-body.is-intro>.welcome-label:not(.welcome-label-secondary){grid-row:3;margin:4px 0}.welcome-body.is-intro>.welcome-textarea{grid-row:4;height:76px;min-height:76px}.welcome-body.is-intro>.welcome-counter{grid-row:5}.welcome-body.is-intro>.welcome-label-secondary{grid-row:6;margin:4px 0}.welcome-body.is-intro>.welcome-input{grid-row:7;height:34px}.welcome-body.is-intro>.welcome-error{grid-row:8}.welcome-body.is-intro>h1,.welcome-body.is-intro>.welcome-sub,.welcome-body.is-intro>.welcome-label,.welcome-body.is-intro>.welcome-textarea,.welcome-body.is-intro>.welcome-counter,.welcome-body.is-intro>.welcome-input,.welcome-body.is-intro>.welcome-error{grid-column:1}.welcome-body.is-intro>.welcome-chips{grid-row:1;grid-column:2;margin:2px 0 0}.welcome-body.is-intro>.welcome-actions{grid-row:2;grid-column:2;margin-top:8px}.welcome-body.is-intro>.welcome-privacy{grid-row:3;grid-column:2;margin-top:8px;font-size:10px}.welcome-body.is-intro>.welcome-demos{grid-row:4;grid-column:2;margin-top:4px;padding-top:6px}.welcome-body.is-intro>.welcome-demos .welcome-demos-head{display:none}.welcome-body.is-intro>.welcome-demos .welcome-demo-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:0}.welcome-body.is-intro>.welcome-demos .welcome-demo{padding:4px 5px}.welcome-body.is-intro>.welcome-demos .welcome-demo span{display:none}.welcome-body.is-intro>.welcome-actions .ui-btn{flex:1 1 auto}.welcome-card>.mobile-advisory.is-inline:not(.is-old-browser){display:none}.welcome-result .welcome-ops{max-height:92px;overflow-y:auto}.welcome-result .welcome-actions{margin-top:10px}}@supports (zoom: 1){.welcome-card{max-width:calc(94vw / var(--ui-scale))}}:root{color-scheme:dark;--ui-scale: 1.15;--bg: #1e1e20;--panel: #2b2b2e;--panel-2: #323236;--panel-3: #3c3c41;--line: #1b1b1d;--line-soft: #3a3a3f;--line-strong: #4d4d54;--text: #e9e9ec;--muted: #a4a4ab;--faint: #7a7a82;--accent: #f5b942;--accent-soft: rgba(245, 185, 66, .14);--cycle: #f6c344;--select: #3d8bfd;--solo: #ffd85c;--play: #3ddc74;--record: #ff5a52;--keys: #7c9cff;--guitar: #f2a65a;--bass: #6ee7b7;--drums: #e06c9f;--fn-home: #35a75f;--fn-home-deep: #26814a;--fn-depart: #dfa832;--fn-depart-deep: #b9851f;--fn-tension: #e06a44;--fn-tension-deep: #b34a2c;--fn-color: #9a66e3;--fn-color-deep: #7747bb;--fn-transit: #5588d8;--fn-transit-deep: #3a67ae;--fn-borrowed: #38b0c4;--fn-borrowed-deep: #268a9a;--fn-secondary: #d76b9d;--fn-secondary-deep: #ad4a78;--fn-home-text: #5fd08a;--fn-depart-text: #e8b64c;--fn-tension-text: #f08a6a;--fn-color-text: #c39bf0;--fn-transit-text: #82a9e8;--fn-borrowed-text: #6ecfe0;--fn-secondary-text: #ee93bd}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{display:flex;flex-direction:column;height:100vh;min-height:0}@supports (zoom: 1){body{zoom:var(--ui-scale)}.app{height:calc(100vh / var(--ui-scale))}}.transport{display:flex;align-items:center;gap:14px;height:60px;padding:0 14px;border-bottom:1px solid #131315;background:linear-gradient(180deg,#3b3b3f,#2f2f33);box-shadow:inset 0 1px #ffffff12;flex:0 0 auto}.transport-side{display:flex;flex:1 1 0;align-items:center;gap:12px;min-width:0}.transport-left .brand{margin-right:4px}.transport-right{justify-content:flex-end;gap:10px}.transport-center{display:flex;flex:0 0 auto;align-items:center;gap:12px}.transport-buttons,.transport-views{display:flex;align-items:center;gap:1px;padding:2px;border:1px solid #161618;border-radius:7px;background:#26262a;box-shadow:inset 0 1px #ffffff0d}.transport-export{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #161618;border-radius:7px;background:#26262a}.transport-key.ui-btn{width:32px;height:28px;border-radius:5px;color:#c4c4cb}.transport-key.ui-btn:hover{background:#38383d;color:#fff;transform:none}.transport-export .ui-btn{height:28px;padding:0 9px;font-size:12px;transform:none}.transport-export .ui-btn[data-variant=secondary]{background:#36363b;border-color:#48484f}.transport-play.ui-btn{color:var(--play)}.transport-play.ui-btn.is-loading{color:var(--muted)}.transport-cycle.ui-btn.is-active,.transport-cycle.ui-btn[aria-pressed=true]{background:#f6c3442e;color:var(--cycle)}.transport-views .transport-key.is-active,.transport-views .transport-key[aria-pressed=true]{background:#3d8bfd2e;color:#8fc0ff}.brand{font-size:18px;font-weight:800;letter-spacing:-.035em;line-height:1;white-space:nowrap}.brand span{color:var(--accent)}.field{display:flex;flex-direction:column;gap:2px}.field span{color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.lcd{display:flex;align-items:stretch;height:44px;overflow:hidden;border:1px solid #0d0d0f;border-radius:7px;background:#101012;box-shadow:inset 0 2px 8px #000c,0 1px #ffffff0f}.lcd-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 10px;border-right:1px solid rgba(255,255,255,.06);color:#d7d7de;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.lcd-cell:last-child{border-right:0}.lcd-label{color:#82828c;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.lcd-mode-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;font:inherit;cursor:pointer}.lcd-mode-toggle:hover,.lcd-mode-toggle:focus-visible{color:#d7d7de}.lcd-mode-toggle[aria-pressed=true]{color:#e3c46a}.status-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(245,185,66,.45);border-radius:4px;background:#f5b9421a;color:var(--accent);padding:2px 7px;font-size:10px;letter-spacing:.02em}.status-action:hover{background:#f5b9422e}.status-note{color:var(--accent);font-size:10px;white-space:nowrap}.transport-ai{gap:5px}@media (max-width: 1180px){.transport-ai-label,.transport-share-label,.transport-project-label{display:none}}.lcd-position{gap:2px;min-width:108px;padding:4px 12px}.lcd-digits{display:flex;align-items:baseline;gap:2px;font-size:23px;font-weight:600;letter-spacing:.03em;line-height:1}.lcd-dot{color:#6b6b75;font-size:18px}.lcd-sixteenth{color:#b4b4bf;font-size:16px}.lcd-labels{display:flex;gap:10px;color:#82828c;font-size:9px;letter-spacing:.06em}.lcd-sub{color:#c2c2cc;font-size:12.5px;letter-spacing:.02em}.lcd-value{font-size:13px;font-weight:600}.lcd-bpm{min-width:62px}.lcd-signature{min-width:48px}.lcd-key{min-width:66px;padding:0 6px}.lcd-time{min-width:96px;padding:0 12px}.lcd .ui-select-trigger{width:auto;min-width:40px;height:18px;padding:0 2px;border:0;background:transparent;color:#d7d7de;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:600}.lcd .ui-select-trigger:hover{background:#ffffff0f}.lcd .ui-select-chevron{color:#6f6f79}.lcd .ui-input{width:50px;height:19px;padding:0;border:0;background:transparent;color:#d7d7de;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:600;text-align:center}.lcd .ui-input::-webkit-outer-spin-button,.lcd .ui-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.workspace{display:flex;flex:1;min-height:0}.arrangement{display:flex;flex:1;min-width:0;background:var(--bg)}.track-headers{display:flex;flex:0 0 226px;flex-direction:column;width:226px;background:var(--panel-2);border-right:1px solid var(--line)}.ruler-spacer{border-bottom:1px solid var(--line);background:#27272a}.chord-header{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 10px 0 12px;border-bottom:1px solid var(--line);background:#2d2d31}.chord-header-title{display:flex;align-items:baseline;gap:6px;font-size:12px;font-weight:600}.chord-header-en{color:var(--faint);font-size:8.5px;font-weight:700;letter-spacing:.14em}.chord-header-hint{color:var(--faint);font-size:10px}.track-header{position:relative;display:flex;gap:8px;height:112px;padding:7px 8px 7px 20px;border-bottom:1px solid var(--line);background:var(--panel-2)}.track-header.is-selected{background:#383840;box-shadow:inset 0 0 0 1px #ffffff12}.track-header.is-off{opacity:.55}.track-header.is-dimmed:not(.is-off){opacity:.72}.track-header.is-dragging{opacity:.45}.track-stripe{position:absolute;top:0;bottom:0;left:0;width:3px}.track-number{position:absolute;top:0;left:3px;display:flex;align-items:center;justify-content:center;width:14px;height:20px;border-radius:0 0 3px;color:#000000a8;font-size:10px;font-weight:800;-webkit-user-select:none;user-select:none}.add-track{border-bottom:1px solid var(--line);padding:7px 8px 9px 20px;background:var(--panel-2)}.add-track-label{display:block;margin-bottom:4px;color:var(--faint);font-size:7.5px;font-weight:700;letter-spacing:.16em}.add-track-options{display:grid;grid-template-columns:1fr 1fr;gap:3px}.add-track-btn{height:24px;padding:0 4px;overflow:hidden;border:1px dashed #4b4b53;border-radius:4px;background:transparent;font-size:9.5px;font-weight:600;white-space:nowrap}.add-track-btn:hover:not(:disabled){border-color:#6a6a74;background:#ffffff0d}.add-track-btn:disabled{opacity:.35;cursor:not-allowed}.track-remove.ui-btn:hover:not(:disabled){color:var(--record);background:#ff5a521f}.track-head-main{display:flex;flex:1;flex-direction:column;justify-content:center;gap:5px;min-width:0}.track-title{display:flex;align-items:center;gap:4px;min-width:0}.drag-handle{flex:0 0 auto;color:var(--faint);cursor:grab;font-size:11px;line-height:1;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.track-icon{display:inline-flex;flex:0 0 auto;align-items:center}.track-name{min-width:0;padding:0;overflow:hidden;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:600;text-align:left;text-overflow:ellipsis;white-space:nowrap}.manual-badge{flex:0 0 auto;color:var(--accent);font-size:10px;line-height:1}.mix-buttons{display:flex;flex:0 0 auto;gap:2px;margin-left:auto}.track-controls{display:flex;align-items:center;gap:4px;min-width:0}.volume-value{flex:0 0 auto;min-width:18px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9.5px;text-align:right}.track-volume.ui-slider{flex:1;min-width:0}.timeline-scroll{position:relative;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.timeline-scroll::-webkit-scrollbar{height:10px}.timeline-scroll::-webkit-scrollbar-track{background:var(--panel)}.timeline-scroll::-webkit-scrollbar-thumb{border:2px solid var(--panel);border-radius:6px;background:var(--line-strong)}.timeline{position:relative;min-height:100%;background:#252528}.timeline.is-panning,.timeline.is-panning *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.section-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.section-band{position:absolute;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.45);background:#ffffff03}.section-band.chorus{background:#ffffff06}.ruler{position:relative;z-index:1;border-bottom:1px solid var(--line);background:#2b2b2e;-webkit-user-select:none;user-select:none}.ruler-top{position:relative;overflow:hidden;background-image:linear-gradient(to right,rgba(255,255,255,.09) 1px,transparent 1px);background-repeat:repeat;background-size:var(--beat-w, 24px) 100%}.ruler-cycle{position:absolute;top:0;right:0;bottom:0;left:0;border-bottom:1px solid rgba(246,195,68,.55);background:#f6c34429;pointer-events:none}.ruler-cycle-cap{position:absolute;top:0;left:0;width:6px;height:6px;background:var(--cycle);clip-path:polygon(0 0,100% 0,0 100%)}.ruler-cycle-label{position:absolute;top:1px;right:6px;color:#f6c344e6;font-size:7px;font-weight:700;letter-spacing:.12em}.ruler-bar{position:absolute;top:0;bottom:0;padding-left:4px;border-left:1px solid rgba(255,255,255,.28);color:#cdced6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;line-height:1.5;pointer-events:none}.ruler-markers{position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.5)}.ruler-spacer-label{display:flex;align-items:center;height:100%;padding-left:10px;color:var(--faint);font-size:7.5px;font-weight:700;letter-spacing:.16em}.ruler-marker{position:absolute;top:1px;bottom:1px;padding:0 6px;overflow:hidden;border:1px solid #1a1a1c;border-radius:3px;background:#6b6b73;color:#f2f2f5;font-size:10px;font-weight:600;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ruler-marker:hover{background:#7a7a83}.ruler-marker.chorus{background:#8a7a35;color:#fff3cf}.chord-lane{position:relative;z-index:1;height:60px;border-bottom:1px solid var(--line);background:#1f1f22}.chord-cell{position:absolute;top:5px;display:flex;flex-direction:column;gap:2px;height:50px;padding:5px 8px 4px 11px;overflow:hidden;border:1px solid #0f0f11;border-radius:5px;background:linear-gradient(180deg,#dedee2,#c3c3c9);color:#16161a;text-align:left;cursor:default;transition:filter .12s ease,box-shadow .12s ease}.chord-cell:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--cell-fn, #8a8a92)}.chord-cell:hover{filter:brightness(1.06)}.chord-cell.selected{box-shadow:0 0 0 2px var(--select),0 0 12px #3d8bfd59}.chord-cell:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:1px}.chord-cell.is-playing{background:linear-gradient(180deg,#fff,#e2e2e7)}.chord-cell.fn-home{--cell-fn: var(--fn-home)}.chord-cell.fn-depart{--cell-fn: var(--fn-depart)}.chord-cell.fn-tension{--cell-fn: var(--fn-tension)}.chord-cell.fn-color{--cell-fn: var(--fn-color)}.chord-cell.fn-transit{--cell-fn: var(--fn-transit)}.chord-cell.fn-borrowed{--cell-fn: var(--fn-borrowed)}.chord-cell.fn-secondary{--cell-fn: var(--fn-secondary)}.chord-name{max-width:calc(100% - 26px);overflow:hidden;font-size:19px;font-weight:700;color:#121216;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.chord-ring{position:absolute;top:6px;right:6px;width:18px;height:18px;overflow:visible;opacity:.9}.chord-ring-track{stroke:#00000029;stroke-width:.8}.chord-ring-progress{stroke:#1f6fd0;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:center;opacity:0}.chord-cell.is-playing .chord-ring-progress{opacity:1}.chord-ring-dot{fill:#00000029}.chord-ring-dot.is-on{fill:#1d1d22}.chord-ring-dot.is-root{fill:var(--cell-fn, #1d1d22);stroke:#16161a;stroke-width:.6}.chord-meta{display:flex;align-items:center;gap:4px;margin-top:auto;min-width:0}.function-chip{display:inline-block;padding:1px 5px;border-radius:3px;background:#ffffff12;color:#cbd3e1;font-size:9.5px;line-height:1.4;white-space:nowrap}.chord-cell .function-chip{background:color-mix(in srgb,var(--cell-fn) 18%,#ffffff);color:color-mix(in srgb,var(--cell-fn) 72%,#000000);font-weight:700;text-shadow:none}.roman{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.chord-bass{color:#2f4d8f;font-size:13px;font-weight:700}.chord-cell .roman{font-size:8px}.chord-cell .roman{color:#00000073;text-shadow:none}.chord-edited{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:14px;height:14px;margin-left:auto;border-radius:3px;background:#00000024;color:#6a4a00;font-size:9px;line-height:1;text-shadow:none}.function-chip.fn-home{color:var(--fn-home-text)}.function-chip.fn-depart{color:var(--fn-depart-text)}.function-chip.fn-tension{color:var(--fn-tension-text)}.function-chip.fn-color{color:var(--fn-color-text)}.function-chip.fn-transit{color:var(--fn-transit-text)}.function-chip.fn-borrowed{color:var(--fn-borrowed-text)}.function-chip.fn-secondary{color:var(--fn-secondary-text)}.track-lane{position:relative;z-index:1;border-bottom:1px solid var(--line);background-color:#252528;background-image:linear-gradient(to right,rgba(0,0,0,.45) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px);background-repeat:repeat;background-size:var(--bar-w, 96px) 100%,var(--beat-w, 24px) 100%;cursor:grab}.track-lane.is-selected{background-color:#29292d}.region{position:absolute;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.55);border-radius:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--track-color) 46%,#1a1a1d),color-mix(in srgb,var(--track-color) 26%,#17171a));box-shadow:inset 0 1px #ffffff24;cursor:default}.region.is-muted{filter:grayscale(1) brightness(.72)}.region-name{flex:0 0 13px;padding:0 5px;overflow:hidden;background:color-mix(in srgb,var(--track-color) 26%,#0c0c0e);color:#fffffff7;font-size:9.5px;font-weight:700;letter-spacing:.02em;line-height:13px;text-overflow:ellipsis;white-space:nowrap}.region-notes{position:relative}.region-note{position:absolute;border-radius:1px;background:color-mix(in srgb,var(--track-color) 60%,#ffffff);opacity:.95}.playhead-hit{position:absolute;top:0;bottom:0;z-index:20;width:9px;margin-left:-4px;cursor:ew-resize;touch-action:none;will-change:transform}.playhead-line{position:absolute;top:0;bottom:0;left:4px;width:1px;background:#fff;box-shadow:0 0 6px #ffffff8c;pointer-events:none}.playhead-cap{position:absolute;top:0;left:1px;width:7px;height:7px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}.inspector{flex:0 0 288px;width:288px;overflow-y:auto;border-left:1px solid var(--line);background:var(--panel)}.inspector-top{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;padding:0 8px 0 12px;border-bottom:1px solid var(--line);background:#303034}.inspector-kicker{color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.inspector-section{border-bottom:1px solid #232326}.inspector-section-head{display:flex;align-items:center;gap:6px;width:100%;height:30px;padding:0 10px;border:0;border-bottom:1px solid var(--line);background:#35353a;color:#e2e2e8;font-size:11px;font-weight:700;letter-spacing:.08em;text-align:left;text-transform:uppercase}.inspector-section-head:hover{background:#3b3b41}.inspector-caret{flex:0 0 auto;color:var(--muted);transition:transform .12s ease}.inspector-section.is-open .inspector-caret{transform:rotate(90deg)}.inspector-section-meta{margin-left:auto;overflow:hidden;color:var(--faint);font-size:9px;font-weight:500;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.inspector-section-body{padding:10px 12px 12px}.inspector-chord{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;padding-left:9px;border-left:3px solid var(--line-strong);line-height:1}.inspector-chord.fn-home{border-left-color:var(--fn-home)}.inspector-chord.fn-depart{border-left-color:var(--fn-depart)}.inspector-chord.fn-tension{border-left-color:var(--fn-tension)}.inspector-chord.fn-color{border-left-color:var(--fn-color)}.inspector-chord.fn-transit{border-left-color:var(--fn-transit)}.inspector-chord.fn-borrowed{border-left-color:var(--fn-borrowed)}.inspector-chord.fn-secondary{border-left-color:var(--fn-secondary)}.inspector-chord-name{font-size:34px;font-weight:800;letter-spacing:-.04em}.inspector-roman{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:0}.inspector-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-size:11px}.inspector-pitches{color:#c4c4cd;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.02em}.inspector-actions{display:flex;align-items:center;gap:8px;margin-bottom:2px}.inspector-line{color:#d5d8e0;font-size:13px;line-height:1.5}.edited-note{color:var(--accent);font-size:10px}.explanation{margin:0 0 10px;padding:8px 10px;border-left:2px solid var(--line-strong);border-radius:0 4px 4px 0;background:#ffffff09;color:#e4e6ee;font-size:13.5px;line-height:1.65}.inspector-block{margin-bottom:12px;color:#cfd2da;font-size:12px;line-height:1.5}.block-label{margin-bottom:4px;color:#8f8f99;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.muted{color:#b2b2bb;font-size:12px;line-height:1.6}.inspector-hint{padding:12px;color:#90909a;font-size:11px;line-height:1.7}.inspector-empty{padding:12px;color:var(--muted);font-size:12px}.chord-picker{margin:0}.picker-head{margin-bottom:8px}.picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:12px}.picker-groups{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.picker-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px;color:var(--muted);font-size:9.5px;letter-spacing:.08em}.picker-group-head span:last-child{color:var(--faint);font-size:9px;letter-spacing:0}.picker-grid-context{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-picker .picker-candidate{height:auto;min-height:48px;padding:6px 8px;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:1px;text-align:left;white-space:normal}.picker-candidate .picker-why{display:-webkit-box;overflow:hidden;color:var(--faint);font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.picker-novelty{display:flex;gap:4px;margin-bottom:8px}.picker-novelty-btn{flex:1;padding:4px 6px;border:1px solid var(--line-soft);border-radius:5px;background:var(--panel-2);color:var(--muted);font-size:10px}.picker-novelty-btn:hover{border-color:var(--line-strong);color:var(--text)}.picker-novelty-btn.is-active{border-color:#f6c45373;background:#f6c4531f;color:var(--accent)}.picker-more{display:flex;width:100%;align-items:center;justify-content:center;gap:4px;margin-top:9px;padding:5px 8px;border:1px dashed var(--line-soft);border-radius:6px;background:transparent;color:var(--muted);font-size:10px}.picker-more:hover{border-color:var(--line-strong);color:var(--text)}.picker-grid-all{margin-top:8px}.picker-empty{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.picker-name{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.picker-label{overflow:hidden;color:var(--muted);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.picker-free{display:flex;flex-direction:column;gap:5px}.picker-free-row{display:flex;gap:4px}.picker-hint{margin-top:8px;color:#90909a;font-size:10.5px;line-height:1.55}.piano-roll-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--bg);border-top:1px solid var(--line-strong);box-shadow:0 -10px 40px #00000080}.chord-roll-overlay{position:fixed;top:50%;left:50%;z-index:90;display:flex;flex-direction:column;width:min(760px,94vw);max-height:94vh;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);box-shadow:0 24px 80px #0009;transform:translate(-50%,-50%)}.chord-roll-body{flex:1 1 auto;max-height:calc(94vh - 118px);overflow:auto}.chord-roll-body .pr-grid{background-image:linear-gradient(to right,rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px);background-size:150px 100%,37.5px 100%}.chord-roll-overlay .pr-meta{margin-left:0}.cr-tones{margin-left:auto;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.06em;white-space:nowrap}.cr-note{position:absolute;left:0;z-index:2;border:1px solid rgba(0,0,0,.45);border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff38;cursor:ns-resize;opacity:.94;touch-action:none}.cr-note.dragging{cursor:grabbing;box-shadow:inset 0 0 0 1px #fff,0 0 10px #ffffff40}.pr-toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:#303034;flex:0 0 auto}.pr-title{font-size:14px;font-weight:700;white-space:nowrap}.pr-title span{margin-left:5px;color:var(--muted);font-weight:500}.pr-manual{padding:2px 5px;border-radius:3px;background:#ffffff0d;color:var(--muted);font-size:10px;white-space:nowrap}.pr-manual.active{background:var(--accent-soft);color:var(--accent)}.pr-meta{margin-left:auto;color:#9a9aa4;font-size:11px;white-space:nowrap}.pr-hint{padding:6px 12px;border-bottom:1px solid var(--line);color:#90909a;font-size:10.5px;line-height:1.5;flex:0 0 auto}.pr-scroll{position:relative;flex:1;overflow:auto}.pr-inner{display:flex;align-items:flex-start}.pr-keys{position:sticky;left:0;z-index:3;flex:0 0 auto;background:var(--panel);border-right:1px solid var(--line)}.pr-key{display:flex;align-items:center;justify-content:flex-end;padding-right:4px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8.5px}.pr-key.black{background:#16161a;color:var(--faint)}.pr-grid{position:relative;flex:0 0 auto;background-color:#1c1c1f;background-image:linear-gradient(to right,rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px);background-size:128px 100%,32px 100%,8px 100%;cursor:crosshair;touch-action:none}.pr-row{position:absolute;right:0;left:0;pointer-events:none}.pr-row.black{background:#ffffff06}.pr-bar-label{position:absolute;top:0;padding-left:3px;color:#9a9aa4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;pointer-events:none;z-index:1}.pr-note{position:absolute;z-index:2;border:1px solid rgba(0,0,0,.4);border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff2e;cursor:grab;touch-action:none}.pr-note.selected{outline:1px solid #ffffff}.pr-note.dragging{cursor:grabbing}.pr-note:before{content:"";position:absolute;top:-2px;bottom:-2px;left:-3px;right:-3px}.pr-playhead{position:absolute;top:0;bottom:0;z-index:4;width:1px;background:#fff;box-shadow:0 0 6px #ffffff80;pointer-events:none;will-change:transform}.statusbar{display:flex;align-items:center;gap:16px;flex:0 0 30px;height:30px;padding:0 14px;overflow:hidden;border-top:1px solid var(--line);background:var(--panel);color:#a2a2ac;font-size:11px;white-space:nowrap}.status-strong{color:#dfe1e8;font-weight:600}.status-hint{overflow:hidden;color:#85858f;text-overflow:ellipsis}.status-right{margin-left:auto;color:var(--faint)}.status-link{color:var(--muted);text-decoration:none;border-bottom:1px dotted var(--line-strong)}.status-link:hover{color:var(--text)}@media (max-width: 1320px){.lcd-time{display:none}}@media (max-width: 1180px){.inspector{position:fixed;right:0;bottom:30px;left:0;z-index:40;flex:none;width:auto;max-height:min(calc(72vh / var(--ui-scale)),calc((100vh - 190px) / var(--ui-scale)));border-top:1px solid var(--line-strong);border-left:0;border-radius:14px 14px 0 0;background:var(--panel-2);box-shadow:0 -18px 50px #00000080;overscroll-behavior:contain;animation:inspector-fade .16s ease-out}.inspector-top{border-radius:14px 14px 0 0}}@media (min-width: 961px) and (max-width: 1180px){.inspector{top:60px;bottom:30px;left:auto;width:min(380px,46vw);max-height:none;border-top:0;border-left:1px solid var(--line-strong);border-radius:0;box-shadow:-18px 0 50px #00000073;animation:inspector-fade .16s ease-out}.inspector-top{border-radius:0}}@keyframes inspector-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 1080px){.field{display:none}}@media (max-width: 960px){.transport{flex-wrap:wrap;height:auto;padding:8px 10px;gap:8px}.transport-side{flex:0 0 auto}.transport-right{margin-left:auto}.status-hint{display:none}}@media (max-width: 860px){.track-headers{flex-basis:194px;width:194px}.lcd-signature{display:none}}@media (max-width: 640px){body{overflow:auto}.app{height:auto;min-height:100vh}@supports (zoom: 1){.app{min-height:calc(100vh / var(--ui-scale))}}.workspace{min-height:420px}.field span{display:none}.statusbar{gap:9px}.status-note{display:none}.transport-center{gap:6px}.transport-center .lcd-cell{padding:0 8px}.transport-right{flex-wrap:wrap;justify-content:flex-end;width:100%;margin-left:0;gap:6px}.transport-export{flex-wrap:wrap;justify-content:flex-end;gap:0}.transport-export .ui-btn{padding:0 5px}}:root{--ui-surface-1: #232326;--ui-surface-2: #2f2f33;--ui-surface-3: #3a3a3f;--ui-border: #45454c;--ui-border-strong: #56565e;--ui-text: #e9e9ec;--ui-muted: #a4a4ab;--ui-faint: #7a7a82;--ui-accent: #f6c453;--ui-accent-strong: #ffd479;--ui-accent-ink: #17130a;--ui-danger: #ff7a59;--ui-cyan: #67e8f9;--ui-radius: 8px;--ui-radius-sm: 6px;--ui-shadow: 0 10px 30px rgba(0, 0, 0, .45);--ui-ring: 0 0 0 2px #232326, 0 0 0 4px rgba(246, 196, 83, .75)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border:1px solid transparent;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .08s ease,opacity .12s ease}.ui-btn:hover{transform:translateY(-1px)}.ui-btn:active{transform:translateY(0)}.ui-btn:focus-visible,.ui-toggle:focus-visible,.ui-select-trigger:focus-visible,.ui-slider-thumb:focus-visible{outline:none;box-shadow:var(--ui-ring)}.ui-btn:disabled,.ui-btn[data-disabled]{opacity:.45;cursor:not-allowed;transform:none}.ui-btn[data-variant=default]{background:var(--ui-accent);color:var(--ui-accent-ink);box-shadow:0 6px 18px #f6c45324}.ui-btn[data-variant=default]:hover{background:var(--ui-accent-strong)}.ui-btn[data-variant=secondary]{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-text)}.ui-btn[data-variant=secondary]:hover{background:var(--ui-surface-3);border-color:var(--ui-border-strong)}.ui-btn[data-variant=outline]{background:transparent;border-color:var(--ui-border-strong);color:var(--ui-text)}.ui-btn[data-variant=outline]:hover{background:var(--ui-surface-2)}.ui-btn[data-variant=ghost]{background:transparent;color:var(--ui-muted)}.ui-btn[data-variant=ghost]:hover{background:var(--ui-surface-2);color:var(--ui-text)}.ui-btn[data-variant=danger]{background:var(--ui-danger);color:#1b0c08}.ui-btn[data-size=sm]{height:28px;padding:0 10px;font-size:12px}.ui-btn[data-size=icon]{width:34px;height:34px;padding:0}.ui-btn[data-size=icon-sm]{width:26px;height:26px;padding:0}.ui-btn.is-active{border-color:var(--ui-accent);color:var(--ui-accent);background:#f6c4531f}.ui-btn.is-on{border-color:#6ee7b76b;color:#6ee7b7;background:#6ee7b714}.ui-btn .ui-icon{flex:0 0 auto}.ui-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;padding:0;border:1px solid var(--ui-border);border-radius:5px;background:transparent;color:var(--ui-muted);font-size:10px;font-weight:700;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.ui-toggle:hover{background:var(--ui-surface-2);color:var(--ui-text)}.ui-toggle[data-state=on],.ui-toggle[aria-pressed=true]{background:#3d8bfde6;border-color:#6aa6ff;color:#fff}.ui-toggle--mute[data-state=on],.ui-toggle--mute[aria-pressed=true]{background:#3d7fe0;border-color:#6aa0ec;color:#fff}.ui-toggle--solo[data-state=on],.ui-toggle--solo[aria-pressed=true]{background:#e8b62c;border-color:#f5cd62;color:#1c1608}.ui-input{height:34px;width:100%;padding:0 10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);color:var(--ui-text);font-size:13px;font-variant-numeric:tabular-nums}.ui-input:hover{border-color:var(--ui-border-strong)}.ui-input:focus-visible{outline:none;border-color:var(--ui-accent);box-shadow:0 0 0 2px #f6c4532e}.ui-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:34px;width:100%;padding:0 9px 0 10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);color:var(--ui-text);font-size:13px;line-height:1;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.ui-select-trigger:hover{border-color:var(--ui-border-strong);background:var(--ui-surface-3)}.ui-select-trigger[data-placeholder]{color:var(--ui-muted)}.ui-select-trigger:disabled{opacity:.5;cursor:not-allowed}.ui-select-chevron{flex:0 0 auto;color:var(--ui-muted)}.ui-select-content{z-index:120;min-width:var(--radix-select-trigger-width);max-height:320px;overflow:hidden;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);box-shadow:var(--ui-shadow)}.ui-select-viewport{padding:4px}.ui-select-scroll{display:flex;align-items:center;justify-content:center;height:18px;color:var(--ui-muted);cursor:default}.ui-select-item{position:relative;display:flex;align-items:center;height:30px;padding:0 30px 0 9px;border-radius:5px;color:var(--ui-text);font-size:12.5px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.ui-select-item[data-highlighted]{background:#f6c45321;color:var(--ui-accent-strong)}.ui-select-item[data-disabled]{opacity:.4;pointer-events:none}.ui-select-item-indicator{position:absolute;right:8px;display:inline-flex;color:var(--ui-accent)}.ui-select-label{padding:6px 9px 4px;color:var(--ui-faint);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ui-slider{position:relative;display:flex;align-items:center;width:100%;height:18px;touch-action:none;-webkit-user-select:none;user-select:none}.ui-slider-track{position:relative;flex:1;height:4px;overflow:hidden;border-radius:999px;background:#1a1a1d;box-shadow:inset 0 1px 2px #0009}.ui-slider-range{position:absolute;height:100%;border-radius:999px;background:linear-gradient(180deg,#b9b9c2,#8b8b94)}.ui-slider-thumb{display:block;width:12px;height:12px;border:1px solid #101012;border-radius:3px;background:linear-gradient(180deg,#dcdce2,#a5a5ae);box-shadow:0 1px 2px #00000080;cursor:grab;transition:transform .1s ease}.ui-slider-thumb:hover{transform:scale(1.1)}.ui-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.ui-tooltip-content{z-index:130;max-width:260px;padding:5px 8px;border:1px solid var(--ui-border-strong);border-radius:5px;background:var(--ui-surface-3);box-shadow:var(--ui-shadow);color:var(--ui-text);font-size:12px;line-height:1.45}.ui-tooltip-arrow{fill:var(--ui-surface-3)}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#04060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ui-fade-in .15s ease}.ui-dialog-content{position:fixed;z-index:90;outline:none}@supports (zoom: 1){.ui-dialog-content{max-width:calc(96vw / var(--ui-scale));max-height:calc(94vh / var(--ui-scale))}.ui-dialog-content.piano-roll-overlay{max-width:none;max-height:none}}.ui-dialog-content:focus{outline:none}.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-pop-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-spin{animation:ui-spin 1s linear infinite}.ui-select-content,.ui-tooltip-content{animation:ui-pop-in .12s ease}.field .ui-select-trigger{width:118px}.field-demo .ui-select-trigger{width:132px}.field .ui-input{width:72px}.transport-play.is-loading{color:var(--ui-muted);cursor:wait;animation:play-pulse 1s ease-in-out infinite}.track-power.ui-btn[aria-pressed=true],.track-power.ui-btn.is-on{color:#52d98a;background:#52d98a1f}.track-power.ui-btn[aria-pressed=false]{color:var(--ui-faint)}.transport-actions{display:flex;align-items:center;gap:6px}.track-controls .ui-select-trigger{flex:1;width:auto;min-width:0}.track-header .ui-select-trigger{height:24px;padding:0 4px 0 6px;overflow:hidden;border-color:#43434a;background:#2a2a2e;font-size:11px;white-space:nowrap}.track-header .ui-select-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-header .ui-select-chevron{width:12px;height:12px}.track-header .ui-toggle{width:22px;height:22px;min-width:22px;border-radius:3px;font-size:10px}.track-header .ui-slider{height:14px}.inspector .ui-select-trigger{height:30px;font-size:12px}.pr-toolbar .ui-select-trigger{width:132px;height:30px;font-size:11px}.ui-btn.picker-chord{height:auto;min-height:38px;padding:5px 6px;flex-direction:column;align-items:flex-start;gap:1px;text-align:left}.ui-btn.picker-chord.active{border-color:var(--ui-accent);box-shadow:inset 0 0 0 1px var(--ui-accent)}.picker-free-row .ui-select-trigger{flex:1;min-width:0;height:30px;font-size:11px}.ui-btn.picker-apply{flex:0 0 auto;height:30px;padding:0 9px}.chord-keyboard{position:relative;display:flex;height:52px;margin:8px 0 5px;overflow:hidden;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-surface-2)}.ck-white{display:flex;flex:1;align-items:flex-end;justify-content:center;padding-bottom:4px;border-right:1px solid var(--ui-border-strong);background:linear-gradient(180deg,#2b2b30,#202024);color:var(--ui-faint);font-size:8px}.ck-white:last-child{border-right:0}.ck-white.is-active{background:linear-gradient(180deg,var(--ui-accent-strong),var(--ui-accent));color:var(--ui-accent-ink)}.ck-black{position:absolute;top:0;width:9%;height:58%;border:1px solid #0a0a0c;border-radius:0 0 3px 3px;background:#151517;box-shadow:0 2px #00000080}.ck-black.is-active{border-color:var(--ui-accent);background:var(--ui-accent)}.chord-tones{color:var(--ui-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.04em}.chord-preview-card{margin-bottom:12px;padding:9px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:#ffffff05}.chord-preview-card.is-preview{border-color:#67e8f973;box-shadow:inset 0 0 0 1px #67e8f91f}.chord-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.chord-preview-name{color:var(--ui-text);font-size:18px;font-weight:700;letter-spacing:-.02em}.chord-preview-actions{display:flex;gap:5px;margin-top:7px}.chord-preview-actions .ui-btn{flex:1}.picker-chord.previewing{border-color:var(--ui-cyan);box-shadow:inset 0 0 0 1px #67e8f959}.section-feel{margin-top:5px}