@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#eeeede;background:#11120f;font-size:16px;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 5%,#30381b 0,transparent 34%),#11120f}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:absolute;left:-9999px;top:1rem;background:#d7ff4c;color:#11120f;padding:.8rem;z-index:10}.skip:focus{left:1rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.masthead{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,3rem);border-bottom:1px solid #41433a;background:#11120fe8;position:sticky;top:0;z-index:4;backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:baseline;gap:.55rem;font-family:'Space Grotesk',sans-serif;font-size:1.36rem;font-weight:700;letter-spacing:-.06em}.wordmark .mark{color:#d7ff4c;font-size:1.7rem}.wordmark small{font:500 .67rem 'DM Sans',sans-serif;color:#aaa99a;letter-spacing:.08em;text-transform:uppercase}.head-right{display:flex;align-items:center;gap:1.25rem}.privacy{color:#d7ff4c;font-size:.69rem;font-weight:700;letter-spacing:.14em}.ghost{background:transparent;color:#f3f2e7;border:1px solid #5a5e51;border-radius:100px;padding:.55rem .9rem}.ghost:hover,.ghost:focus-visible{border-color:#d7ff4c}.small{font-size:.75rem}main{max-width:1600px;margin:auto;padding:0 clamp(1rem,3vw,3rem)}.opening{padding:clamp(2rem,4vw,4rem) 0 2.5rem;display:flex;align-items:end;justify-content:space-between;gap:3rem}.opening>p{max-width:350px;color:#b8b8ac;line-height:1.6}.eyebrow{color:#d7ff4c;font-size:.75rem;letter-spacing:.18em;font-weight:700}.opening h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.8rem,5.5vw,6rem);line-height:.98;letter-spacing:-.08em;margin:.7rem 0 0}.opening h1 em{font-style:normal;color:#d7ff4c}.studio-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:1rem;align-items:start}.desk,.output{border:1px solid #45483d;border-radius:20px;background:#1b1d18;overflow:hidden}.output{position:sticky;top:92px;background:#d7ff4c;color:#151712;border-color:#d7ff4c}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.6rem;border-bottom:1px solid #45483d}.section-bar span{font-size:.68rem;font-weight:700;letter-spacing:.15em}.section-bar h2{font:700 1.6rem 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:.35rem 0 0}.live-indicator{color:#d7ff4c}.output .section-bar{border-bottom-color:#8baa32}.output-status{white-space:nowrap}form{padding:1.5rem 1.6rem 2rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.1rem}.field label{font-size:.84rem;font-weight:700;color:#e2e2d5}.field input,.field textarea,.field select{background:#10120f;border:1px solid #52564b;border-radius:9px;color:#f4f4e8;padding:.8rem .9rem;min-height:46px;outline:none}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:#d7ff4c;box-shadow:0 0 0 3px #d7ff4c33}.field input[type=range]{min-height:46px;accent-color:#d7ff4c;padding:.1rem}.field output{font-size:.78rem;color:#d7ff4c}.output-help{padding:0 1.6rem;color:#3e452d;line-height:1.55}.output-card{margin:1.5rem;background:#191d12;color:#f4f4e9;border-radius:15px;min-height:300px;padding:1.5rem}.output-label{display:flex;justify-content:space-between;gap:1rem;color:#c7d59b;font-size:.67rem;font-weight:700;letter-spacing:.13em}.prompt-text{font:500 clamp(1.25rem,1.6vw,1.75rem)/1.4 'Space Grotesk',sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}.primary{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;border:0;border-radius:10px;background:#11120f;color:#f5f5e8;padding:1rem 1.2rem;font-weight:700}.primary:hover,.primary:focus-visible{background:#343c1d}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 0 3rem;color:#a8a99c;font-size:.75rem}body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:960px){.studio-grid{grid-template-columns:1fr}.output{position:static}.opening{display:block}.opening>p{max-width:650px}.output-card{min-height:220px}}@media(max-width:600px){.masthead{height:66px}.wordmark{font-size:1.15rem}.wordmark small{display:none}.head-right .privacy{display:none}.opening h1{font-size:clamp(2.7rem,11vw,4rem)}.field-grid{grid-template-columns:1fr}.section-bar,.output-card,form{padding:1.1rem}.output-card{margin:1rem}.primary{margin:0 1rem 1rem;width:calc(100% - 2rem)}footer{display:block}footer span{display:block;margin:.4rem 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* The workbench continues as a stack of editable production documents. */
.output-foot{display:flex;justify-content:space-between;gap:1rem;color:#3a4323;font-size:.67rem;font-weight:700;letter-spacing:.1em;padding:0 1.5rem 1.5rem}.workspace-section{border-top:1px solid #41443b;margin-top:clamp(3rem,6vw,6rem);padding-top:2rem;scroll-margin-top:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.4rem}.section-heading h2{font:700 clamp(2.3rem,4.2vw,4.7rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:.2rem 0 .7rem}.section-heading p:not(.eyebrow){color:#b6b8ac;max-width:650px;line-height:1.6;margin:0}.section-heading .ghost{flex:none}.arrangement-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.75rem}.arrangement-card{background:#252821;border:1px solid #51584a;border-radius:14px;padding:1rem;position:relative;min-width:0}.arrangement-card.is-active{border-color:#d7ff4c}.arrangement-card header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.1rem}.arrangement-card header span{font:700 .7rem 'Space Grotesk',sans-serif;color:#d7ff4c;letter-spacing:.15em}.arrangement-card .card-actions{display:flex;gap:.25rem}.arrangement-card button{border:1px solid #59604e;background:#191c17;color:#f0f0e5;border-radius:7px;min-width:30px;min-height:30px}.arrangement-card button:hover,.arrangement-card button:focus-visible{border-color:#d7ff4c}.arrangement-card input,.arrangement-card textarea,.arrangement-card select{width:100%;background:transparent;color:#f4f4e8;border:0;border-bottom:1px solid #666d5c;border-radius:0;padding:.4rem 0;outline:none}.arrangement-card input:focus,.arrangement-card textarea:focus,.arrangement-card select:focus{border-color:#d7ff4c}.arrangement-card .section-name{font:700 1.6rem 'Space Grotesk',sans-serif;letter-spacing:-.05em}.arrangement-card textarea{resize:vertical;min-height:80px;font-size:.88rem;line-height:1.45}.arrangement-card .card-row{display:grid;grid-template-columns:85px 1fr;gap:.7rem;margin:.75rem 0}.arrangement-card label{display:block;color:#b1b4a6;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.arrangement-card input[type=range]{accent-color:#d7ff4c;border:0}.writing-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem}.writing-fields,.lyric-sheet,.finish-grid,.final-document,.handoff-tools,.versions-section .compare-panel{border-radius:17px;border:1px solid #4c5043;background:#1b1d18;padding:1.5rem}.writing-grid .field{margin-bottom:1.1rem}.writing-grid .field:last-child{margin-bottom:0}.lyric-sheet textarea{flex:1;min-height:370px;font-family:'Space Grotesk',sans-serif}.lyric-sheet label{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.lyric-sheet label span{color:#d7ff4c;font-size:.7rem}.lyric-sheet p{color:#aeb0a4;font-size:.78rem;line-height:1.5}.finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.finish-grid .field{margin:0}.finish-grid textarea{height:150px}.handoff-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.65fr);gap:1rem}.final-document{background:#eeede2;color:#191b15;min-width:0}.document-head{display:flex;justify-content:space-between;gap:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.13em;padding-bottom:1rem;border-bottom:1px solid #a8aaa0}.final-document pre{font:400 .94rem/1.6 'DM Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:1.5rem 0 0;max-height:660px;overflow:auto}.handoff-tools h3{font:700 1.4rem 'Space Grotesk',sans-serif;margin:.15rem 0 .9rem}.handoff-tools ul{padding-left:1.25rem;color:#d7d9ca;line-height:1.55;margin:0 0 1.5rem}.handoff-tools li{margin-bottom:.6rem}.handoff-tools .primary{width:100%;margin:0 0 .75rem;background:#d7ff4c;color:#151712}.handoff-tools .primary:hover{background:#ecffa3}.ghost.full{width:100%;margin:.25rem 0;text-align:left;border-radius:9px;padding:.9rem 1rem}.version-list{display:grid;gap:.65rem}.version-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #4c5043;border-radius:13px;background:#1b1d18;padding:1rem 1.2rem}.version-card strong{font:700 1.12rem 'Space Grotesk',sans-serif}.version-card p{margin:.25rem 0 0;color:#b8baac;font-size:.8rem}.version-card-actions{display:flex;gap:.35rem;flex-wrap:wrap}.version-card button{border:1px solid #5b614f;background:#242920;color:#f4f5e9;border-radius:7px;padding:.55rem .7rem;font-size:.75rem}.version-card button:hover,.version-card button:focus-visible{border-color:#d7ff4c}.empty-versions{padding:2rem;color:#b2b5a8;border:1px dashed #55594d;border-radius:12px}.backup-row{display:flex;gap:.7rem;margin-top:1.2rem}.import-label{cursor:pointer}.compare-panel{margin-top:1rem}.compare-panel h3{margin-top:0;font-family:'Space Grotesk',sans-serif}.compare-panel p{color:#d2d5c8}.compare-panel strong{color:#d7ff4c}.notice{color:#d7ff4c}button:focus-visible,.import-label:focus-within{outline:3px solid #d7ff4c;outline-offset:2px}
@media(max-width:960px){.writing-grid,.handoff-grid{grid-template-columns:1fr}.finish-grid{grid-template-columns:1fr}.finish-grid textarea{height:auto}.section-heading{align-items:start}}@media(max-width:600px){.section-heading{display:block}.section-heading .ghost{margin-top:1rem}.output-foot{display:block}.output-foot span{display:block;margin:.3rem 0}.arrangement-list{grid-template-columns:1fr}.writing-fields,.lyric-sheet,.finish-grid,.final-document,.handoff-tools{padding:1rem}.document-head{display:block}.document-head span{display:block;margin:.25rem 0}.version-card{display:block}.version-card-actions{margin-top:1rem}.backup-row{flex-wrap:wrap}}

.reference-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem}.reference-player,.reference-direction{min-width:0;border:1px solid #53604a;border-radius:17px;padding:1.5rem;background:#1b1e18}.reference-player{background:linear-gradient(145deg,#263223,#171b16 65%)}.audio-picker{display:inline-block;cursor:pointer;border-color:#d7ff4c;color:#d7ff4c;font-weight:700}.reference-name{font:700 clamp(1.35rem,2.4vw,2.2rem)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.05em;overflow-wrap:anywhere;margin:1.4rem 0}.reference-player audio{width:100%;accent-color:#d7ff4c}.reference-player canvas{display:block;width:100%;height:130px;border:1px solid #475444;border-radius:10px;margin:1rem 0;cursor:crosshair}.reference-readout{font-size:.9rem;line-height:1.5;color:#e3f2c4}.reference-privacy{font-size:.82rem;line-height:1.55;color:#bdc6b5}.marker-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.marker-controls label{width:100%;font-size:.86rem;font-weight:700}.marker-controls input{flex:1;min-width:180px;background:#10120f;border:1px solid #52564b;border-radius:9px;color:#f4f4e8;padding:.8rem .9rem;min-height:46px}.marker-controls .ghost{min-height:46px}.marker-list{display:grid;gap:.5rem;margin-top:1rem}.marker-list>p{color:#afb6a9;font-size:.88rem}.marker-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem;border-top:1px solid #475143;padding:.7rem 0}.marker-row>button:first-child{border:0;background:#d7ff4c;color:#11140e;border-radius:6px;padding:.35rem .5rem;font-weight:700;font-variant-numeric:tabular-nums}.marker-row span{line-height:1.45;overflow-wrap:anywhere}.marker-remove{border:1px solid #65705e;background:transparent;color:#fff;border-radius:6px;width:32px;height:32px}#referenceAudio:not([src]){opacity:.45}#referenceFile:focus-visible+.reference-name{outline:2px solid #d7ff4c}@media(max-width:960px){.reference-grid{grid-template-columns:1fr}}@media(max-width:600px){.reference-player,.reference-direction{padding:1rem}.marker-controls .ghost{width:100%}}
.file-label{display:block;color:#d7ff4c;font-size:.82rem;font-weight:700;margin-bottom:.5rem}.reference-player input[type=file]{display:block;width:100%;color:#d8e6cb;font-size:.86rem}.reference-player input[type=file]::file-selector-button{border:1px solid #d7ff4c;border-radius:100px;background:transparent;color:#d7ff4c;padding:.65rem .9rem;font:700 .88rem 'DM Sans',sans-serif;cursor:pointer;margin-right:.9rem}.reference-player input[type=file]:focus-visible{outline:3px solid #d7ff4c;outline-offset:3px}
[hidden]{display:none!important}.lyric-generator{border:1px solid #727f51;border-radius:15px;background:linear-gradient(145deg,#2a3423,#20261c);padding:1.25rem;margin-top:1.4rem}.lyric-generator h3{font:700 1.5rem 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0}.lyric-generator h3 span{font:700 .65rem 'DM Sans',sans-serif;color:#d7ff4c;letter-spacing:.1em;white-space:nowrap;margin-left:.5rem}.lyric-generator>p{color:#d0d8c4;line-height:1.5;font-size:.88rem;margin:.65rem 0 1.15rem}.lyric-generator .field{margin-bottom:.75rem}.generate-button{width:100%;border-color:#d7ff4c;color:#d7ff4c;border-radius:9px;text-align:left;font-weight:700;padding:.9rem 1rem}.lyric-draft-panel{border:1px solid #d7ff4c;border-radius:18px;background:#20261a;margin-top:1rem;padding:1.5rem;scroll-margin-top:100px}.lyric-draft-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.lyric-draft-head span{font-size:.7rem;font-weight:700;letter-spacing:.13em;color:#d7ff4c}.lyric-draft-head h3{font:700 1.55rem 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:.25rem 0}.lyric-draft-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:500 1.06rem/1.65 'DM Sans',sans-serif;color:#ecf0e3;columns:2;column-gap:3rem;margin:1.4rem 0 0}.lyric-draft-panel pre::selection{background:#d7ff4c;color:#151712}#customGenre:not([hidden]),#customGroove:not([hidden]){margin-top:.2rem}.field select optgroup{background:#182016;color:#c5df98}.field select option{background:#10120f;color:#f4f4e8}@media(max-width:960px){.lyric-draft-panel pre{columns:1}}@media(max-width:600px){.lyric-generator,.lyric-draft-panel{padding:1rem}.lyric-draft-head{display:block}.lyric-draft-head .ghost{margin-top:.8rem}}