@import url('data:text/css,');
:root{color-scheme:dark;--bg:#101816;--panel:#19221e;--line:#303b34;--ink:#f3f1e5;--muted:#a0ada1;--green:#c8ed87;--orange:#e5ac7a;--radius:19px;font-family:Arial,Helvetica,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}.top{max-width:1380px;padding:24px 45px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:29px;font-weight:750;letter-spacing:-1px}.brand-mark{background:var(--green);color:var(--bg);border-radius:10px;font-size:31px;width:38px;height:39px;text-align:center;line-height:31px;letter-spacing:-6px;padding-right:6px}.brand-mark span{font-size:22px}.beta{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:500;margin-left:12px;border:1px solid var(--line);padding:6px;border-radius:4px}.private{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.tiny-dot{width:6px;height:6px;background:var(--green);border-radius:100%}.text-button{background:none;font-size:12px;padding:10px 0;color:var(--muted)}.text-button:hover{color:var(--green)}.top .text-button span{margin-left:14px}main{max-width:1250px;margin:auto;padding:0 30px}.intro{display:flex;justify-content:space-between;align-items:center;padding:52px 0 44px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted)}h1{font-size:clamp(42px,4.6vw,65px);line-height:1.04;font-weight:500;letter-spacing:-2.8px;margin:20px 0 17px}h1 span{color:var(--green)}.intro p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.intro-art{width:320px;height:240px;position:relative;overflow:hidden;margin-right:70px;transform:rotate(-12deg)}.orbit{position:absolute;border:1px solid #65804e;border-radius:50%;height:210px;width:210px;top:9px;left:55px}.o1{transform:translateX(-36px);border-color:#425d40}.o2{border-color:#7e9c5f}.o3{transform:translateX(36px);border-color:var(--green)}.art-label{transform:rotate(12deg);position:absolute;left:114px;top:92px;font-size:10px;letter-spacing:2px;line-height:1.7;text-align:center;color:var(--green)}.music-line{position:absolute;top:126px;left:3px;width:68px;height:1px;background:var(--green)}.music-line:after{content:'';width:7px;height:7px;position:absolute;right:0;top:-3px;background:var(--green);border-radius:50%}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}h2{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:9px 0 0}.pill{font-size:10px;color:var(--muted);padding:8px 10px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.pill.live{color:var(--green);border-color:#5b7045}.source-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.field-label{font-size:10px;color:var(--muted);letter-spacing:1px}.segments{display:flex;background:#101714;border-radius:9px;padding:4px}.segments button{background:none;color:var(--muted);border-radius:6px;padding:8px 17px;font-size:12px}.segments .selected{background:#344032;color:var(--green)}.listen-box{background:#111a16;border:1px solid #2c382e;border-radius:12px;padding:16px 18px}.listen-top,.listen-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:10px}.listen-top{letter-spacing:1px}.listen-top span:last-child{letter-spacing:0}canvas{width:100%;height:90px;display:block}.listen-bottom{font-size:11px}#pitchLabel{color:var(--green);white-space:nowrap}.action-row{display:flex;gap:10px;margin-top:19px}.primary,.secondary,.stop{padding:13px 18px;border-radius:9px;font-size:12px;font-weight:600;min-height:44px;white-space:nowrap}.primary{background:var(--green);color:#182215}.primary:hover{background:#dcffa3}.primary span{font-size:11px;margin-right:7px}.secondary{background:#2e3b30;border:1px solid #4a5945}.secondary:hover{border-color:var(--green)}.stop{background:transparent;border:1px solid var(--line);color:#dbb497}.micro-note{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0 0}.notice{margin-top:12px;padding:12px;border-radius:8px;background:#313927;color:#e1e9cd;font-size:12px;line-height:1.6}.session-stats{display:grid;grid-template-columns:1fr 1fr 1.15fr;padding:25px 0;border-bottom:1px solid var(--line);gap:12px}.session-stats>div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:8px}.session-stats>div:last-child{border:0}.session-stats strong{font-size:30px;font-weight:500;letter-spacing:-1px;margin:11px 0 7px}.session-stats em{font-size:10px;font-style:normal;letter-spacing:0;color:var(--muted)}.session-stats small{font-size:10px;color:var(--muted);line-height:1.5;min-height:30px}.beats{display:flex;gap:9px;margin:20px 0 18px}.beats i{height:13px;width:13px;border-radius:50%;background:#344330;transition:background 70ms}.beats i.active{background:var(--green);box-shadow:0 0 16px #c8ed8733}.settings{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:23px}label{display:block;font-size:12px;margin-bottom:10px;color:#d0d8ca}label span{float:right;font-size:11px;color:var(--muted)}select,input[type=text],input[type=number],textarea,input:not([type]){width:100%;background:#111a16;border:1px solid #3d493d;border-radius:7px;color:var(--ink);padding:11px 12px;font-size:12px;min-height:41px}select{padding-right:23px}.hint{color:var(--muted);font-size:11px;line-height:1.65}.tempo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.chip{border:1px solid #485743;background:transparent;border-radius:7px;padding:9px 11px;font-size:11px}.chip:hover{border-color:var(--green)}.check{font-size:10px;display:flex;align-items:center;gap:5px;margin:0;color:var(--muted)}input[type=checkbox]{accent-color:var(--green);margin:0}.experimental{font-size:8px!important;padding:3px;color:var(--green)!important}.fixed-row{align-items:center;gap:10px;margin-top:12px}.fixed-row:not([hidden]){display:flex}.fixed-row label{margin:0}input[type=range]{display:block;appearance:none;height:4px;background:#3d4b38;border-radius:3px;width:100%;cursor:pointer;margin:15px 0;accent-color:var(--green)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:100%;background:var(--green)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:100%;background:var(--green)}.small-icon{font-size:30px;color:var(--green)}.band .panel-heading{margin-bottom:25px}.band>.field-label{display:block;margin-bottom:10px}.band>.hint{margin:9px 0 20px}.mixer-track{padding:18px 0 6px;border-top:1px solid var(--line)}.track-top{display:flex;align-items:center;gap:12px}.instrument-icon{font-size:25px;border-radius:9px;width:39px;height:39px;background:#2c3929;color:var(--green);display:grid;place-items:center}.track-top strong{font-size:13px;font-weight:500}.track-top small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.mute{margin-left:auto;color:var(--muted);border:1px solid var(--line);background:transparent;border-radius:5px;font-size:9px;padding:7px}.mute.on{color:var(--green);background:#2b3b25;border-color:#495d3d}.master{border-top:1px solid var(--line);padding-top:19px;margin-top:10px}.headphone-note{display:flex;align-items:center;gap:12px;background:#222d24;border-radius:9px;padding:10px;margin-top:23px}.headphone-note>span{font-size:28px;color:var(--green)}.headphone-note p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.headphone-note strong{font-weight:400;color:#d1ddc6}.songbook{grid-column:1/-1}.songbook .panel-heading{margin-bottom:10px}.song-actions{display:flex;gap:22px;align-items:center}.songbook-intro{margin-bottom:22px}.songs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.song-card{background:#141d18;border:1px solid #354231;border-radius:10px;text-align:left;padding:18px;transition:border-color .15s;min-width:0}.song-card:hover,.song-card.selected{border-color:var(--green)}.song-number{font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}.song-card strong{font-size:17px;font-weight:500;display:block;margin:19px 0 9px;overflow-wrap:anywhere}.song-card small{font-size:10px;color:var(--muted);line-height:1.6;display:block}.song-card .song-bottom{margin-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--green)}.chart{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.chart-header{display:flex;align-items:center;justify-content:space-between}.chart-header strong{font-size:13px;font-weight:500}.chord-strip{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.chord-tile{border:1px solid #405039;border-radius:7px;min-width:58px;padding:10px;text-align:center;color:var(--muted)}.chord-tile small{display:block;font-size:9px;margin-bottom:5px}.chord-tile.active{background:var(--green);color:#172112;border-color:var(--green)}footer{display:flex;align-items:center;justify-content:space-between;padding:27px 0 35px;font-size:11px;color:var(--muted)}footer>div{display:flex;align-items:center;gap:20px}.footer-dot{color:var(--green);margin:0 9px}dialog{background:var(--panel);color:var(--ink);border:1px solid #4b5e40;border-radius:17px;max-width:570px;width:calc(100% - 30px);padding:32px;max-height:85vh}dialog::backdrop{background:#050b08bb;backdrop-filter:blur(5px)}dialog h2{font-size:29px;margin:14px 0 23px}dialog p,dialog li{font-size:13px;line-height:1.75;color:#bbc6b5}dialog li{margin-bottom:15px;padding-left:3px}dialog ol{padding-left:20px}dialog strong{color:var(--ink)}.dialog-close{position:absolute;right:18px;top:14px;background:none;font-size:26px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}textarea{resize:vertical}.form-error{color:#f1b794}.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}[hidden]{display:none!important}@media(min-width:1400px){.intro{padding-top:60px;padding-bottom:50px}}@media(max-width:950px){.studio-grid{grid-template-columns:minmax(0,1fr) 280px}.panel{padding:20px}.settings{grid-template-columns:1fr}.intro-art{margin-right:0}.pill{max-width:130px;white-space:normal;text-align:center}.action-row{flex-wrap:wrap}.session-stats strong{font-size:26px}.beats{gap:6px}.source-row{gap:10px}.segments button{padding:8px 12px}}@media(max-width:720px){.top{padding:18px 20px}.private,.beta{display:none}.brand{font-size:25px}main{padding:0 18px}.intro{padding:35px 0 30px}.intro-art{width:140px;height:180px;opacity:.7;margin-left:10px}.orbit{height:150px;width:150px;left:30px}.art-label{display:none}.music-line{top:100px}h1{font-size:43px;letter-spacing:-2px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.intro p{font-size:12px}.studio-grid{grid-template-columns:1fr;gap:16px}.panel{padding:20px}.settings{grid-template-columns:1fr 1fr;gap:17px}.band{grid-column:1}.songbook{grid-column:1}.songs{grid-template-columns:1fr}.song-card{position:relative;padding:17px}.song-card strong{margin:10px 0 5px}.song-card .song-bottom{margin-top:12px}.song-actions{gap:12px}.songbook .panel-heading{align-items:flex-start}.songbook h2{font-size:21px}.song-actions .text-button{font-size:10px}.song-actions .chip{font-size:10px}.headphone-note{margin-top:20px}footer{align-items:flex-start;gap:15px;font-size:10px}footer>div{align-items:flex-end;flex-direction:column;gap:0}.session-stats small{font-size:9px}.listen-bottom{font-size:10px}.session-stats{gap:9px}.beats{gap:7px}.beats i{width:11px;height:11px}}@media(max-width:400px){.intro-art{display:none}.settings{grid-template-columns:1fr}.primary,.secondary,.stop{padding:12px}.pill{font-size:9px;max-width:110px}.panel-heading{gap:8px}h2{font-size:20px}.source-row{flex-wrap:wrap}.song-actions{flex-direction:column;gap:0}.session-stats strong{font-size:25px}.beats{gap:5px}.beats i{width:9px;height:9px}}