.studio-v2 .studio-grid{grid-template-columns:1fr 1.05fr;align-items:start;overflow:visible;background:transparent;border:0;gap:0;box-shadow:none}.studio-v2 .control-panel{background:#fff;border:1px solid var(--line);border-radius:15px 0 0 15px;padding:29px 30px}.studio-v2 .output-panel{position:sticky;top:20px;border:1px solid #dedfd1;border-radius:0 15px 15px 0;overflow:hidden;min-width:0}.studio-v2 .mood-grid{margin-top:11px}.studio-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}.studio-selects label{font-size:10px;color:#7d8770;display:flex;flex-direction:column;gap:9px;min-width:0}.studio-selects select,.studio-selects input,.work-name-label input,.share-fallback input{border:1px solid #dfe4d5;background:#fafbf6;border-radius:6px;min-width:0;width:100%;height:38px;padding:0 9px;color:#4e5e43;font-size:11px}.studio-selects input{font-family:monospace}.studio-v2 .sliders{margin-top:24px}.studio-v2 .slider-row{margin-bottom:19px}.studio-v2 .sliders legend{margin-bottom:18px}.advanced-controls{border-block:1px solid #e6e9df;margin-top:23px}.advanced-controls summary{list-style:none;font-size:11px;color:#6d7c5b;display:flex;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer}.advanced-controls summary>span{font-size:18px;font-weight:400}.advanced-controls[open] summary>span{transform:rotate(45deg)}.advanced-content{padding-bottom:7px}.advanced-content .studio-selects{margin-top:4px}.control-help{font-size:9px;line-height:1.8;color:#99a28f;margin:10px 0 20px}.mixer-label{font-size:8px;letter-spacing:.8px;color:#8b987e;padding-top:9px;margin-bottom:20px}.synth-actions{display:flex;gap:8px;margin-top:23px}.synth-actions .synth-button{margin:0;padding:14px 17px;flex:1;min-width:0}.synth-actions .synth-button>span{font-size:12px}.variation-button{border:1px solid #e4d7cb;background:#f8f1e9;color:#a46f51;width:45px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.variation-button:hover{background:#f0e3d7}.variation-button .icon{width:17px;height:17px}.cancel-synthesis{display:block;margin:12px auto 0;font-size:10px;text-decoration:underline;color:#8a927c}.studio-v2 .demo-disclosure{font-size:8px;line-height:1.8;margin-top:12px}.studio-v2 .output-top{padding:20px 24px}.studio-v2 .output-top .kicker{font-size:7px;letter-spacing:1.1px}.studio-v2 .output-indicator{font-size:7px;letter-spacing:.7px}.studio-result-cover{height:170px;position:relative;overflow:hidden;margin:0 24px;border-radius:5px;background:#b4c2bb}.studio-result-cover>img{height:100%;width:100%;object-fit:cover;object-position:60% 60%}.studio-result-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0f261f66);pointer-events:none}.studio-result-cover .orb-play{left:auto;right:17px;top:auto;bottom:17px;z-index:2;transform:none;width:38px;height:38px;background:#fffef0ed}.result-cover-note{position:absolute;left:20px;bottom:23px;z-index:2;font-size:7px;letter-spacing:1.6px;color:#fffbed}.studio-v2 .output-content{text-align:left;padding:22px 25px 24px}.studio-v2 .track-meta{font-size:8px;letter-spacing:.5px;line-height:1.8;color:#8c987a}.studio-v2 .output-content h3{font-size:27px;letter-spacing:-.5px;margin-top:10px;line-height:1.35}.result-instructions{font-size:9px;color:#929d85;line-height:1.8;margin-top:10px;max-width:410px}.real-waveform{height:67px;position:relative;margin-top:17px}.real-waveform canvas{width:100%;height:100%;display:block;cursor:crosshair}.wave-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-block:1px solid #e1e5d8;font-size:9px;color:#9da68e;pointer-events:none}.structure-timeline{display:flex;gap:3px;margin-top:5px;min-width:0}.structure-timeline button{padding:7px 2px;font-size:7px;color:#8b987b;background:#e6eadc;border-radius:3px;white-space:nowrap;min-width:0;line-height:1.5}.structure-timeline button.active{background:#d9c4ad;color:#876343}.structure-timeline button:hover{background:#dce3ce}.result-facts{font-size:8px;color:#919e80;margin-top:10px;line-height:1.7;font-family:monospace;overflow-wrap:anywhere}.compare-row{display:flex;gap:6px;align-items:center;margin-top:21px;padding-block:14px;border-block:1px solid #e0e4d6}.compare-row>span{font-size:7px;letter-spacing:.5px;color:#929f7f;margin-right:5px;white-space:nowrap}.compare-row>button{font-size:9px;border:1px solid #d8dfcc;border-radius:4px;padding:7px 9px;color:#81906e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:44%}.compare-row>button[aria-pressed=true]{background:#e1e7d5;border-color:#bdcba9;color:#5d7447}.compare-row>button:disabled{opacity:.45;cursor:default}.work-actions{display:flex;align-items:center;gap:8px;margin-top:17px;flex-wrap:wrap}.work-actions .button{padding:10px 12px;font-size:9px;gap:7px}.work-actions .button .icon{height:12px;width:12px}.apply-settings{font-size:8px;color:#7e8e69;text-decoration:underline;text-underline-offset:3px;padding:5px 0;margin-left:auto}.storage-note{font-size:8px;color:#9aa58a;line-height:1.8;margin-top:10px}.story-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:10px}.studio-v2 .story-label{font-size:7px;margin:0;color:#8e9b7c;line-height:1.6;letter-spacing:1px}.story-heading .text-link{font-size:8px;color:#8e6a4f;font-weight:400}.studio-v2 .output-story{font-size:12px;font-style:normal;line-height:1.95;max-width:none;color:#788669;margin-top:13px}.studio-v2 .output-bottom{font-size:7px;padding:15px 24px}.studio-v2 .output-bottom>span:first-child{min-width:0;line-height:1.6}.work-name-label{font-size:10px;color:#788b61;display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px;align-items:center}.work-name-label input{grid-column:1;font-family:inherit;height:34px}.work-name-label button{grid-column:2;grid-row:2;background:#dfe7d1;border-radius:4px;padding:10px;font-size:10px}.share-fallback{font-size:10px;color:#8b977b;display:block;line-height:1.8;margin-top:14px}.share-fallback input{display:block;font-size:10px;height:34px;margin-top:7px}.studio-v2 .synthesis-overlay>strong{font-size:18px;text-align:center;padding-inline:24px;line-height:1.7}.studio-v2 .synthesis-overlay>span{font-size:8px;line-height:1.8;text-align:center;padding-inline:25px;letter-spacing:.7px}.studio-v2 .synthesis-overlay .button{font-size:11px;padding:10px 22px}.my-studio{background:#fff;border:1px solid var(--line);padding:27px 30px;border-radius:12px;margin-top:25px}.my-studio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.my-studio-heading h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.my-studio-heading .kicker{margin-bottom:8px;font-size:8px}.my-studio-heading>span{font-size:10px;color:#98a489}.collection-help{font-size:10px;line-height:1.8;color:#99a18e;margin:13px 0 20px}.collection-empty{padding:20px 0 10px;color:#a4ac98;font-size:11px}.saved-work{display:flex;align-items:center;gap:13px;border-top:1px solid #e7ebdf;padding:17px 0}.saved-work>div{display:flex;flex-direction:column;gap:7px;margin-right:auto;min-width:0}.saved-work strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.saved-work>div>span{font-size:9px;color:#9ba68e;line-height:1.6}.saved-work .button{padding:10px 18px;font-size:10px}.delete-work{font-size:9px;color:#a49a8c;padding:7px;white-space:nowrap}.delete-work:hover{color:#b26d50}.undo-row{display:flex;gap:15px;align-items:center;font-size:10px;color:#879573;border-top:1px solid #e6ebdc;padding-top:15px;margin-top:5px}.undo-row button{font-size:10px;color:#a2684b;text-decoration:underline}.studio-v2 input[type=range]::-webkit-slider-thumb{width:14px;height:14px}.studio-v2 input[type=range]::-moz-range-thumb{width:11px;height:11px}
@media(max-width:1100px){.studio-v2 .control-panel{padding:25px 23px}.studio-v2 .output-content{padding-inline:22px}.studio-v2 .output-top{padding-inline:22px}.studio-result-cover{margin-inline:22px;height:155px}.work-actions .button{padding:10px;font-size:8px}.work-actions{gap:6px}.apply-settings{margin-left:0}.studio-v2 .output-content h3{font-size:25px}}
@media(max-width:800px){.studio-v2 .control-panel{padding:24px 20px}.studio-v2 .output-content{padding-inline:20px}.studio-v2 .output-top{padding-inline:18px}.studio-v2 .output-top .kicker{font-size:6px}.studio-v2 .output-indicator{font-size:6px}.studio-result-cover{margin-inline:18px;height:145px}.studio-selects{gap:9px}.studio-selects label{font-size:9px}.studio-selects select,.studio-selects input{font-size:10px;padding-inline:7px}.studio-v2 .synth-button>span{font-size:10px}.studio-v2 .synth-button{padding-inline:10px}.studio-v2 .output-content h3{font-size:23px}.compare-row{gap:4px}.compare-row>button{font-size:8px;padding:7px 6px}.compare-row>span{font-size:6px}.studio-v2 .output-story{font-size:11px}.work-actions .button{font-size:8px;padding:9px}.my-studio{padding:24px}.advanced-controls summary{font-size:10px}}
@media(max-width:650px){.studio-v2 .studio-grid{grid-template-columns:1fr;gap:19px}.studio-v2 .control-panel{border-radius:12px;padding:24px}.studio-v2 .output-panel{position:static;border-radius:12px;min-height:0}.studio-v2 .section-heading{align-items:center}.studio-v2 .section-heading .pill{margin-top:0;font-size:6px;padding:8px;max-width:96px;line-height:1.6;text-align:center;letter-spacing:.3px}.studio-v2 .section-heading .pill .icon{display:none}.studio-v2 .section-heading h2{font-size:27px;line-height:1.4;max-width:270px}.studio-v2 .section-heading>div>p:last-child{max-width:260px}.studio-v2 .mood-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.studio-v2 .mood-choice{font-size:9px;padding:11px 3px;gap:5px}.studio-selects{gap:12px;margin-top:21px}.studio-selects label{font-size:10px}.studio-selects select,.studio-selects input{font-size:11px;height:40px;padding-inline:9px}.studio-v2 .slider-row{margin-bottom:21px;row-gap:13px}.studio-v2 .sliders{margin-top:24px}.studio-v2 .sliders legend{font-size:12px}.advanced-controls{margin-top:23px}.advanced-controls summary{font-size:11px;padding-block:18px}.studio-v2 .control-help{font-size:9px}.studio-v2 .synth-button>span{font-size:12px}.studio-v2 .synth-button{padding:15px}.variation-button{width:45px}.studio-v2 .demo-disclosure{font-size:8px}.studio-v2 .output-top{padding:21px 23px}.studio-v2 .output-top .kicker{font-size:7px}.studio-v2 .output-indicator{font-size:7px}.studio-result-cover{height:176px;margin-inline:23px}.studio-v2 .output-content{padding:23px}.studio-v2 .output-content h3{font-size:27px}.studio-v2 .track-meta{font-size:8px}.studio-v2 .output-story{font-size:12px;line-height:2}.studio-v2 .result-instructions{font-size:9px}.compare-row{gap:6px;margin-top:19px}.compare-row>button{font-size:8px;padding:8px}.compare-row>span{font-size:7px}.work-actions{gap:8px;margin-top:18px}.work-actions .button{font-size:9px;padding:11px 13px}.apply-settings{font-size:8px;margin-left:auto}.storage-note{font-size:8px;line-height:1.8}.story-heading{margin-top:26px}.studio-v2 .story-label{font-size:7px}.studio-v2 .output-bottom{font-size:7px;padding:16px 23px}.my-studio{padding:23px;margin-top:21px}.my-studio-heading h3{font-size:23px}.my-studio-heading .kicker{font-size:7px}.my-studio-heading>span{font-size:9px}.collection-help{font-size:10px;margin-top:12px;line-height:1.9}.collection-empty{font-size:11px;line-height:1.9}.saved-work{gap:8px}.saved-work strong{font-size:11px}.saved-work>div>span{font-size:8px}.saved-work .button{font-size:9px;padding:9px 12px}.delete-work{font-size:8px;padding:5px}.structure-timeline button{font-size:6px;padding-block:9px}.result-facts{font-size:7px}.real-waveform{height:62px}}
@media(max-width:360px){.studio-v2 .control-panel{padding:20px}.studio-v2 .mood-choice{font-size:8px}.studio-v2 .output-content{padding:20px}.studio-result-cover{margin-inline:20px}.work-actions .button{padding-inline:10px;font-size:8px}.apply-settings{margin-left:0}.studio-v2 .section-heading h2{font-size:25px}.studio-v2 .section-heading .pill{max-width:80px}.my-studio{padding:20px}}
@media(prefers-reduced-motion:reduce){.advanced-controls summary>span{transition:none}}