:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#f2e8cd;--amber:#f1b45c;--screen:#202e2b;--muted:#b1b8a4}*{box-sizing:border-box}body{min-height:100svh;color:var(--cream);background:#faf9f6;place-items:center;margin:0;padding:35px 28px;font-family:DM Sans,Arial,sans-serif;display:grid}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.television{background:linear-gradient(135deg,#e9e1cd,#d6ccba);border:1px solid #aaa292;border-bottom:7px solid #a49b88;border-radius:30px;grid-template-columns:minmax(0,1fr) 102px;gap:22px;width:min(100%,1050px);padding:23px 21px 24px 24px;display:grid;position:relative;box-shadow:0 20px 35px -25px #342d2666,inset 0 2px #fff8}.television:before,.television:after{content:"";background:#6f675c;border-radius:0 0 5px 5px;width:50px;height:9px;position:absolute;bottom:-15px;left:65px}.television:after{left:auto;right:65px}.bezel{background:linear-gradient(140deg,#71756d,#2b302c 45%,#545b51);border-radius:47px;min-width:0;padding:11px;box-shadow:0 0 0 2px #b9af9a,inset 0 2px 4px #1118}.screen{isolation:isolate;background:radial-gradient(at 50% 25%,#33423a 0,#25362f 55%,#1c2925 100%);border:2px solid #16211b;border-radius:36px;min-height:530px;padding:18px 33px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #0007}.screen:before{content:"";pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,#0000 0 3px,#070f090d 3px 4px);position:absolute;inset:0}.screen-status{color:#aab79f;letter-spacing:1.3px;justify-content:space-between;font:8px DM Mono,monospace;display:flex}.screen-status i{background:#c6d49b;border-radius:50%;width:5px;height:5px;margin:0 5px 1px 0;display:inline-block;box-shadow:0 0 6px #c6d49b55}header{text-align:center;margin:10px 0 25px}h1{letter-spacing:-4px;color:#efbd72;text-shadow:0 2px #9c6d36;margin:0;font:700 68px/.9 Fraunces,Georgia,serif}h1>span{letter-spacing:0;vertical-align:top;margin:7px 0 0 6px;font:10px DM Sans,sans-serif;display:inline-block}.tagline{letter-spacing:-.3px;margin:11px 0 6px;font:700 19px Fraunces,Georgia,serif}.explanation{color:#c5ccb7;margin:0;font-size:12px;line-height:1.5}.inputs{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{min-width:0}.field>label,.job-label>label{font-size:12px;font-weight:500;display:block}.job-label{justify-content:space-between;align-items:center;gap:6px;min-height:17px;margin-bottom:8px;display:flex}.field>label{min-height:17px;margin-bottom:8px}.job-label button{color:#d4c9ac;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #7d8872;padding:0 0 1px;font-size:9px}.input-wrap{background:#f3efdf;border:1px solid #d3d2bc;border-radius:6px;align-items:center;gap:9px;padding:0 10px;display:flex;box-shadow:inset 0 2px 3px #4a49300c}.input-wrap:focus-within{outline:2px solid var(--amber);outline-offset:3px}.input-wrap>span{color:#577562;font-size:13px;font-weight:700}.input-wrap>input{min-width:0;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;padding:12px 0!important}.field input,.field textarea,.extras input:not([type=checkbox]){color:#29352b;outline-offset:3px;background:#f3efdf;border:1px solid #d3d2bc;border-radius:6px;width:100%;padding:12px;font-size:13px}.field textarea{resize:vertical;min-height:76px}.field textarea:focus,.extras input:focus{outline:2px solid var(--amber)}input::placeholder,textarea::placeholder{color:#8a8b7c;opacity:1;font-size:11px}fieldset{border:0;min-width:0;margin:23px 0 0;padding:0}legend{margin:0 0 10px;padding:0;font-size:12px;font-weight:500}.styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.style-card{cursor:pointer;background:#1b2822;border:1px solid #697763;border-radius:7px;min-width:0;padding:4px;transition:border-color .15s,background .15s;position:relative}.style-card:has(input:checked){background:#40513b;border-color:#efbd72;box-shadow:0 0 0 1px #efbd72}.style-card:has(input:focus-visible){outline-offset:4px;outline:3px solid #f6d69e}.style-card input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.style-image{aspect-ratio:1;background-image:url(/assets/commercial-styles-v2.png);background-repeat:no-repeat;background-size:300% 100%;border-radius:3px;max-height:143px;display:block}.dealership{background-position:0}.shopping{background-position:50%}.luxury{background-position:100%}.style-name{justify-content:space-between;align-items:center;gap:3px;padding:8px 4px 4px;font-size:11px;font-weight:500;line-height:1.3;display:flex}.style-name i{opacity:0;color:#f4c67f;font-size:9px;font-style:normal}.style-card:has(input:checked) .style-name i{opacity:1}details{border-top:1px solid #59664f;margin-top:15px;padding:11px 0}summary{color:#cbd0bb;cursor:pointer;justify-content:space-between;font-size:10px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.extras{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;padding-bottom:7px;display:grid}.extras>label{gap:6px;font-size:11px;display:grid}.extras .roast{grid-column:1/-1;align-items:center;gap:7px;display:flex}.roast input{accent-color:#edbd72}.submit{color:#342c20;letter-spacing:-.5px;background:linear-gradient(#f7c67e,#ebb05b);border:1px solid #f3ce8c;border-bottom:3px solid #b98134;border-radius:8px;justify-content:center;align-items:center;gap:32px;width:min(100%,300px);margin:7px auto 0;padding:11px 20px;font:700 22px Fraunces,Georgia,serif;display:flex;box-shadow:0 2px 5px #0003}.submit:hover{background:#ffcd85}.submit>span{font:23px DM Sans,sans-serif}.fineprint{text-align:center;color:#bbc5ae;margin:11px 0 0;font-size:9px;line-height:1.5}.prototype{text-align:center;color:#a6b098;margin:5px 0 0;font-size:8px;line-height:1.5}.controls{color:#665f50;flex-direction:column;align-items:center;padding:27px 0 13px;display:flex}.control-label{letter-spacing:1.8px;font:8px DM Mono,monospace}.knob{background:repeating-conic-gradient(#c7c0ab 0deg 2deg,#41463c 2deg 30deg);border:3px solid #9b9687;border-radius:50%;width:79px;height:79px;margin:12px 0 9px;padding:8px;box-shadow:0 3px 3px #4e4c3833,inset 0 0 0 2px #d4ccb4}.knob>span{background:linear-gradient(90deg,#4a4d42 42%,#b3b39c 45%,#dbd6bd 53%,#747865 56%,#363d31 58%);border:1px solid #292f26;border-radius:50%;width:100%;height:100%;transition:transform .2s;display:block;transform:rotate(-35deg)}.channel-numbers{letter-spacing:1px;font:7px DM Mono,monospace}.speaker{opacity:.8;background:repeating-linear-gradient(0deg,#b6ad97 0 3px,#766e5d 3px 5px,#d0c6ad 5px 8px);border-radius:5px;flex:1;width:84%;min-height:100px;max-height:225px;margin:35px 0}.maker{letter-spacing:-.8px;text-align:center;font:700 20px Fraunces,Georgia,serif}.maker small{letter-spacing:1.1px;margin-top:5px;font:5px DM Mono,monospace;display:block}.color-bars{background:linear-gradient(90deg,#b76f47 0 33%,#b7aa54 33% 66%,#6d9388 66%);border-radius:1px;width:26px;height:7px;margin:11px auto 0;display:block}.power{letter-spacing:1px;margin-top:30px;font:6px DM Mono,monospace}.power i{background:#97a16e;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 0 2px #9c988448}.result{text-align:center;min-height:320px;padding:45px 15px 30px}.result-kicker{color:#cdb582;letter-spacing:1px;font:8px DM Mono,monospace}.result h2{color:#efbd72;margin:20px 0;font:700 31px/1.15 Fraunces,Georgia,serif}.result>p:not(.prototype){color:#c4cbb7;max-width:420px;margin:12px auto;font-size:13px;line-height:1.7}.result .submit{margin-top:25px;font-size:19px}@media (min-width:1000px) and (max-height:800px){body{padding:22px}.television{gap:18px;max-width:990px;padding:19px}.screen{min-height:0;padding:14px 28px 15px}header{margin:8px 0 19px}h1{font-size:60px}.tagline{margin-top:8px;font-size:17px}.style-image{max-height:112px}fieldset{margin-top:18px}.speaker{margin:26px 0}.controls{padding-top:20px}}@media (max-width:760px){body{padding:23px 12px;display:block}.television{border-bottom-width:5px;border-radius:21px;grid-template-columns:minmax(0,1fr) 48px;gap:9px;margin:auto;padding:12px 9px 13px 12px}.bezel{border-radius:25px;padding:5px}.screen{border-radius:20px;min-height:0;padding:17px 15px 18px}.screen-status{letter-spacing:.7px;font-size:6px}header{margin:17px 0 24px}h1{font-size:54px}.tagline{font-size:17px}.explanation{max-width:235px;margin:auto;font-size:11px;line-height:1.6}.inputs{grid-template-columns:1fr;gap:18px}.field input,.field textarea,.extras input:not([type=checkbox]){font-size:16px}.field>label,.job-label>label{font-size:12px}.job-label button{font-size:9px}.input-wrap{gap:6px;padding-inline:8px}input::placeholder,textarea::placeholder{font-size:10px}fieldset{margin-top:22px}legend{font-size:12px}.styles{gap:7px}.style-card{border-radius:5px;padding:3px}.style-image{max-height:none}.style-name{align-items:flex-start;min-height:35px;padding:7px 2px 3px;font-size:9px}.style-name i{display:none}.extras{grid-template-columns:1fr}.submit{gap:22px;width:100%;padding:10px 13px;font-size:21px}.fineprint{font-size:8px}.prototype{font-size:7px}.controls{padding-top:30px}.control-label{letter-spacing:.7px;font-size:5px}.knob{border-width:2px;width:41px;height:41px;margin-top:10px;padding:4px}.channel-numbers{letter-spacing:0;font-size:4px}.speaker{background:repeating-linear-gradient(0deg,#b6ad97 0 2px,#766e5d 2px 3px,#d0c6ad 3px 5px);width:70%;min-height:75px;max-height:230px;margin:25px 0}.maker{font-size:12px}.maker small{letter-spacing:.1px;font-size:3px}.color-bars{width:17px;height:5px}.power{letter-spacing:0;font-size:4px}.power i{width:3px;height:3px;margin-right:2px}.television:before{width:32px;left:35px}.television:after{width:32px;right:35px}.result{padding:22px 0}.result h2{font-size:27px}.result>p:not(.prototype){font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body{padding:25px 22px}.television{grid-template-columns:minmax(0,1fr) 94px;gap:18px;width:min(100%,1180px)}.screen{padding:18px 27px 20px}.screen-status{font-size:10px}header{margin:11px 0 21px}.tagline{font-size:23px}.explanation{color:#d4dac8;font-size:15px}.field>label,.job-label>label,legend{font-size:15px}.job-label,.field>label{min-height:21px;margin-bottom:9px}.job-label button{color:#e4d5b5;min-height:25px;padding:2px 0;font-size:12px}.field input,.field textarea,.extras input:not([type=checkbox]){font-size:16px}input::placeholder,textarea::placeholder{font-size:14px}.input-wrap>span{font-size:16px}.input-wrap>input{padding:13px 0!important}fieldset{margin-top:20px}legend{margin-bottom:10px}.styles{gap:9px}.style-card{border-radius:7px;padding:0;overflow:hidden}.style-image{aspect-ratio:1.65;border-radius:0;max-height:none}.style-name{min-height:40px;padding:10px 11px;font-size:15px;font-weight:600}.style-name i{font-size:12px}.roast-toggle{cursor:pointer;color:#e1e6d2;background:#293b30;border:1px solid #6d7962;border-radius:6px;align-items:center;gap:10px;margin:14px 0 10px;padding:11px 12px;font-size:14px;display:flex}.roast-toggle input{accent-color:#edbd72;cursor:pointer;width:18px;height:18px;margin:0}.roast-toggle small{color:#aebaa1;margin-left:auto;font-size:11px}.roast-toggle:has(input:checked){background:#40513b;border-color:#efbd72}.roast-toggle:has(input:focus-visible){outline-offset:3px;outline:2px solid #efbd72}details{background:#25372d;border:1px solid #6d7962;border-radius:6px;margin:0 0 12px;padding:0}summary{color:#e1e6d2;align-items:center;gap:12px;min-height:43px;padding:11px 12px;font-size:14px}summary:hover{background:#3a4b36}summary>span{color:inherit;font-size:14px}.disclosure-hint{align-items:center;gap:13px;display:flex;color:#b7c1a8!important;font-size:11px!important}.disclosure-hint i{text-align:center;color:#edbd72;width:18px;font:22px/1 DM Sans,sans-serif}details[open] .disclosure-hint i{font-size:0}details[open] .disclosure-hint i:after{content:"−";font-size:22px}details[open] summary{border-bottom:1px solid #59664f}.extras{margin:0;padding:13px 12px 15px}.extras>label{gap:8px;font-size:13px}.submit{width:min(100%,340px);padding:12px 22px;font-size:25px}.fineprint{margin-top:12px;font-size:12px}.prototype{margin-top:6px;font-size:10px}.result-kicker{font-size:11px}.result>p:not(.prototype){font-size:16px}.control-label{font-size:9px}.channel-numbers,.power{font-size:8px}@media (min-width:1000px) and (max-height:800px){body{padding:20px}.television{gap:16px;max-width:1130px;padding:17px}.screen{padding:13px 25px 15px}header{margin:8px 0 16px}h1{font-size:54px}.tagline{margin:7px 0 5px;font-size:21px}.explanation{font-size:14px}.style-image{aspect-ratio:2.2;max-height:none}fieldset{margin-top:15px}.style-name{min-height:34px;padding:8px 10px;font-size:14px}.roast-toggle{margin-top:11px;padding:9px 11px}summary{min-height:40px;padding:9px 11px}.submit{padding:10px 20px;font-size:24px}.fineprint{margin-top:9px;font-size:11px}.prototype{font-size:9px}}@media (max-width:760px){body{padding:18px 9px}.television{grid-template-columns:minmax(0,1fr) 38px;gap:7px;padding:10px 7px 11px 10px}.screen{padding:16px 13px}.screen-status{font-size:7px}.tagline{font-size:20px}.explanation{max-width:290px;font-size:13px}.field>label,.job-label>label,legend{font-size:14px}.job-label button{font-size:11px}.inputs{gap:15px}input::placeholder,textarea::placeholder{font-size:12px}.field input,.field textarea,.extras input:not([type=checkbox]){font-size:16px}.styles{gap:6px}.style-image{aspect-ratio:1}.style-name{min-height:48px;padding:8px 6px;font-size:12px;line-height:1.3}.roast-toggle{padding:10px;font-size:14px}.roast-toggle small{font-size:10px}summary,summary>span{font-size:13px}.disclosure-hint{gap:7px;font-size:10px!important}.extras{padding:12px 10px}.submit{width:100%;font-size:23px}.fineprint{font-size:10px;line-height:1.6}.prototype{font-size:9px}.control-label{font-size:5px}.channel-numbers{font-size:4px}.knob{width:34px;height:34px;padding:3px}.power{font-size:4px}.maker{font-size:11px}}.style-image{background-image:none;position:relative;overflow:hidden}.style-image:before{content:"";aspect-ratio:1;background-image:url(/assets/commercial-styles-v2.png);background-repeat:no-repeat;background-size:300% 100%;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.style-image.dealership:before{background-position:0}.style-image.shopping:before{background-position:50%}.style-image.luxury:before{background-position:100%}.roast-toggle{position:relative}.roast-toggle input{opacity:0;width:1px;height:1px;position:absolute}.roast-flame{filter:grayscale();opacity:.55;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:21px;line-height:1;transition:filter .15s,opacity .15s,transform .15s;display:grid}.roast-toggle:has(input:checked) .roast-flame{filter:none;opacity:1;transform:scale(1.12)}.roast-toggle:hover .roast-flame{opacity:1}.style-image.dealership:before,.style-image.shopping:before{top:0;transform:none}.style-image.luxury{background:#20170f}.roast-switch{cursor:pointer;border-radius:5px;flex-direction:column;align-items:center;gap:9px;min-width:44px;min-height:64px;margin-top:22px;padding:8px 4px;display:flex;position:relative}.roast-switch input{opacity:0;width:1px;height:1px;position:absolute}.roast-lamp{background:radial-gradient(circle at 35% 30%,#985048,#572b27 65%,#39211e);border:3px solid #858071;border-radius:50%;width:23px;height:23px;transition:background .15s,box-shadow .15s;display:block;box-shadow:0 1px #efe5cb,inset 0 1px 4px #29140f99}.roast-caption{letter-spacing:.65px;text-align:center;color:#655a48;font:8px/1.55 DM Mono,monospace}.roast-switch:has(input:checked) .roast-lamp{background:radial-gradient(circle at 35% 30%,#ffc0a1,#fa4b30 40%,#c62416 80%);box-shadow:0 0 8px #f04a2580,0 0 18px #ec482440,inset 0 1px 2px #ffddba}.roast-switch:has(input:checked) .roast-caption{color:#983e29}.roast-switch:has(input:focus-visible){outline-offset:3px;outline:2px solid #964729}.roast-switch:hover .roast-lamp{border-color:#6e6756}.styles+details,fieldset+details{margin-top:14px}@media (max-width:760px){.roast-switch{gap:7px;min-width:36px;margin-top:15px;padding:8px 0}.roast-lamp{border-width:2px;width:20px;height:20px}.roast-caption{letter-spacing:0;font-size:6px}}.style-image.luxury:before{aspect-ratio:1;background-position:100%;width:100%;height:auto;top:50%;left:0;transform:translateY(-50%)}.style-image.luxury{background-image:url(/assets/perfume-wide.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.style-image.luxury:before{display:none}#preview-flow,.text-button{color:#edc68b;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7d896d;padding:3px 0}#preview-flow{margin-left:5px;font-size:11px}.demo-badge{letter-spacing:1px;color:#e3c48f;border:1px solid #7c825f;border-radius:3px;padding:5px 8px;font:9px DM Mono,monospace;display:inline-block}.loading{text-align:center;outline:none;min-height:345px;padding:8px 10px 15px}.test-pattern{opacity:.9;border-radius:6px;width:min(100%,290px);height:65px;margin:20px auto 23px;display:flex;position:relative;overflow:hidden}.test-pattern>i{background:#d8cf9b;flex:1}.test-pattern>i:nth-child(2){background:#b1bba0}.test-pattern>i:nth-child(3){background:#71958d}.test-pattern>i:nth-child(4){background:#be907c}.test-pattern>i:nth-child(5){background:#9c8a9b}.test-pattern>i:nth-child(6){background:#637863}.test-pattern>span{letter-spacing:2px;white-space:nowrap;background:#202e2be8;padding:7px 12px;font:10px DM Mono,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading h2{color:#efbd72;letter-spacing:-.7px;margin:0 0 12px;font:700 31px/1.15 Fraunces,Georgia,serif}.loading-subtitle{color:#bfc9b0;margin:0 0 28px;font-size:13px;line-height:1.6}.production-step{text-align:left;justify-content:space-between;align-items:center;gap:15px;max-width:480px;margin:0 auto 12px;display:flex}.production-step>span{color:#d8bd89;white-space:nowrap;font:11px DM Mono,monospace}.production-step>b{font-size:14px;font-weight:500}.progress-track{background:#17251d;border:1px solid #73805f;border-radius:6px;max-width:480px;height:9px;margin:auto;padding:2px}.progress-track>span{background:#edbd72;border-radius:3px;width:0;height:100%;transition:width .2s linear;display:block}.loading-copy{color:#b6c3a6;min-height:20px;margin:12px 0 20px;font-size:12px;line-height:1.6}.loading .text-button{margin-top:16px;font-size:12px}.result{outline:none;min-height:500px;padding:25px 0 16px}.result-heading{text-align:left;justify-content:space-between;align-items:end;gap:15px;margin-bottom:22px;display:flex}.result-heading h2{margin:14px 0 0;font-size:30px}.result-heading>span{color:#c3ceb1;text-align:right;padding-bottom:5px;font:10px DM Mono,monospace}.video-shell{background:#101b15;border:1px solid #69785e;border-radius:8px;width:100%;overflow:hidden}.video-shell video{aspect-ratio:16/9;object-fit:contain;background:#111;width:100%;display:block}.video-shell p{padding:15px;font-size:13px;line-height:1.6}.result .result-caption{color:#d0d8bd;margin:16px auto;font-size:14px}.result-actions{justify-content:center;align-items:center;gap:25px;margin:18px 0;display:flex}.result-actions .submit{gap:15px;max-width:330px;margin:0;font-size:20px;text-decoration:none}.result-actions .text-button{white-space:nowrap;font-size:13px}.controls button:disabled{cursor:default;opacity:.7}.roast-switch:has(input:disabled){cursor:default;opacity:.6}.screen[data-state=loading] header{margin-bottom:16px}.screen[data-state=loading] .explanation{display:none}@media (max-width:760px){#preview-flow{margin:7px auto 0;font-size:11px;display:block}.loading{min-height:400px;padding:10px 0}.loading h2{font-size:26px}.loading-subtitle{font-size:12px}.test-pattern{height:58px}.production-step{align-items:start;gap:10px}.production-step>b{text-align:right;font-size:12px;line-height:1.5}.production-step>span{padding-top:3px;font-size:10px}.loading-copy{font-size:11px}.result{min-height:470px;padding:22px 0 15px}.result-heading{display:block}.result-heading h2{margin-bottom:12px;font-size:27px}.result-heading>span{font-size:9px}.result-actions{flex-direction:column;gap:17px}.result-actions .submit{width:100%;padding-inline:10px;font-size:18px}.result .result-caption{font-size:12px}.demo-badge{font-size:8px}.video-shell{border-radius:4px}}.music-button,.share-button{color:#eed3a2;cursor:pointer;background:#304335;border:1px solid #84916c;border-radius:5px;padding:10px 14px;font:500 12px DM Sans,sans-serif}.music-button{margin:0 0 12px}.music-button[aria-pressed=true]{background:#4e593d;border-color:#edbd72}.share-button{white-space:nowrap;padding:13px 17px;font-size:14px}.result-actions{flex-wrap:wrap;gap:18px}.result-actions .submit{flex:1;width:auto;max-width:none}.result-actions #back{border:0;flex-grow:0;flex-basis:100%;width:fit-content}.share-panel{text-align:left;background:#23352a;border:1px solid #6b795f;border-radius:7px;margin:18px 0;padding:16px}.share-panel p{color:#cdd7bf;margin:0 0 15px;font-size:13px;line-height:1.65}.share-panel label{margin-bottom:8px;font-size:12px;display:block}.share-panel textarea{color:#e8ebdc;resize:vertical;background:#17281d;border:1px solid #78866a;border-radius:4px;width:100%;padding:10px;font-size:13px;line-height:1.6}.share-panel .text-button{margin-top:10px;font-size:12px}.loading-copy{max-width:460px;min-height:40px;margin-inline:auto}@media (max-width:760px){.result-actions .submit{flex:auto;width:100%}.share-button{width:100%}.share-panel{padding:12px}.share-panel textarea{font-size:16px}.music-button{font-size:11px}}.submit:disabled{opacity:.6;cursor:wait}.error{background:#5b2e27;border:1px solid #ab6e57;border-radius:6px;padding:12px;font-size:13px;line-height:1.6;color:#ffe0cc!important}.demo-channels{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 5px;display:flex}.demo-channels button{color:#cbd6bc;cursor:pointer;background:#273a2f;border:1px solid #6b7b5e;border-radius:5px;padding:9px 12px;font:12px DM Sans,sans-serif}.demo-channels button[aria-pressed=true]{color:#302b20;background:#e7b76d;border-color:#e7b76d}.demo-channels small{color:#b7c3a6;text-align:center;flex-basis:100%;margin-top:4px;font-size:10px}@media (max-width:760px){.demo-channels{gap:6px}.demo-channels button{padding:8px;font-size:10px}.demo-channels small{font-size:9px}}.inputs{gap:9px 16px}.inputs>.field{grid-row:span 2;grid-template-rows:subgrid;display:grid}.inputs>.field>label,.inputs>.field>.job-label{align-self:stretch;min-height:25px;margin-bottom:0}.inputs>.field>label{align-items:center;display:flex}.inputs>.field>.input-wrap,.inputs>.field>textarea{align-self:start}@media (max-width:760px){.inputs{row-gap:15px}.inputs>.field{grid-row:auto;grid-template-rows:auto auto;row-gap:9px}}.channel-dial{--dial-size:79px;width:100%;height:calc(var(--dial-size) + 40px);text-align:center;flex-shrink:0;position:relative}.channel-dial .knob{width:var(--dial-size);height:var(--dial-size);margin:28px 0 0}.channel-dial .knob>span{position:relative}.channel-dial .knob>span:after{content:"";background:#f9d48a;border-radius:2px;width:4px;height:9px;position:absolute;top:3px;left:50%;transform:translate(-50%);box-shadow:0 0 2px #392e1e}.channel-dial .channel-numbers{display:contents}.channel-numbers>span{top:calc(28px + var(--dial-size)*.0985);left:calc(50% - var(--dial-size)*.5734);letter-spacing:0;color:#706957;font-size:10px;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.channel-numbers>span:nth-child(2){top:calc(28px - var(--dial-size)*.2);left:50%}.channel-numbers>span:nth-child(3){left:calc(50% + var(--dial-size)*.5734)}.channel-numbers>span[data-active=true]{color:#302b20;text-shadow:0 0 1px;font-weight:800}@media (max-width:760px){.channel-dial{--dial-size:34px}.channel-numbers>span{font-size:7px}.channel-dial .knob>span:after{width:2px;height:5px;top:1px}}.channel-hint{color:#b7c3a6;text-align:center;margin:14px 0 6px;font-size:11px}.loading>.music-button,.loading>.text-button{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;display:block}.loading>.music-button{margin-bottom:0}.loading>.text-button{margin-top:20px;padding:6px 0;line-height:1.5}.video-shell>video[hidden]{display:none}.account-bar{justify-content:flex-end;align-items:center;gap:12px;min-height:24px;margin-bottom:12px;font-size:12px;display:flex}.account-bar span{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.account-panel{max-width:440px;margin:20px auto 30px}.account-panel h2{margin:12px 0;font-size:clamp(24px,4vw,34px);line-height:1.1}.account-panel p{line-height:1.5}.account-panel form{gap:18px;margin-top:22px;display:grid}.account-panel label{gap:8px;font-weight:600;display:grid}.account-panel input{width:100%;font:inherit;color:#222;background:#faf9f4;border:1px solid #b5b3a8;border-radius:8px;padding:12px 14px}.account-links{justify-content:space-between;gap:16px;display:flex}.consent{align-items:flex-start;gap:9px;margin:18px 0;font-size:12px;line-height:1.5;display:flex}.consent input{flex-shrink:0;width:16px;height:16px;margin-top:2px}.consent a{color:inherit;text-decoration:underline}.saved-productions{border:1px solid #b5b3a8;border-radius:8px;margin:16px 0;padding:12px;font-size:13px}.saved-productions p{margin:0 0 7px}[hidden]{display:none!important}.privacy-page{color:#252525;background:#faf9f4;border-radius:16px;max-width:720px;margin:50px auto;padding:24px;line-height:1.65}.privacy-page h1{font-size:36px}.privacy-page h2{margin-top:24px;font-size:22px}.privacy-page a{color:inherit;text-decoration:underline}