/* Website 2.0 otomix palette; generated from original tool styles. */
body.website2[data-tool-theme="otomix"].otomix-page{--m-accent:#9f6d23;--om-accent:#9f6d23;--om-blue:#23719f;--m-dim:#5e556d;--m-dim2:#5f576a;--m-ink:#1a181e;--om-line:#3c60861c;--om-panel:#f7f6f8;--bg:#f7f6f8;background:#f7f6f8;color:var(--m-ink)}
body.website2[data-tool-theme="otomix"].otomix-page :focus-visible{outline-color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-ambient{background:radial-gradient(ellipse at 77% 44%,#98bdd722,transparent 53%),radial-gradient(ellipse at 50% 10%,#f7f6f81a,transparent 60%)}
body.website2[data-tool-theme="otomix"] .om-ambient:after{background-image:linear-gradient(#38628a04 1px,transparent 1px),linear-gradient(90deg,#38628a04 1px,transparent 1px)}
body.website2[data-tool-theme="otomix"] .om-appbar{border-bottom:1px solid var(--om-line)}
body.website2[data-tool-theme="otomix"] .om-brand svg{fill:none;stroke:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-brand b{color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-version{color:#605e64;border-left:1px solid var(--om-line)}
body.website2[data-tool-theme="otomix"] .om-engine-status{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-engine-status i,body.website2[data-tool-theme="otomix"] .om-bottom>span>i,body.website2[data-tool-theme="otomix"] .om-match-note i{background:var(--om-accent);box-shadow:0 0 12px #9f692355}
body.website2[data-tool-theme="otomix"] .om-steps{color:#5f576a}
body.website2[data-tool-theme="otomix"] .om-steps li span{color:#5e566c;border:1px solid #40638233}
body.website2[data-tool-theme="otomix"] .om-steps li[aria-current]{color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-steps li[aria-current] span{color:var(--om-accent);border-color:#9f6d2355;box-shadow:0 0 15px #9f6d2311}
body.website2[data-tool-theme="otomix"] .om-eyebrow{color:var(--om-accent)!important}
body.website2[data-tool-theme="otomix"] .om-screen h1,body.website2[data-tool-theme="otomix"] .om-screen h2{color:var(--m-ink)}
body.website2[data-tool-theme="otomix"] .om-screen h1 em,body.website2[data-tool-theme="otomix"] .om-screen h2 em{color:var(--om-accent);background-image:linear-gradient(110deg,#9f7323,#9f6c23 65%,#996129);-webkit-text-fill-color:transparent}
body.website2[data-tool-theme="otomix"] .om-intro{color:#5e556d!important}
body.website2[data-tool-theme="otomix"] .om-primary{background:linear-gradient(125deg,#9f7223,#9f6a23);color:#f7f6f8;box-shadow:0 0 0 1px #9f722348,0 2px 1px #1b1b1b88 inset,0 10px 35px #9f763721}
body.website2[data-tool-theme="otomix"] .om-primary:before{background:linear-gradient(100deg,transparent 35%,#1b1b1b66 50%,transparent 65%)}
body.website2[data-tool-theme="otomix"] .om-primary:hover:not(:disabled){box-shadow:0 0 0 1px #9f722348,0 2px 1px #1b1b1b88 inset,0 15px 42px #9f763740}
body.website2[data-tool-theme="otomix"] .om-primary svg,body.website2[data-tool-theme="otomix"] .om-secondary svg{fill:none;stroke:currentColor}
body.website2[data-tool-theme="otomix"] .om-file-hint{color:#5e566c}
body.website2[data-tool-theme="otomix"] .om-text-button{background:transparent;color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-text-button:hover{color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-text-button span{color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-device-note{color:#5e556d!important}
body.website2[data-tool-theme="otomix"] .om-device-note.is-unsupported{color:#9f6d23!important}
body.website2[data-tool-theme="otomix"] .om-screen .om-time-note{border-left:2px solid #5329994d;color:#5e566c}
body.website2[data-tool-theme="otomix"] .om-time-note strong{color:#56358d}
body.website2[data-tool-theme="otomix"] .om-orbit-label{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-orbit-top{border-top:1px solid var(--om-line)}
body.website2[data-tool-theme="otomix"] .om-orbit-top i{background:#9f6923}
body.website2[data-tool-theme="otomix"] .om-orbit-bottom{border-bottom:1px solid var(--om-line)}
body.website2[data-tool-theme="otomix"] .om-bottom{border-top:1px solid var(--om-line);color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-bottom button{background:transparent;color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-bottom button span{color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-filename{color:#1a181e!important}
body.website2[data-tool-theme="otomix"] .om-mini{color:#5e556d!important}
body.website2[data-tool-theme="otomix"] .om-intent{border:0}
body.website2[data-tool-theme="otomix"] .om-intent legend{color:#1a181e}
body.website2[data-tool-theme="otomix"] .om-auto{border:1px solid #77437f28;background:#53279b08;color:#1a181e}
body.website2[data-tool-theme="otomix"] .om-auto>span:first-child{color:#53269b}
body.website2[data-tool-theme="otomix"] .om-auto small{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-auto i{color:#52239f}
body.website2[data-tool-theme="otomix"] .om-auto[aria-pressed=true]{background:linear-gradient(110deg,#61409620,#5b508617);border-color:#57368c62}
body.website2[data-tool-theme="otomix"] .om-preference-heading{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-preference-heading button{background:transparent;color:#57368c;border-bottom:1px solid transparent}
body.website2[data-tool-theme="otomix"] .om-preference-heading button[aria-pressed=true]{color:#52239f}
body.website2[data-tool-theme="otomix"] .om-preference-options input{border:1px solid #5e556d78}
body.website2[data-tool-theme="otomix"] .om-preference-options input:checked{background:#52239f;border-color:#52239f}
body.website2[data-tool-theme="otomix"] .om-preference-options input:checked:after{border-left:1.5px solid #b29fd0;border-bottom:1.5px solid #b29fd0}
body.website2[data-tool-theme="otomix"] .om-preference-options label>span{border:1px solid #763f8326;background:#692e9405}
body.website2[data-tool-theme="otomix"] .om-preference-options svg{fill:none;stroke:#5a437f}
body.website2[data-tool-theme="otomix"] .om-preference-options b{color:#704280}
body.website2[data-tool-theme="otomix"] .om-preference-options small{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-preference-options input:checked+span{background:linear-gradient(135deg,#583d8525,#5e556d20);border-color:#542a9873}
body.website2[data-tool-theme="otomix"] .om-preference-options input:checked+span svg{stroke:#52239f}
body.website2[data-tool-theme="otomix"] .om-preference-options input:focus-visible+span{outline:2px solid #52239f}
body.website2[data-tool-theme="otomix"] .om-screen #preference-note{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-correction[data-preference] b{color:#52239f}
body.website2[data-tool-theme="otomix"] .om-progress-track{background:#37618b16}
body.website2[data-tool-theme="otomix"] .om-progress-track i{background:linear-gradient(90deg,#5e556d,var(--om-accent));box-shadow:0 0 12px var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-progress-meta{color:#1a181e}
body.website2[data-tool-theme="otomix"] .om-processing-file{color:#5e556d!important}
body.website2[data-tool-theme="otomix"] .om-correction{border-top:1px solid var(--om-line)}
body.website2[data-tool-theme="otomix"] .om-correction input{accent-color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-correction b{color:#1a181e}
body.website2[data-tool-theme="otomix"] .om-correction small{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-correction em{color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-no-change{color:#1a181e!important}
body.website2[data-tool-theme="otomix"] .om-ab{background:#f7f6f8;border:1px solid #365f8c26}
body.website2[data-tool-theme="otomix"] .om-ab button{background:transparent;color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-ab button[aria-pressed=true]{background:linear-gradient(#d0ccd7,#d0ccd7);color:#9f6e23;box-shadow:0 1px 0 #1b1b1b12 inset,0 2px 8px #f7f7f766}
body.website2[data-tool-theme="otomix"] .om-match-note{color:#5e556d!important}
body.website2[data-tool-theme="otomix"] .om-match-note i{background:var(--om-blue);box-shadow:none}
body.website2[data-tool-theme="otomix"] .om-play{background:linear-gradient(#a5baca,#f7f6f8);box-shadow:0 1px 0 #1b1b1b22 inset,0 6px 15px #f7f7f744;border:1px solid #23689f33;color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] .om-timing{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-strength label{color:#1a181e}
body.website2[data-tool-theme="otomix"] .om-strength output{color:var(--om-accent)}
body.website2[data-tool-theme="otomix"] #strength{background:linear-gradient(90deg,#926e44,var(--om-accent) var(--strength,65%),#1b1b1b14 var(--strength,65%))}
body.website2[data-tool-theme="otomix"] #strength::-webkit-slider-thumb{background:#9f6e23;border:3px solid #d0ba9f;box-shadow:0 0 0 1px #9f7223}
body.website2[data-tool-theme="otomix"] #strength::-moz-range-thumb{background:#9f6e23;border:3px solid #d0ba9f}
body.website2[data-tool-theme="otomix"] .om-secondary{background:transparent;color:#5e556d;border:1px solid #32639029}
body.website2[data-tool-theme="otomix"] .om-alert{border:1px solid #9f5a2344;background:#f7f6f8;color:#9f6523}
body.website2[data-tool-theme="otomix"] .om-about{border-top:1px solid var(--om-line)}
body.website2[data-tool-theme="otomix"] .om-about p{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-about a{color:var(--om-accent)}
body.website2[data-tool-theme="otomix"].otomix-page{--om-accent:#52239f;--m-accent:#52239f;--om-blue:#233f9f;--om-line:#5b239f15;--bg:#f7f6f8;background:#f7f6f8}
body.website2[data-tool-theme="otomix"] .om-ambient{background:radial-gradient(ellipse at 74% 43%,#ad8ae528,transparent 60%),radial-gradient(ellipse at 92% 88%,#8a97e526,transparent 53%)}
body.website2[data-tool-theme="otomix"] .om-ambient:after{background-image:none}
body.website2[data-tool-theme="otomix"][data-view=processing] .om-ambient{background:radial-gradient(ellipse at 78% 42%,#d78ae538,transparent 62%),radial-gradient(ellipse at 85% 80%,#274bb024,transparent 50%)}
body.website2[data-tool-theme="otomix"][data-view=result] .om-ambient{background:radial-gradient(ellipse at 72% 38%,#ad8ae520,transparent 60%),radial-gradient(ellipse at 86% 90%,#8a99e535,transparent 55%)}
body.website2[data-tool-theme="otomix"] .om-brand svg{stroke:#52239f}
body.website2[data-tool-theme="otomix"] .om-brand b{color:#52239f}
body.website2[data-tool-theme="otomix"] .om-version{color:#5e566c}
body.website2[data-tool-theme="otomix"] .om-engine-status{color:#5f576a}
body.website2[data-tool-theme="otomix"] .om-steps li[aria-current]{color:#593f83}
body.website2[data-tool-theme="otomix"] .om-steps li[aria-current] span{color:#593f83;border-color:#583a8866;box-shadow:none;background:#56329013}
body.website2[data-tool-theme="otomix"] .om-screen h1 em,body.website2[data-tool-theme="otomix"] .om-screen h2 em{background-image:linear-gradient(105deg,#1b1b1b,#52239f 56%,#52239f);color:#52239f}
body.website2[data-tool-theme="otomix"] .om-eyebrow{color:#5b467c!important}
body.website2[data-tool-theme="otomix"] .om-intro{color:#5f576b!important}
body.website2[data-tool-theme="otomix"] .om-primary{background-image:linear-gradient(125deg,#1b1b1b,#75358d);color:#f7f6f8;box-shadow:0 1px 0 #1b1b1b99 inset,0 0 0 1px #1b1b1b44,0 12px 40px #52239f13}
body.website2[data-tool-theme="otomix"] .om-primary:hover:not(:disabled){box-shadow:0 1px 0 #1b1b1b99 inset,0 0 0 1px #1b1b1b77,0 14px 45px #52239f28}
body.website2[data-tool-theme="otomix"] .om-orbit-label{border:0;color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-orbit-bottom{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-screen h2[tabindex="-1"]:focus{outline:none}
body.website2[data-tool-theme="otomix"] .om-ab{background:#f7f6f855;border-color:#56348e26}
body.website2[data-tool-theme="otomix"] .om-ab:before{background:linear-gradient(#d0ccd655,#d0ccd755);box-shadow:0 1px #52239f22 inset}
body.website2[data-tool-theme="otomix"] .om-ab button{color:#5f586a}
body.website2[data-tool-theme="otomix"] .om-ab button[aria-pressed=true]{background:none;box-shadow:none;color:#1b1b1b}
body.website2[data-tool-theme="otomix"] .om-play{background:linear-gradient(#d0ccd7,#f7f6f8);border-color:#7e239f33;color:#52239f;box-shadow:0 1px 0 #1a181e2b inset,0 6px 20px #f7f7f755}
body.website2[data-tool-theme="otomix"] .om-play:hover{box-shadow:0 1px 0 #1a181e2b inset,0 0 25px #57378b25}
body.website2[data-tool-theme="otomix"] #strength{background-image:linear-gradient(90deg,#5e556d,#52239f var(--strength,65%),#1b1b1b14 var(--strength,65%))}
body.website2[data-tool-theme="otomix"] #strength::-webkit-slider-thumb{background:#1a181e;border-color:#d0ccd7;box-shadow:0 0 0 1px #52239f}
body.website2[data-tool-theme="otomix"] #strength::-moz-range-thumb{background:#1a181e;border-color:#d0ccd7}
body.website2[data-tool-theme="otomix"] .om-strength output,body.website2[data-tool-theme="otomix"] .om-correction em{color:#52239f}
body.website2[data-tool-theme="otomix"] .om-progress-track i{background-image:linear-gradient(90deg,#694a8c,#52239f)}
body.website2[data-tool-theme="otomix"] .om-reference .om-text-button{color:#52239f}
body.website2[data-tool-theme="otomix"] #remove-reference{background:none;color:#594181}
body.website2[data-tool-theme="otomix"] .om-tone-panel{border:1px solid #552e9420;background-image:linear-gradient(120deg,#f7f6f8db,#f7f6f8df)}
body.website2[data-tool-theme="otomix"] .om-tone-header{color:#1a181e}
body.website2[data-tool-theme="otomix"] .om-tone-header span{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-tone-header i{background:#5f586a}
body.website2[data-tool-theme="otomix"] .om-tone-header i:last-of-type{background:#52239f}
body.website2[data-tool-theme="otomix"] .om-tone-panel p{color:#5e556d!important}
body.website2[data-tool-theme="otomix"] #view-review .om-corrections::-webkit-scrollbar-thumb{background:#59408266}
body.website2[data-tool-theme="otomix"] .om-translation-report{color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-translation-report span[data-adjusted=true]{color:#52239f}
body.website2[data-tool-theme="otomix"] .om-monitors{border-bottom:1px solid #1b1b1b12}
body.website2[data-tool-theme="otomix"] .om-monitors button{background:none;border:1px solid transparent;color:#5e556d}
body.website2[data-tool-theme="otomix"] .om-monitors button[aria-pressed=true]{background-color:#56348e16;border-color:#56348e24;color:#1a181e}
body.website2[data-tool-theme="otomix"] .om-auto[aria-pressed=true]{border-color:#57368c76;background-image:linear-gradient(125deg,#61409629,#5b508624)}
body.website2[data-tool-theme="otomix"] .om-file-change{border:1px solid #7b398933;background-color:#7b398908;color:#803a87}
body.website2[data-tool-theme="otomix"] #choose-reference{color:#594082;border-color:#7b398933}
body.website2[data-tool-theme="otomix"] #remove-reference{border:1px solid #7b398933}
body.website2[data-tool-theme="otomix"] .om-new-mix{border-color:#7b418138}
body.website2[data-tool-theme="otomix"] .om-boot-mark{color:#52239f;border:1px solid #52239f40;background-image:linear-gradient(145deg,#552f9231,#5b498e24);box-shadow:0 0 75px #932caa23}
body.website2[data-tool-theme="otomix"] .om-boot-copy{color:#5e556d!important}
body.website2[data-tool-theme="otomix"] .om-boot-progress .om-progress-track{background-color:#7f368c18}
body.website2[data-tool-theme="otomix"] .om-boot-progress .om-progress-track i{background-image:linear-gradient(90deg,#743989,#52239f)}
body.website2[data-tool-theme="otomix"] .om-boot-status{color:#5e556d}
body.website2[data-tool-theme="otomix"] #boot-amount{color:#57368b}

body.website2[data-tool-theme="otomix"]{color:#221d29;background:#fff!important;color-scheme:light;--m-ink:#221d29;--m-ink-soft:#42394d;--m-dim:#665e70;--m-dim2:#736c7c;--m-line:#ded8e5;--m-pink:#7255b0;--m-mint:#257352;--m-blue:#32628e;--m-lacquer:linear-gradient(#fff,#f5f3f8);--m-edge:linear-gradient(#dcd6e4,#ebe7ef)}
body.website2[data-tool-theme="otomix"] :is(#kg-main,#vs-main,#beat-main,.ss-frame,.om-card,.m-stage-area:has(.m-state.is-on:not(.tw-hero))){background:#f7f5fa;color:#221d29;--m-ink:#221d29;--m-dim:#665e70;--m-line:#ded8e5;border:1px solid #e3ddeb;border-radius:8px}
body.website2[data-tool-theme="otomix"] :is(.kg-bar,.vs-bar){background:#fff;color:#221d29}
body.website2[data-tool-theme="otomix"] :is(.kg-brand h1,.vs-brand,.ss-frame h2,.ss-frame h3){color:#221d29}
body.website2[data-tool-theme="otomix"] .m-state>div{background:none}
body.website2[data-tool-theme="otomix"] :is(.tw-card){background:#fff;color:#57416f;border-color:#ded8e5;box-shadow:0 15px 40px #261b3b10}
body.website2[data-tool-theme="otomix"] :is(.tw-card strong,.tw-card small){color:#57416f}
body.website2[data-tool-theme="otomix"] .tw-art{background:#f0ebf7;box-shadow:none}
body.website2[data-tool-theme="otomix"] :is(.m-btn.p,.ss-primary,.kg-primary,.vs-primary,.om-primary,.bt-primary){background:#27202f;color:#fff;border-color:#27202f;box-shadow:none}

/* Retain background geometry when recolouring shorthand declarations. */
@media (max-width:600px){}

/* The shared mastering shell aligns children to the start. OttoMix needs its
   full-width flex canvas in every step, including processing and comparison. */
body.website2.tool-app.otomix-page .om-studio{align-items:stretch;height:auto;min-height:calc(100dvh - 56px)}
body.website2.tool-app.otomix-page .om-viewport{width:100%;min-width:0;flex:1 0 auto}
@media(max-width:700px){body.website2.tool-app.otomix-page .om-studio{min-height:calc(100dvh - 52px)}}
@media(min-width:601px) and (max-width:960px){
 body.website2.tool-app.otomix-page .om-viewport{flex-direction:column;align-items:stretch}
 body.website2.tool-app.otomix-page .om-screen{width:100%;max-width:680px;align-self:center}
 body.website2.tool-app.otomix-page .om-visual{position:relative;order:2;inset:auto;width:100%;min-height:400px;margin:0}
 body.website2.tool-app.otomix-page[data-view=result] .om-visual{min-height:650px}
}
body.website2[data-tool-theme="otomix"] #strength{background-size:100% 4px;background-repeat:no-repeat;background-position:center}
@media (min-width:961px) and (min-height:760px){}
@media (min-width:1600px){}
@media (max-width:960px){}
@media (max-width:600px){}
@media (max-width:360px){}
@media (prefers-reduced-motion:reduce){}
@media (max-width:960px){}
@media (max-width:600px){}
@media (prefers-reduced-motion:reduce){}
@media (max-width:600px){}
@media (prefers-reduced-motion:reduce){}
@media (max-width:600px){}
@media (max-width:600px){}
@media (max-width:600px){}
@media (prefers-reduced-motion:reduce){}
@media (min-width:961px){}
@media (min-width:961px) and (max-height:849px){}
@media (max-width:600px){}
@media (min-width:961px) and (max-height:849px){}
@media (max-width:600px){}
@media (prefers-reduced-motion:reduce){}
@media (min-width:961px) and (min-height:850px) and (max-height:950px){}
@media (max-width:600px){}