/* Mastering finish screens: readable working surfaces and compact controls. */
body.website2.tool-app.master-page #master-main :is(.m-btn,.m-chip,.m-seg,.m-seg button,.m-mode,.m-mode button,.m-step,.m-dev,.m-dev-more,.m-play,.m-skip){border-radius:6px;box-shadow:none}
body.website2.tool-app.master-page #m-area:has(:is(#s-cook,#s-done).is-on){background:transparent;border:0;border-radius:0}
body.website2.tool-app.master-page :is(#s-cook,#s-done){padding:0}
body.website2.tool-app.master-page :is(#s-cook,#s-done)>div{width:100%;max-width:1140px;padding:38px 0 44px;text-align:left}
body.website2.tool-app.master-page #s-cook>.m-process-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:stretch;gap:48px;padding-top:48px}
body.website2.tool-app.master-page .m-process-focus{background:#29222f;border-radius:8px;padding:34px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
body.website2.tool-app.master-page .m-section-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d7bce9;margin:0 0 28px}
body.website2.tool-app.master-page #s-cook .m-cook-file{max-width:100%;margin:0 0 24px;text-transform:none;letter-spacing:0;line-height:1.7;font-size:12px;color:#c6bccc;overflow-wrap:anywhere}
body.website2.tool-app.master-page #s-cook .m-cook-file b{display:block;color:#fff;font-weight:500}
body.website2.tool-app.master-page #s-cook .m-cook-stage{min-height:0;margin:0;font-size:38px;line-height:1.2;letter-spacing:-.04em;font-weight:500;color:#fff}
body.website2.tool-app.master-page #s-cook .m-cook-say{margin:16px 0 30px;font-size:14px;line-height:1.7;min-height:48px;max-width:none;text-align:left;color:#dfd4e7}
body.website2.tool-app.master-page #s-cook .m-cook-say :is(b,strong,span){color:inherit}
body.website2.tool-app.master-page .m-process-progress{height:5px;flex-shrink:0;width:100%;margin-top:auto;background:#ffffff22;border-radius:2px;overflow:hidden}
body.website2.tool-app.master-page .m-process-progress>span{display:block;height:100%;width:var(--progress,0%);background:#d0aae9;transition:width .4s ease}
body.website2.tool-app.master-page #s-cook .m-cook-time{margin:12px 0 0;font-size:12px;font-variant-numeric:tabular-nums;color:#dfd4e7}
body.website2.tool-app.master-page #s-cook .m-cook-stay{font-size:11px;line-height:1.6;margin-top:25px;color:#c7bace;max-width:340px}
body.website2.tool-app.master-page #s-cook :is(.m-rail,.m-tip){display:none}
body.website2.tool-app.master-page #s-cook .m-cook-grid{display:block;margin:0;max-width:none;align-self:center}
body.website2.tool-app.master-page #s-cook .m-check{max-width:none;margin:0;gap:0;counter-reset:stages}
body.website2.tool-app.master-page #s-cook .m-check li{padding:17px 8px;gap:14px;border-bottom:1px solid #e9e3ed;border-radius:0;font-size:13px;line-height:1.5;color:#706777;min-height:53px}
body.website2.tool-app.master-page #s-cook .m-check li:last-child{border-bottom:0}
body.website2.tool-app.master-page #s-cook .m-check li i{width:20px;height:20px;border-color:#cec5d7;background:none}
body.website2.tool-app.master-page #s-cook .m-check li.is-on{background:#f4eef8;color:#3c2451;border-radius:4px}
body.website2.tool-app.master-page #s-cook .m-check li.is-on i{border-color:#805799;border-top-color:transparent}
body.website2.tool-app.master-page #s-cook .m-check li.is-done{color:#352c3e}
body.website2.tool-app.master-page #s-cook .m-check li.is-done i{background:#e7f1eb;border-color:transparent}
body.website2.tool-app.master-page #s-cook .m-check li.is-done svg{stroke:#397957}
body.website2.tool-app.master-page #s-cook .m-check li em{font-size:11px;color:#664780;background:none}
/* Listen first. The figures are a quiet companion to the player. */
body.website2.tool-app.master-page #s-done .m-done-h{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:0;color:#29222f;text-align:left}
body.website2.tool-app.master-page #s-done .m-done-h em{font-style:normal;color:inherit}
body.website2.tool-app.master-page #s-done .m-lang-done{display:none}
body.website2.tool-app.master-page #s-done .m-done-sub{margin:10px 0 28px;text-align:left;font-size:13px;line-height:1.7;color:#655a6e;max-width:760px}
body.website2.tool-app.master-page .m-result-overview{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
body.website2.tool-app.master-page #s-done .m-deck{margin:0;min-width:0;border:1px solid #dfd7e6;border-radius:7px;overflow:hidden;background:#fff;box-shadow:none}
body.website2.tool-app.master-page #s-done .m-deck-tabs{min-height:47px;margin:0;padding:4px 12px;justify-content:flex-end;gap:4px;border:0;border-radius:0;background:#f5f2f7}
body.website2.tool-app.master-page #s-done .m-seg button{min-height:38px;padding:8px 20px;color:#63556f;font-size:12px;background:transparent;border-radius:4px;border:0;font-weight:500;box-shadow:none}
body.website2.tool-app.master-page #s-done .m-deck-tabs button[aria-pressed=true]{background:#fff;color:#51306c;box-shadow:0 1px 3px #34214314}
body.website2.tool-app.master-page #s-done .m-pic{height:252px;background:#f4f0f7;border:0;border-top:1px solid #e2dbe8;border-bottom:1px solid #e2dbe8}
body.website2.tool-app.master-page #s-done :is(.m-pic-lab,.m-pic-time){border-radius:3px;font-size:10px}
body.website2.tool-app.master-page #s-done .m-pic-lab.is-b{top:calc(50% + 12px)}
body.website2.tool-app.master-page #s-done .m-transport{display:flex;flex-wrap:wrap;justify-content:center;padding:13px 16px;gap:8px;background:#29222f;border:0}
body.website2.tool-app.master-page #s-done :is(.m-play,.m-skip){height:42px;width:42px;min-height:42px;border:1px solid #ffffff28;border-radius:5px;background:transparent;color:#e6d9ee;transform:none}
body.website2.tool-app.master-page #s-done .m-play{background:#d9bcee;border-color:#d9bcee;color:#2c2035}
body.website2.tool-app.master-page #s-done .m-ab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 100%;width:100%;min-width:0;background:#ffffff0a;border:1px solid #ffffff25;padding:3px;gap:2px;margin:4px 0 0;border-radius:5px}
body.website2.tool-app.master-page #s-done .m-ab button{color:#e2d5ec;min-height:34px;padding:6px 17px}
body.website2.tool-app.master-page #s-done .m-ab button[aria-pressed=true]{background:#fff;color:#31223d;box-shadow:none}
body.website2.tool-app.master-page #s-done .m-track-details{border-top:0;background:#faf8fb}
body.website2.tool-app.master-page #s-done .m-track-details summary{padding:12px 16px;font-size:11px;font-weight:500;color:#695c75}
body.website2.tool-app.master-page #s-done .m-tiles{display:block;margin:0;border-top:1px solid #dfd7e6;border-bottom:1px solid #dfd7e6;min-width:0}
body.website2.tool-app.master-page #s-done .m-tile{display:block;width:100%;min-height:0;margin:0;padding:20px 2px;border:0;border-bottom:1px solid #dfd7e6;border-radius:0;background:transparent;box-shadow:none;text-align:left;transform:none;color:#2e2636}
body.website2.tool-app.master-page #s-done .m-tile:last-child{border:0}
body.website2.tool-app.master-page #s-done .m-tile small{font-size:11px;color:#776a83;letter-spacing:.035em;margin:0 0 6px}
body.website2.tool-app.master-page #s-done .m-tile>b{font-size:22px;line-height:1.3;letter-spacing:-.035em;font-weight:500;color:#52326f}
body.website2.tool-app.master-page #s-done .m-tile b u{font-size:11px;letter-spacing:0;color:#6a5d77}
body.website2.tool-app.master-page #s-done .m-tile p{font-size:11px;line-height:1.65;margin:6px 0 0;color:#675b72;max-width:none}
body.website2.tool-app.master-page #s-done .m-tile-tick{display:none}
body.website2.tool-app.master-page #s-done .m-tile .m-pm{margin:30px 15px 0}
body.website2.tool-app.master-page #s-done .m-tile .m-pm-scale{margin-top:34px;font-size:9px}
body.website2.tool-app.master-page #s-done .m-tile .m-pm-dot em{font-size:9px}
body.website2.tool-app.master-page #s-done .m-tile .m-pm-dot{width:12px;height:12px;margin:-6px 0 0 -6px}
/* Monitoring and adjustments, each with one clear job. */
body.website2.tool-app.master-page #s-done .m-tune{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 32px;margin:36px 0 0;background:none;border:0;border-radius:0}
body.website2.tool-app.master-page #s-done .m-tune-row{display:block;padding:22px 0;border:0;border-top:1px solid #dfd7e6;min-width:0}
body.website2.tool-app.master-page #s-done .m-tune-row>small{display:block;font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:1.5;color:#2d2435;margin-bottom:14px}
body.website2.tool-app.master-page #s-done .m-listen-panel{grid-column:1;grid-row:1}
body.website2.tool-app.master-page #s-done .m-nudge-panel{grid-column:1;grid-row:2}
body.website2.tool-app.master-page #s-done .m-eq-panel{grid-column:2;grid-row:1 / span 2;background:#f6f3f8;padding:24px;border:1px solid #e6deed;border-radius:6px}
body.website2.tool-app.master-page #s-done .m-tune-body{min-width:0}
body.website2.tool-app.master-page #s-done .m-devs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.website2.tool-app.master-page #s-done .m-dev{height:65px;min-height:44px;padding:10px 5px;display:flex;flex-direction:column;justify-content:center;gap:5px;width:100%;border:1px solid #ded6e6;border-radius:5px;background:#fff;color:#685775;font-size:11px;font-weight:400}
body.website2.tool-app.master-page #s-done .m-dev svg{width:20px;height:20px;color:inherit}
body.website2.tool-app.master-page #s-done .m-dev.is-on{background:#29222f;color:#ecdbf8;border-color:#29222f;box-shadow:none;font-weight:500}
body.website2.tool-app.master-page #s-done .m-dev.is-extra{display:none}
body.website2.tool-app.master-page #s-done .is-all .m-dev.is-extra{display:flex}
body.website2.tool-app.master-page #s-done .m-dev-more{grid-column:1 / -1;min-height:38px;justify-self:start;border:0;padding:5px 0;background:none;color:#73518d;text-decoration:underline;text-underline-offset:4px;font-size:11px}
body.website2.tool-app.master-page #s-done .m-nudges{display:flex;flex-direction:column;gap:10px}
body.website2.tool-app.master-page #s-done .m-nudge{display:grid;grid-template-columns:minmax(0,1fr) 40px 72px 40px;gap:0;align-items:center}
body.website2.tool-app.master-page #s-done .m-nudge-lab{font-size:12px;color:#5b4d68}
body.website2.tool-app.master-page #s-done .m-nudge b{font-size:12px;font-weight:500;color:#382b45}
body.website2.tool-app.master-page #s-done .m-nudge .m-step{width:40px;height:40px;border:1px solid #ddd4e5;background:#faf8fb;color:#6a4985;border-radius:5px}
body.website2.tool-app.master-page #s-done .m-nudge .m-step:disabled{opacity:.3}
body.website2.tool-app.master-page #s-done .m-remaster{margin-top:12px;padding:10px 0;background:none;display:flex;flex-wrap:wrap;gap:10px;border:0;color:#665473;font-size:11px}
body.website2.tool-app.master-page #s-done .m-remaster[hidden]{display:none}
body.website2.tool-app.master-page #s-done .m-tune-intro{font-size:12px;line-height:1.6;color:#6c5b79;margin:-6px 0 20px}
body.website2.tool-app.master-page #s-done .m-eq{margin:0}
body.website2.tool-app.master-page #s-done .m-eq-grid{display:flex;flex-direction:column;gap:0}
body.website2.tool-app.master-page #s-done .m-eq-band{display:grid;grid-template-columns:73px minmax(0,1fr) 48px;gap:16px;align-items:center;min-height:49px;padding:6px 0;border:0;border-radius:0;background:none}
body.website2.tool-app.master-page #s-done .m-eq-band span{font-size:12px;color:#4e3f5c}
body.website2.tool-app.master-page #s-done .m-eq-band b{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;color:#644381}
body.website2.tool-app.master-page #s-done .m-eq-band input[type=range]{writing-mode:horizontal-tb;direction:ltr;width:100%;min-width:0;height:28px;margin:0;accent-color:#75518e;cursor:pointer}
body.website2.tool-app.master-page #s-done .m-eq-footer{margin-top:17px;border-top:1px solid #ded4e6;padding-top:16px}
body.website2.tool-app.master-page #s-done #m-eq-status{min-height:18px;font-size:11px;line-height:1.6;color:#675371;margin:0}
body.website2.tool-app.master-page #s-done .m-eq-acts{margin-top:12px;gap:10px}
body.website2.tool-app.master-page #s-done .m-btn{min-height:44px;border-radius:5px;font-size:12px;padding:10px 18px;box-shadow:none;transform:none}
body.website2.tool-app.master-page #s-done .m-btn.p{background:#70508e;color:#fff;border-color:#70508e;box-shadow:none}
body.website2.tool-app.master-page #s-done .m-btn.q{background:none;color:#6a517d}
body.website2.tool-app.master-page #s-done #m-share-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:14px 0}
body.website2.tool-app.master-page #s-done #m-share-row[hidden]{display:none}
body.website2.tool-app.master-page #s-done #m-share-row>small{font-size:12px;margin:0}
body.website2.tool-app.master-page #s-done #m-share{padding:10px 14px;border:1px solid #ded5e6;background:#fff;color:#685076;border-radius:5px;min-height:44px;font-size:11px}
body.website2.tool-app.master-page #s-done #m-share-hint:empty{display:none}
/* The file leaves only after listening and adjusting. */
body.website2.tool-app.master-page #s-done .m-download-panel{background:#29222f;border-radius:7px;margin-top:22px;padding:24px 28px;color:#fff}
body.website2.tool-app.master-page #s-done .m-download-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.website2.tool-app.master-page #s-done .m-download-head h3{font-size:19px;font-weight:500;letter-spacing:-.02em;margin:0;color:#fff}
body.website2.tool-app.master-page #s-done .m-download-head>span{font-size:11px;color:#c9bbd4}
body.website2.tool-app.master-page #s-done .m-get{margin:20px 0;display:flex;gap:12px;justify-content:flex-start}
body.website2.tool-app.master-page #s-done .m-get .m-btn{width:auto;flex:0 1 235px;background:#ddc6ef;color:#302039;border:1px solid #ddc6ef;border-radius:5px;font-weight:500;min-height:48px}
body.website2.tool-app.master-page #s-done .m-get .m-btn.p{background:#fff;color:#33243d;border-color:#fff}
body.website2.tool-app.master-page #s-done .m-export{grid-template-columns:1fr 1fr 1fr;margin:0;gap:14px}
body.website2.tool-app.master-page #s-done .m-export-item>span{font-size:11px;color:#d8c9e1}
body.website2.tool-app.master-page #s-done .m-export-item :is(input,select){font-size:12px;color:#f5ebfa;border:1px solid #ffffff30;border-radius:4px;min-height:44px;background:#ffffff08}
body.website2.tool-app.master-page #s-done .m-export-item option{background:#29222f}
body.website2.tool-app.master-page #s-done .m-export-item input::placeholder{color:#bbadc6}
body.website2.tool-app.master-page #s-done .m-get-fine{margin:16px 0 0;text-align:left;font-size:11px;color:#d0c0dc}
body.website2.tool-app.master-page #s-done .m-get-fine a{color:#e5c5fa}
body.website2.tool-app.master-page #s-done .m-links{margin-top:18px;gap:18px;justify-content:space-between;font-size:12px}
body.website2.tool-app.master-page #s-done button:focus-visible{outline:3px solid #9d73bc;outline-offset:3px}
@media(max-width:900px){
 body.website2.tool-app.master-page .m-result-overview{grid-template-columns:minmax(0,1fr)}
 body.website2.tool-app.master-page #s-done .m-tiles{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
 body.website2.tool-app.master-page #s-done .m-tile{border:0;padding:18px 0}
 body.website2.tool-app.master-page #s-done .m-tile>b{font-size:19px}
 body.website2.tool-app.master-page #s-done .m-tune{gap:0 24px}
 body.website2.tool-app.master-page #s-done .m-eq-panel{padding:20px 16px}
 body.website2.tool-app.master-page #s-done .m-eq-band{grid-template-columns:66px minmax(0,1fr) 44px;gap:8px}
}
@media(max-width:680px){
 body.website2.tool-app.master-page :is(#s-cook,#s-done)>div{padding:28px 0 32px;max-width:540px}
 body.website2.tool-app.master-page #s-cook>.m-process-layout{display:flex;flex-direction:column;gap:18px;padding-top:28px}
 body.website2.tool-app.master-page .m-process-focus{padding:25px}
 body.website2.tool-app.master-page .m-section-label{margin-bottom:20px}
 body.website2.tool-app.master-page #s-cook .m-cook-stage{font-size:30px}
 body.website2.tool-app.master-page #s-cook .m-cook-say{font-size:13px;min-height:40px;margin-bottom:24px}
 body.website2.tool-app.master-page #s-cook .m-cook-stay{margin-top:14px}
 body.website2.tool-app.master-page #s-cook .m-check li{padding:13px 4px;font-size:12px;gap:10px}
 body.website2.tool-app.master-page #s-done .m-done-h{font-size:30px}
 body.website2.tool-app.master-page #s-done .m-done-sub{font-size:12px;margin-bottom:22px}
 body.website2.tool-app.master-page #s-done .m-pic{height:218px}
 body.website2.tool-app.master-page #s-done .m-transport{padding:12px 10px;gap:5px}
 body.website2.tool-app.master-page #s-done .m-ab button{padding:6px 10px;font-size:11px;min-height:38px}
 body.website2.tool-app.master-page #s-done :is(.m-skip,.m-play){width:40px;height:44px;min-height:44px}
 body.website2.tool-app.master-page #s-done .m-tiles{display:block}
 body.website2.tool-app.master-page #s-done .m-tile{border-bottom:1px solid #e4ddea;padding:18px 0}
 body.website2.tool-app.master-page #s-done .m-tile-loud{padding-bottom:22px}
 body.website2.tool-app.master-page #s-done .m-tile .m-pm{margin:30px 16px 0}
 body.website2.tool-app.master-page #s-done .m-tile p{font-size:12px}
 body.website2.tool-app.master-page #s-done .m-tune{display:flex;flex-direction:column;margin-top:25px;gap:0}
 body.website2.tool-app.master-page #s-done .m-tune-row{padding:20px 0}
 body.website2.tool-app.master-page #s-done .m-eq-panel{padding:22px 16px;margin-top:12px}
 body.website2.tool-app.master-page #s-done .m-eq-band{min-height:51px}
 body.website2.tool-app.master-page #s-done .m-nudge .m-step{height:44px;min-width:40px}
 body.website2.tool-app.master-page #s-done .m-dev{height:66px}
 body.website2.tool-app.master-page #s-done .m-dev-more{min-height:44px}
 body.website2.tool-app.master-page #s-done #m-share-row{margin-top:12px;display:block}
 body.website2.tool-app.master-page #s-done #m-share-row>small{display:none}
 body.website2.tool-app.master-page #s-done #m-share{width:100%;justify-content:center}
 body.website2.tool-app.master-page #s-done .m-download-panel{padding:23px 18px;margin-top:10px}
 body.website2.tool-app.master-page #s-done .m-download-head{display:block}
 body.website2.tool-app.master-page #s-done .m-download-head>span{display:block;margin-top:7px}
 body.website2.tool-app.master-page #s-done .m-get{gap:8px}
 body.website2.tool-app.master-page #s-done .m-get .m-btn{padding:12px 8px;flex:1;font-size:11px;min-height:48px}
 body.website2.tool-app.master-page #s-done .m-get .m-btn svg{display:none}
 body.website2.tool-app.master-page #s-done .m-export{grid-template-columns:minmax(0,1fr)}
 body.website2.tool-app.master-page #s-done .m-links{font-size:11px;gap:12px}
}
@media(prefers-reduced-motion:reduce){body.website2.tool-app.master-page :is(#s-cook,#s-done) *{animation:none!important;transition:none!important}}

/* Override older high-specificity colour rules for the redesigned surfaces. */
body.website2.tool-app.master-page #s-cook .m-process-focus .m-section-label{color:#d7bce9}
body.website2.tool-app.master-page #s-done #m-ab button[aria-pressed=true]{color:#31223d!important;-webkit-text-fill-color:#31223d}
body.website2.tool-app.master-page #s-done .m-get #m-dl-mp3{background:#ddc6ef;color:#302039;min-height:48px;font-size:12px;border:1px solid #ddc6ef;box-shadow:none}
body.website2.tool-app.master-page #s-done #m-share-row{justify-content:space-between}
body.website2.tool-app.master-page #s-done #m-share-row .m-tune-body{flex:0 1 auto}

@media(max-width:680px){
 body.website2.tool-app.master-page #s-done .m-transport :is(.m-skip,.m-play){flex:0 0 40px}
 body.website2.tool-app.master-page #s-done .m-transport .m-ab{flex:0 0 100%;width:100%;grid-column:auto;margin:5px 0 0}
 body.website2.tool-app.master-page #s-done .m-transport .m-ab button{min-height:44px;min-width:0;padding:6px 8px}
}
