/* Guided Create workspace — scoped adapter over the existing versioned Studio flow. */
.home-composer.builder-open{width:min(1240px,100%);border-radius:25px}
body.home-active.create-custom .home-benefits{display:none}
body.home-active.create-custom .composer-toolbar{display:none}
body.home-active.create-custom .composer-prompt textarea{height:72px;min-height:72px;padding-top:12px}
.creator-depth{display:flex;align-items:center;gap:5px;margin:0 0 8px;padding:4px;border-radius:15px;background:rgba(244,234,243,.9);width:max-content}
.creator-depth button{height:42px;display:grid;grid-template-columns:19px auto;grid-template-rows:1fr 1fr;column-gap:6px;align-items:center;padding:5px 12px;border:0;border-radius:11px;background:transparent;color:#806b84;font-family:var(--sans);cursor:pointer;text-align:left}
.creator-depth button>span{grid-row:1/3;color:#bd397f;font-size:14px}.creator-depth button strong{align-self:end;font-size:9px}.creator-depth button small{align-self:start;color:#9a879d;font-size:6px}.creator-depth button.active{background:#fff;color:var(--home-plum);box-shadow:0 5px 16px rgba(81,27,92,.1)}
.home-builder{display:grid;grid-template-columns:178px minmax(0,1fr) 274px;gap:10px;margin:7px 0 5px;padding:10px;border-top:1px solid rgba(103,43,116,.09);background:linear-gradient(135deg,rgba(255,249,253,.48),rgba(247,241,253,.54));border-radius:19px}
.home-builder[data-builder-mode="simple"]{display:none}.home-builder-nav,.home-blueprint,.guided-step-panel{border:1px solid rgba(105,42,118,.11);background:rgba(255,255,255,.7);backdrop-filter:blur(18px)}
.home-builder-nav{position:sticky;top:92px;align-self:start;display:grid;gap:3px;padding:7px;border-radius:15px}.builder-progress{padding:9px 9px 12px}.builder-progress small,.builder-progress strong{display:block}.builder-progress small{color:#a13a78;font:600 6px var(--mono);letter-spacing:.13em}.builder-progress strong{margin-top:5px;color:var(--home-plum);font-size:9px}.builder-progress>span{display:block;height:3px;margin-top:8px;border-radius:4px;background:#ecdeec;overflow:hidden}.builder-progress i{display:block;width:12.5%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f5419a,#9b5ef0);transition:width .24s}.home-builder-nav>button{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;padding:8px;border:0;border-radius:10px;background:transparent;color:#856f89;cursor:pointer;text-align:left;font-family:var(--sans)}.home-builder-nav>button>b{font:600 7px var(--mono);color:#bd4b8c}.home-builder-nav>button strong,.home-builder-nav>button small{display:block}.home-builder-nav>button strong{font-size:8px}.home-builder-nav>button small{margin-top:2px;color:#a08ea3;font-size:6px}.home-builder-nav>button:hover{background:#f7edf6}.home-builder-nav>button.active{background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;box-shadow:0 7px 18px rgba(192,53,148,.18)}.home-builder-nav>button.active b,.home-builder-nav>button.active small{color:#ffe8f4}
.home-builder-main{min-width:0}.guided-step-panel{display:none;min-width:0;padding:23px;border-radius:16px;box-shadow:0 12px 36px rgba(74,21,86,.06)}.home-builder[data-builder-mode="custom"] .guided-step-panel.active{display:block;animation:builderIn .2s ease}@keyframes builderIn{from{opacity:0;transform:translateY(4px)}}
.guided-step-panel>header{margin-bottom:19px}.guided-step-panel>header small{color:#a12f77;font:600 7px var(--mono);letter-spacing:.13em}.guided-step-panel>header h3{margin:6px 0 6px;color:var(--home-plum);font:600 27px/1 var(--serif);letter-spacing:-.035em}.guided-step-panel>header p{max-width:660px;margin:0;color:#88728b;font-size:8px;line-height:1.65}.guided-step-panel>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:21px;padding-top:15px;border-top:1px solid rgba(105,42,118,.09)}.guided-step-panel>footer>span{margin-right:auto;color:#9a879d;font-size:7px}.guided-step-panel>footer button{height:35px;padding:0 12px;border:1px solid rgba(105,42,118,.12);border-radius:10px;background:#fff;color:#795a7f;font:700 8px var(--sans);cursor:pointer}.guided-step-panel>footer button:last-child{border:0;background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;box-shadow:0 8px 18px rgba(194,53,150,.18)}
.builder-grid{display:grid;gap:13px}.builder-grid.two{grid-template-columns:1fr 1fr}.builder-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-field{display:block;min-width:0}.builder-field.wide{grid-column:1/-1}.builder-field>span{display:block;margin-bottom:6px;color:#735e78;font:600 7px var(--mono);letter-spacing:.08em;text-transform:uppercase}.builder-field input,.builder-field select,.builder-field textarea{width:100%;border:1px solid rgba(105,42,118,.13);border-radius:10px;background:rgba(255,255,255,.82);color:var(--home-plum);padding:10px 11px;outline:0;font:500 9px/1.5 var(--sans)}.builder-field input,.builder-field select{height:39px}.builder-field textarea{resize:vertical}.builder-field input:focus,.builder-field select:focus,.builder-field textarea:focus{border-color:rgba(217,51,145,.4);box-shadow:0 0 0 3px rgba(217,51,145,.09);background:#fff}.range-field input{height:auto;padding:0;accent-color:#dc3c91}.range-field>small{display:flex;justify-content:space-between;margin-top:5px;color:#9c899f;font-size:6px}.range-field i{font-style:normal}.instrumental-voice-note{padding:18px;border:1px dashed rgba(105,42,118,.16);border-radius:12px;background:#f7edf6;color:#805f84;font-size:8px;line-height:1.6}
.ingredient-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px;padding:7px;border:1px solid rgba(105,42,118,.1);border-radius:12px;background:#f8eef7}.ingredient-toolbar>div{display:flex;gap:4px}.ingredient-toolbar button{height:29px;padding:0 9px;border:1px solid rgba(105,42,118,.1);border-radius:8px;background:#fff;color:#806a84;font:650 7px var(--sans);cursor:pointer}.ingredient-toolbar button.active{border:0;background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff}.ingredient-toolbar>span{margin-left:auto;color:#a0397c;font:600 7px var(--mono)}.ingredient-stations{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ingredient-station{min-width:0;padding:10px;border:1px solid rgba(105,42,118,.1);border-radius:12px;background:rgba(255,255,255,.66)}.ingredient-station>header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ingredient-station>header>b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f4e6f2;color:#a03a7b;font:600 7px var(--mono)}.ingredient-station>header strong,.ingredient-station>header small{display:block}.ingredient-station>header strong{color:var(--home-plum);font-size:8px}.ingredient-station>header small{margin-top:2px;color:#a08ba3;font-size:6px}.ingredient-station>div{display:flex;flex-wrap:wrap;gap:4px}.ingredient-station>div button{min-height:27px;padding:4px 7px;border:1px solid rgba(105,42,118,.09);border-radius:8px;background:#f8f0f7;color:#806b84;font:600 6px/1.25 var(--sans);cursor:pointer}.ingredient-station>div button:hover{border-color:rgba(217,51,145,.23);color:#a12f77}.ingredient-station>div button.active{border-color:rgba(217,51,145,.25);background:linear-gradient(105deg,rgba(245,65,154,.13),rgba(155,94,240,.15));color:#8b2b78;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
.guided-lyrics-editor>div{display:flex;gap:4px;margin-bottom:6px}.guided-lyrics-editor>div button{height:26px;padding:0 8px;border:1px solid rgba(105,42,118,.1);border-radius:7px;background:#f7edf6;color:#805e84;font:600 6px var(--sans);cursor:pointer}.guided-lyrics-editor>small{display:block;margin-top:5px;color:#9c899f;font:500 6px var(--mono)}.arrangement-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:5px}.arrangement-section{position:relative;min-height:72px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:8px;border:1px solid rgba(105,42,118,.1);border-radius:9px;background:linear-gradient(180deg,rgba(245,65,154,.04),rgba(155,94,240,.09));cursor:pointer}.arrangement-section:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--energy) * 10%);background:linear-gradient(180deg,rgba(245,65,154,.13),rgba(155,94,240,.24));transition:height .2s}.arrangement-section strong,.arrangement-section small{position:relative;z-index:1;display:block}.arrangement-section strong{color:var(--home-plum);font-size:7px}.arrangement-section small{margin-top:3px;color:#8f7893;font:600 6px var(--mono)}.arrangement-note{display:block;margin-top:6px;color:#9a879d;font-size:6px}
.pro-prompt-field>small{display:flex;align-items:center;gap:5px;margin-top:6px}.pro-prompt-field>small button{height:25px;border:1px solid rgba(105,42,118,.1);border-radius:7px;background:#f7edf6;color:#805d84;padding:0 8px;font:600 6px var(--sans);cursor:pointer}.pro-prompt-field>small i{margin-left:auto;color:#a08da3;font:500 6px var(--mono);font-style:normal}.review-release-note{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px;border:1px solid rgba(105,42,118,.1);border-radius:11px;background:#f8eef7}.review-release-note>span{font-size:18px;color:#b1327d}.review-release-note strong,.review-release-note small{display:block}.review-release-note strong{color:var(--home-plum);font-size:8px}.review-release-note small{margin-top:3px;color:#917d95;font-size:6px;line-height:1.5}
.home-blueprint{position:sticky;top:92px;align-self:start;overflow:hidden;border-radius:15px;box-shadow:0 12px 36px rgba(74,21,86,.06)}.home-blueprint>header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid rgba(105,42,118,.09);background:linear-gradient(105deg,#fff0f8,#f3ecff)}.home-blueprint>header>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#ef469d,#9360e8);color:#fff}.home-blueprint>header small,.home-blueprint>header strong{display:block}.home-blueprint>header small{color:#a13a78;font:600 6px var(--mono);letter-spacing:.12em}.home-blueprint>header strong{max-width:190px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--home-plum);font-size:9px}.blueprint-summary{display:grid;gap:8px;max-height:380px;overflow:auto;padding:12px;scrollbar-color:rgba(160,82,172,.3) transparent;scrollbar-width:thin}.blueprint-item small,.blueprint-item strong{display:block}.blueprint-item small{color:#a43c7d;font:600 6px var(--mono);letter-spacing:.09em}.blueprint-item strong{margin-top:3px;color:#6f5874;font-size:7px;line-height:1.45;font-weight:600}.quality-gate{margin:0 10px 10px;padding:10px;border:1px solid rgba(105,42,118,.1);border-radius:11px;background:#f8eef7}.quality-gate>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.quality-gate>header small,.quality-gate>header strong{display:block}.quality-gate>header small{color:#a13a78;font:600 6px var(--mono)}.quality-gate>header strong{margin-top:3px;color:var(--home-plum);font-size:7px}.quality-gate>header>span{padding:4px 6px;border-radius:6px;background:#ecdcec;color:#8b688e;font:600 6px var(--mono)}.quality-gate>header>span.ready{background:#def3e3;color:#357245}.quality-gate>div{display:grid;gap:4px;margin-top:8px}.quality-check{display:flex;align-items:center;gap:6px;color:#947f98;font-size:6px}.quality-check i{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#eaddea;color:#927794;font-style:normal}.quality-check.ready{color:#4c7457}.quality-check.ready i{background:#dcefe1;color:#337047}.home-blueprint>p{margin:0;padding:0 12px 12px;color:#a08da3;font-size:6px;line-height:1.5}
@media(max-width:1080px){.home-builder{grid-template-columns:160px minmax(0,1fr)}.home-blueprint{position:static;grid-column:1/-1}.blueprint-summary{grid-template-columns:repeat(2,1fr);max-height:none}.ingredient-stations{grid-template-columns:1fr}.builder-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.home-composer.builder-open{width:100%}.creator-depth{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.creator-depth button{padding-inline:7px}.creator-depth button small{display:none}.home-builder{display:block;padding:7px;border-radius:15px}.home-builder-nav{position:static;display:flex;overflow-x:auto;gap:4px;margin-bottom:7px;scrollbar-width:none}.home-builder-nav::-webkit-scrollbar{display:none}.builder-progress{display:none}.home-builder-nav>button{flex:0 0 90px;grid-template-columns:19px minmax(0,1fr);padding:7px}.home-builder-nav>button small{display:none}.guided-step-panel{padding:16px 12px}.guided-step-panel>header h3{font-size:24px}.builder-grid.two,.builder-grid.three{grid-template-columns:1fr}.builder-field.wide{grid-column:auto}.ingredient-stations{grid-template-columns:1fr}.home-blueprint{margin-top:7px}.blueprint-summary{grid-template-columns:1fr}.guided-step-panel>footer{flex-wrap:wrap}.guided-step-panel>footer>span{width:100%;margin:0}.arrangement-map{grid-template-columns:repeat(3,minmax(0,1fr))}.ingredient-toolbar>span{order:3;width:100%;margin:0}}
@media(max-width:390px){.creator-depth button>span{display:none}.creator-depth button{grid-template-columns:1fr}.home-builder-nav>button{flex-basis:78px}.arrangement-map{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Contrast and legibility pass for both Simple and Custom modes. */
.creator-depth{background:#e9d9e9;border:1px solid rgba(75,24,91,.12)}.creator-depth button{color:#513957}.creator-depth button small{color:#6b536f;font-size:7px}.creator-depth button.active{color:#230c2d;box-shadow:0 5px 16px rgba(60,14,73,.16)}
.home-builder{border-top-color:rgba(75,24,91,.2);background:linear-gradient(135deg,rgba(243,226,240,.9),rgba(234,225,249,.9))}
.home-builder-nav,.home-blueprint,.guided-step-panel{border-color:rgba(75,24,91,.21);background:rgba(255,255,255,.94);box-shadow:0 12px 36px rgba(62,14,75,.11)}
.builder-progress small,.guided-step-panel>header small,.home-blueprint>header small,.quality-gate>header small{color:#8d215f}.builder-progress strong,.home-builder-nav>button strong{color:#32183b}.home-builder-nav>button{color:#523b59}.home-builder-nav>button>b{color:#a32f72}.home-builder-nav>button small{color:#67506d;font-size:7px}.home-builder-nav>button:hover{background:#ecdeec}
.guided-step-panel>header p{color:#604b65;font-size:9px}.guided-step-panel>footer{border-top-color:rgba(75,24,91,.16)}.guided-step-panel>footer>span{color:#604a65;font-size:8px}.guided-step-panel>footer button{border-color:rgba(75,24,91,.2);color:#523758}
.builder-field>span{color:#4f3955;font-size:8px}.builder-field input,.builder-field select,.builder-field textarea{border-color:#c9b5ce;background:#fff;color:#28112f;font-size:10px}.builder-field input::placeholder,.builder-field textarea::placeholder{color:#756179}.range-field>small,.arrangement-note{color:#65506a;font-size:7px}
.ingredient-toolbar,.quality-gate,.review-release-note{border-color:rgba(75,24,91,.18);background:#efe2ef}.ingredient-toolbar button{border-color:rgba(75,24,91,.18);color:#513958}.ingredient-toolbar>span{color:#87235f;font-size:8px}.ingredient-station{border-color:rgba(75,24,91,.18);background:#fff}.ingredient-station>header strong{font-size:9px}.ingredient-station>header small{color:#64506a;font-size:7px}.ingredient-station>div button{border-color:rgba(75,24,91,.15);background:#f2e6f1;color:#543b59;font-size:7px}
.guided-lyrics-editor>div button,.pro-prompt-field>small button{border-color:rgba(75,24,91,.17);background:#efe2ef;color:#503755;font-size:7px}.guided-lyrics-editor>small,.pro-prompt-field>small i{color:#614b66;font-size:7px}
.arrangement-section{border-color:rgba(75,24,91,.18);background:linear-gradient(180deg,#fff,#eee2f4)}.arrangement-section strong{font-size:8px}.arrangement-section small{color:#614a66;font-size:7px}
.home-blueprint>header{border-bottom-color:rgba(75,24,91,.16);background:linear-gradient(105deg,#f5dce9,#e9def8)}.blueprint-item small{color:#8c2866;font-size:7px}.blueprint-item strong{color:#49354f;font-size:8px}.quality-gate{background:#f1e4f1}.quality-gate>header strong,.quality-check{font-size:7px}.quality-check{color:#67506c}.home-blueprint>p{color:#5f4964;font-size:7px}

/* Shared headline scale for every top-level navigation destination. */
.home-hero h1,.discover-page-head h1,body.library-active .library-hero h1,body.studio-active .workspace>.hero h1{white-space:nowrap;font:600 clamp(32px,4.6vw,58px)/.95 var(--serif);letter-spacing:-.05em;color:var(--home-plum)}
.home-hero h1 em,.discover-page-head h1 em,body.library-active .library-hero h1 em,body.studio-active .workspace>.hero h1 em{font-weight:600;color:transparent;background:linear-gradient(115deg,#d93391 10%,#8b54e9 82%);-webkit-background-clip:text;background-clip:text}
@media(max-width:640px){.home-hero h1,.discover-page-head h1,body.library-active .library-hero h1,body.studio-active .workspace>.hero h1{font-size:clamp(25px,7.2vw,31px)}}