:root{color-scheme:dark;--bg:#0b0b12;--panel:#12121b;--surface:#1c1b28;--line:#2c293b;--ink:#f5f2ff;--muted:#9894ac;--purple:#9a6cff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.shell{display:flex;min-height:100vh;padding-bottom:82px}.sidebar{width:244px;flex-shrink:0;border-right:1px solid #242131;background:#111019;padding:29px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:22px;letter-spacing:-.8px;margin:0 10px 65px}.brand-icon{width:39px;height:39px;background:linear-gradient(130deg,#a47cff,#7435e1);border-radius:12px;display:grid;place-items:center}.brand small{display:block;color:#8f8a9e;font-weight:700;font-size:9px;letter-spacing:2px;margin-top:4px}.accent{color:#b08cff}.nav-label{color:#6e6a7d;letter-spacing:1.5px;font-size:10px;font-weight:800;margin:0 15px 13px}.nav{display:flex;gap:12px;align-items:center;padding:14px;border:0;background:none;color:#aaa5b8;border-radius:10px;text-align:left;font-weight:600;margin-bottom:6px}.nav.active{background:#292038;color:#d5bcff}.nav .count{margin-left:auto;background:#353044;color:#c8beda;padding:3px 8px;border-radius:12px;font-size:12px}.sidebar-bottom{margin-top:auto}.tip{background:linear-gradient(155deg,#2b2043,#1a1829);border:1px solid #403055;border-radius:15px;padding:18px}.tip svg{color:#b38aff;margin-bottom:17px}.tip b{display:block;font-size:13px}.tip p{color:#aaa0b7;font-size:12px;line-height:1.5}.powered{font-size:11px;color:#777184;text-align:center;margin-top:23px}.powered b{color:#ae9abf}main{flex:1;min-width:0}.top{height:73px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242131;padding:0 45px;font-size:12px;color:#b7b0c3}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66d49b;margin-right:8px}.top-right{background:#211d2e;padding:8px 13px;border-radius:20px;color:#cbbbe9;font-weight:700}.dot{padding:0 5px;color:#645574}.content{max-width:1220px;padding:54px 48px 80px;margin:auto}.eyebrow{display:flex;align-items:center;gap:8px;font-weight:800;color:#a68aff;letter-spacing:2px;font-size:11px;margin-bottom:15px}h1{font-size:clamp(35px,4vw,53px);line-height:1.08;letter-spacing:-1.7px;margin:0 0 15px}h1 em{font-style:normal;color:#b58aff}.subtitle{color:#9892a8;margin:0 0 38px;line-height:1.6;font-size:15px}.work-area{display:grid;grid-template-columns:minmax(370px,1.12fr) minmax(280px,.88fr);gap:34px}.editor{border:1px solid #2b263a;border-radius:18px;background:#16141f;padding:25px;box-shadow:0 20px 80px #0002}.mode{display:flex;background:#242130;border:1px solid #302b42;padding:5px;border-radius:12px;margin-bottom:26px}.mode button{border:0;background:none;color:#9992ac;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border-radius:9px;padding:12px 0;font-weight:700;font-size:13px}.mode button.on{background:#453060;color:#fff}.field{margin-bottom:22px}.field label{font-size:13px;font-weight:800;display:flex;justify-content:space-between;margin-bottom:11px}.field label span{font-weight:400;color:#777081;font-size:11px}.field input,.field textarea{display:block;width:100%;color:#f3ecff;background:#211e2c;border:1px solid #353047;border-radius:11px;padding:14px 15px;resize:vertical;font-size:13px;line-height:1.6}.field textarea.prompt{min-height:148px}.field textarea.lyrics{min-height:180px}.hint{color:#827b94;font-size:11px;margin-top:9px;line-height:1.4}.option{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #302b3c;padding:22px 0;margin-bottom:22px}.option b{display:flex;align-items:center;gap:8px;font-size:13px}.option span{display:block;color:#8b849c;font-size:11px;margin-top:8px}.switch{width:47px;height:25px;border:none;background:#484355;border-radius:20px;padding:3px}.switch i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .2s}.switch.checked{background:#9861ee}.switch.checked i{transform:translateX(22px)}.durations{display:flex;gap:9px}.durations button{flex:1;border:1px solid #373047;border-radius:9px;background:#23202e;color:#a9a2b8;padding:12px 4px;font-weight:700;font-size:12px}.durations button.selected{background:#4b326c;border-color:#946bc7;color:#fff}.cost{font-size:12px;color:#a49ab7;margin:0 0 20px}.cost b{color:#dac6ff}.generate{border:none;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;font-weight:800;background:linear-gradient(95deg,#a175f1,#7c43d3);color:#fff;box-shadow:0 9px 26px #6d35c744}.generate svg:last-child{margin-left:auto}.generate svg:first-child{margin-left:auto}.fineprint{text-align:center;font-size:11px;color:#807a8b;margin:14px 0 0}.error{background:#4b1e35;color:#ffd0da;border:1px solid #8b3a57;border-radius:8px;padding:12px;font-size:12px;margin-bottom:14px}.right-pane{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 18px}.artwork{position:relative;width:min(100%,310px);aspect-ratio:1;background:radial-gradient(circle at 45% 42%,#5e357f,#211631 55%,transparent 70%);display:grid;place-items:center}.orb{width:210px;height:210px;border:1px solid #b88aff66;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ae79ed33,#3b225eaa 60%,#1a102d);box-shadow:0 0 50px #9160e944,inset 0 0 40px #a261e433;display:grid;place-items:center;color:#c5a0fe}.orb-small{position:absolute;bottom:30px;right:15px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#774cba;border:1px solid #bd97f3;box-shadow:0 12px 35px #0008}.right-pane h2{font-size:25px;letter-spacing:-.5px;margin:4px 0 5px}.right-pane p{max-width:300px;color:#938da1;line-height:1.8;font-size:13px}.mini-stats{display:flex;border-top:1px solid #2b2639;width:100%;margin-top:34px;padding-top:28px;justify-content:space-around}.mini-stats b{display:block;font-size:20px;color:#e6d4ff}.mini-stats span{display:block;font-size:10px;color:#877f97;margin-top:7px}.library-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.new{background:#8e58e2;color:white;border:none;border-radius:10px;padding:12px 17px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.empty{margin-top:36px;background:#171520;border:1px dashed #413651;border-radius:18px;padding:68px 20px;display:flex;align-items:center;flex-direction:column;color:#b59ccc}.empty h2{color:white}.empty p{color:#9c93aa;margin:0 0 25px}.songs{display:flex;flex-direction:column;gap:11px}.song{display:flex;align-items:center;gap:17px;border:1px solid #332d41;background:#191622;border-radius:14px;padding:12px 16px}.cover{width:58px;height:58px;flex-shrink:0;border:0;border-radius:9px;background:linear-gradient(145deg,#a86de5,#33205b);display:grid;place-items:center;color:white}.song-info{flex:1;min-width:0}.song-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin-bottom:8px}.song-info span{font-size:11px;color:#8c829d}.status{font-size:11px;color:#dcc08a;background:#3c3324;padding:7px 11px;border-radius:20px}.status.ready{color:#9ee6ba;background:#1c3b30}.iconbtn{display:grid;place-items:center;width:33px;height:33px;background:none;color:#c1b2d4;border:0;text-decoration:none}.waiting{font-size:11px;color:#888}.library-note{margin-top:28px;color:#837b91;font-size:12px}.player{position:fixed;bottom:0;left:0;right:0;height:82px;border-top:1px solid #342b44;background:#17141f;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:3}.player-song{display:flex;align-items:center;gap:12px;width:33%}.player-cover{height:44px;width:44px;border-radius:9px;background:#4b326b;display:grid;place-items:center;color:#dec9f5}.player-song b{display:block;font-size:12px}.player-song span{display:block;color:#81798f;font-size:11px;margin-top:6px}.player-center{display:flex;align-items:center;gap:16px;width:34%;justify-content:center}.player-center button{background:#fff;color:#161220;border:0;width:37px;height:37px;border-radius:50%;display:grid;place-items:center}.player-line{width:55%;height:3px;background:#42394c;border-radius:3px}.player-right{width:33%;display:flex;justify-content:flex-end;align-items:center;gap:9px;color:#9b91a7;font-size:11px}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1060px){.work-area{grid-template-columns:1fr}.right-pane{display:none}.content{max-width:730px}}@media(max-width:690px){.shell{display:block;padding-bottom:88px}.sidebar{width:100%;height:75px;padding:13px 16px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #282235}.brand{font-size:18px;margin:0 auto 0 0}.brand-icon{height:35px;width:35px}.brand small{font-size:8px}.nav-label,.sidebar-bottom,.nav .count{display:none}.nav{font-size:0;padding:11px;margin:0 2px}.nav svg{width:22px;height:22px}.top{height:52px;padding:0 18px}.content{padding:34px 17px 90px}.editor{padding:18px}.work-area{display:block}.library-heading{flex-wrap:wrap;margin-bottom:22px}.player{height:72px;padding:0 14px}.player-right,.player-line{display:none}.player-song{width:78%}.player-center{width:22%;justify-content:flex-end}.player-song span{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song{gap:8px;padding:9px}.cover{width:46px;height:46px}.song .status{display:none}}
/* v0.2 song creation controls */
.step-label{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#b68dff;margin:27px 0 20px;padding:10px 0;border-bottom:1px solid #342e44}.step-label:first-child{margin-top:0}.field select{width:100%;padding:14px;color:#f3ecff;background:#211e2c;border:1px solid #353047;border-radius:11px}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:24px;border:1px solid #40384f;background:#242030;color:#beb4ce;padding:9px 12px;font-size:12px}.chip.selected{border-color:#a57aeb;background:#503269;color:white}.draft-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:#eee3ff;border:1px solid #9b6bd2;border-radius:10px;background:#332444;padding:13px;font-weight:700;font-size:13px}.field textarea.lyrics{min-height:260px}.summary-panel{margin-top:28px;width:100%;border:1px solid #302940;border-radius:13px;text-align:left;padding:16px;font-size:12px}.summary-panel b{color:#e2d4ff}.summary-panel p{color:#ada0bd;line-height:1.6;overflow-wrap:anywhere}

/* Pitchmuse brand */
.brand{letter-spacing:-.6px}.brand small{color:#b99aff}