:root{--paper:#f5f4ee;--ink:#22281f;--muted:#767b70;--line:#dddfd4;--blue:#2949eb;--lime:#d6ee64;--white:#fff;--font:'Helvetica Neue','Hiragino Sans',sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7d93f5;outline-offset:4px}button{color:inherit}button,input,textarea{border-radius:0}svg{display:block}p,h1,h2,h3{margin:0}.wrap{width:min(1248px,calc(100% - 96px));margin-inline:auto}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:'Helvetica Neue',sans-serif;font-size:23px;font-weight:700;letter-spacing:-1px}.brand-version{display:inline-block;margin-left:7px;font-size:13px;letter-spacing:-.2px;font-weight:500;vertical-align:top;padding-top:3px}.brand-mark{display:flex;align-items:center;gap:3px;height:26px}.brand-mark i{display:block;width:4px;border-radius:3px;background:var(--ink)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:19px}.brand-mark i:nth-child(4){height:9px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:600}.site-header nav a{display:flex;gap:15px;align-items:center}.site-header nav a:hover{color:var(--blue)}.access-tag{font-family:'Helvetica Neue',sans-serif;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.8px;border:1px solid #ccd0c2;border-radius:30px;padding:8px 12px}.access-tag>span,.art-dot,.status-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;min-height:625px;padding-top:52px;padding-bottom:60px;gap:14px}.hero-copy{padding-top:4px}.eyebrow{font-family:'Helvetica Neue','Hiragino Sans',sans-serif;font-size:10px;font-weight:650;letter-spacing:1.9px;display:flex;align-items:center;gap:12px}.small-rule{display:block;width:28px;height:1px;background:var(--ink)}h1{font-size:clamp(54px,5.6vw,80px);line-height:1.34;font-weight:550;letter-spacing:-5px;margin-top:24px;margin-left:-4px}h1 span{color:var(--blue)}.hero-description{font-size:14px;line-height:2.2;color:#606857;letter-spacing:.25px;margin-top:26px}.button{min-height:52px;display:inline-flex;justify-content:center;align-items:center;gap:13px;padding:14px 23px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:550;transition:transform .18s,background .18s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#3a4431}.hero-cta{margin-top:27px}.button .arrow{font-size:20px;margin-left:22px;font-weight:400}.play-icon{display:inline-block;width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}.hero-note{font-family:'Helvetica Neue',sans-serif;font-size:10px;color:var(--muted);margin-top:18px;letter-spacing:.2px}.hero-note span{margin:0 7px}.sound-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;padding:18px 0 2px}.art-topline,.art-bottomline{display:flex;justify-content:space-between;gap:10px;font-family:'Helvetica Neue','Hiragino Sans',sans-serif;font-size:9px;font-weight:500;letter-spacing:1.1px;color:#7c8174}.art-topline{padding:0 20px}.art-bottomline{padding:0 20px}.art-bottomline>span:first-child{display:flex;align-items:center;gap:8px}.art-dot{width:5px;height:5px}.wave-art{width:100%;height:auto;max-height:475px;margin:7px 0}.manifesto-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eeeeE5}.manifesto-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.manifesto-inner>p{font-size:13px;letter-spacing:1px}.manifesto-inner>span{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:1.4px;font-weight:500}.flow-line{display:inline-block;width:110px;height:1px;background:#a4aa98;position:relative}.flow-line:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #a4aa98;border-right:1px solid #a4aa98;transform:rotate(45deg)}.listening-section{padding-top:85px;padding-bottom:84px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.section-heading .eyebrow{color:var(--blue)}h2{font-size:34px;font-weight:500;letter-spacing:-1.4px;line-height:1.6;margin-top:12px}.section-intro{color:var(--muted);font-size:12px;line-height:2.1;padding-bottom:4px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:34px;padding-bottom:25px}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.filter{background:none;border:1px solid var(--line);border-radius:24px;padding:9px 16px;font-size:11px;white-space:nowrap;transition:background .18s,color .18s}.filter:hover{border-color:#a9b09a}.filter.active{background:var(--ink);border-color:var(--ink);color:white}.sample-count{font-size:10px;color:var(--muted);white-space:nowrap}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sample-card{background:#fafaf6;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}.sample-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #26301a08}.sample-card.is-playing{border-color:var(--blue)}.card-visual{height:160px;padding:20px 22px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-sage{background:#e4e9dc;color:#596c51}.visual-blue{background:#dfe6f3;color:#4369a2}.visual-peach{background:#f0e3d8;color:#b38566}.visual-lilac{background:#e7e2ec;color:#81739b}.visual-lime{background:#e9edcf;color:#778250}.visual-rose{background:#eee0dd;color:#aa7775}.card-index{position:absolute;top:17px;left:21px;font-size:9px;letter-spacing:1.3px}.card-type{position:absolute;top:17px;right:20px;font-size:8px;letter-spacing:1px;opacity:.8}.card-wave{width:100%;height:80px;opacity:.85}.sample-play{position:absolute;width:44px;height:44px;right:19px;bottom:17px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff80;border-radius:50%;background:#fffef7e8;color:var(--ink);box-shadow:0 3px 8px #1f2a2010;transition:transform .18s,background .18s}.sample-play:hover:not(:disabled){transform:scale(1.08);background:white}.sample-play:disabled{opacity:.5;cursor:default}.sample-play .play-icon{border-left-width:9px;margin-left:3px}.pause-icon{height:13px;width:10px;border-left:3px solid currentColor;border-right:3px solid currentColor}.card-duration{position:absolute;bottom:20px;left:21px;font-family:'Helvetica Neue',sans-serif;font-size:9px;letter-spacing:.5px}.card-body{padding:20px 21px 16px}.card-category{color:var(--muted);font-size:9px;letter-spacing:.5px;margin-bottom:7px}.card-body h3{font-size:17px;font-weight:550;letter-spacing:-.35px;line-height:1.6}.card-description{color:#7a8072;font-size:11px;line-height:1.9;margin-top:9px;min-height:42px}.card-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:18px}.text-button{border:0;background:none;padding:3px 0;font-size:10px;color:var(--muted)}.text-button:hover{color:var(--blue)}.import-prompt{color:#47503e}.import-prompt span{margin-left:9px}.card-details{border-top:1px solid var(--line);padding:12px 0 1px;margin-top:13px}.card-details p{font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#66715d}.card-details .detail-label{font-family:'Helvetica Neue',sans-serif;font-size:8px;letter-spacing:1px;color:#8a907e;margin:0 0 5px}.card-details .transcript{margin-top:14px}.track-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.track-button{background:#ecefe4;border:0;padding:6px 9px;border-radius:3px;font-size:10px}.gallery-footnote{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:9px;line-height:1.8;color:#898e80;padding-top:20px}.gallery-footnote p{display:flex;align-items:center;gap:7px}.ai-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#939a87;flex-shrink:0}.gallery-state{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px dashed #cdd2c1;border-radius:5px;color:var(--muted);font-size:12px;text-align:center;padding:24px;line-height:1.9}.gallery-state button{margin-top:3px}.loading-ring{display:inline-block;width:20px;height:20px;border:2px solid #cdd3c5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.studio-section{background:#e9ece2;border-top:1px solid #dce1d2;border-bottom:1px solid #dce1d2;padding:76px 0 78px}.studio-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.studio-intro h2{font-size:37px;line-height:1.55;margin-top:15px}.studio-intro>p:not(.eyebrow):not(.studio-access){font-size:12px;color:#747c68;line-height:2.1;margin-top:19px}.prompt-advice{display:grid;grid-template-columns:26px 1fr;column-gap:12px;row-gap:20px;margin-top:34px}.advice-number{font-family:'Helvetica Neue',sans-serif;color:#8b937d;font-size:10px;padding-top:3px}.prompt-advice p{font-size:10px;color:#808873;line-height:1.9}.prompt-advice strong{display:block;color:#46523b;font-size:11px;font-weight:500;margin-bottom:1px}.studio-intro .studio-access{margin-top:37px;font-size:10px;color:#777f6a;display:flex;align-items:center;gap:9px;line-height:1.9}.studio-access>span{font-size:20px;color:#7b885c}.studio-panel{background:#fbfcf7;border:1px solid #d9decd;border-radius:7px;padding:26px;align-self:start;box-shadow:0 4px 8px #26301a03}.panel-topline{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;color:#919783;padding-bottom:23px;margin-bottom:21px;border-bottom:1px solid var(--line)}.panel-topline>span:first-child{display:flex;align-items:center;gap:7px;color:#5b6650}.status-led{width:5px;height:5px;background:#7f925b}.field-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:11px}.field-heading label{font-size:12px;font-weight:500}textarea{width:100%;display:block;border:1px solid #dce0d2;background:#f3f5ed;border-radius:4px;color:var(--ink);font-size:12px;line-height:1.9;padding:14px 15px;resize:vertical;min-height:180px;max-height:520px}textarea::placeholder{color:#9ca38e}.textarea-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#959b88;margin-top:7px}.preset-row{display:flex;gap:13px;align-items:flex-start;margin-top:20px}.preset-row>span{font-size:9px;color:#949b87;white-space:nowrap;padding-top:6px}.preset-row>div{display:flex;flex-wrap:wrap;gap:6px}.preset-button{font-size:9px;border:1px solid #dce1d0;border-radius:3px;background:transparent;padding:5px 8px;color:#6d785f}.preset-button:hover{border-color:#8b9c72;background:#f0f4e8}.studio-bottom{display:flex;gap:20px;align-items:flex-end;margin-top:24px}.passcode-field{flex:1;min-width:0}.passcode-field label{font-size:10px;display:block;margin-bottom:7px}.passcode-field input{width:100%;border:1px solid #dce0d2;border-radius:3px;background:white;padding:11px 12px;font-size:11px;color:var(--ink)}.passcode-field input::placeholder{color:#a0a793}.passcode-field>span{font-size:8px;color:#959d88;display:block;margin-top:6px}.button-blue{background:var(--blue);color:#fff;font-size:11px;min-height:41px;padding:11px 17px;gap:21px;margin-bottom:18px;white-space:nowrap}.button-blue:hover{background:#1c3ad4}.form-note{font-size:8px;line-height:1.8;color:#979e8a;margin-top:20px;padding-top:15px;border-top:1px solid #e7eadf}.job-output{margin-top:23px;padding:19px;border-radius:4px;background:#edf1e5;border:1px solid #dce3cf;font-size:12px;line-height:1.9}.job-output[hidden]{display:none}.job-output.error{background:#f8eee7;border-color:#ecdacc}.job-output>p{color:#77836a;font-size:10px;margin-top:5px;overflow-wrap:anywhere}.job-output h3{font-size:13px;font-weight:500;display:flex;gap:9px;align-items:center}.job-output h3 .loading-ring{width:14px;height:14px}.job-output audio{display:block;width:100%;height:42px;margin-top:14px}.output-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:12px}.output-links a,.output-links button{font-size:10px;color:#3651ae;text-decoration:underline;text-underline-offset:3px}.output-links button{background:none;border:0;padding:0}.output-track-label{margin-top:13px!important;color:#5d6a50!important}.closing{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:46px;padding-bottom:46px;border-bottom:1px solid var(--line)}.closing>p{font-size:18px;font-weight:450;letter-spacing:-.4px}.closing>a{font-size:11px;color:#727b65;display:flex;gap:23px;align-items:center}.closing>a:hover{color:var(--blue)}.closing>a span{font-size:19px}.site-footer{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#8a927d}.footer-brand{font-size:16px;color:var(--ink);gap:9px}.footer-brand .brand-mark{transform:scale(.8);transform-origin:left center;margin-right:-4px}.footer-brand .brand-version{font-size:9px;margin-left:5px}.site-footer>p,.site-footer>span{font-size:9px}.site-footer>p span{margin:0 8px}.now-playing{position:fixed;bottom:0;left:0;right:0;background:#22291ff5;color:#f6f7ed;border-top:1px solid #394231;z-index:10;backdrop-filter:blur(14px);box-shadow:0 -4px 24px #17201110}.now-playing[hidden]{display:none}.now-playing-inner{display:flex;gap:18px;align-items:center;height:80px}.player-toggle{width:36px;height:36px;flex-shrink:0;border:0;border-radius:50%;background:var(--lime);color:#22291f;display:flex;justify-content:center;align-items:center;font-size:16px}.player-toggle .play-icon{margin-left:3px}.now-playing-label{display:flex;flex-direction:column;gap:5px;max-width:32%;min-width:160px}.now-playing-label>span{font-size:7px;letter-spacing:1.2px;color:#a5b495}.now-playing-label>strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-seek{flex:1;display:flex;align-items:center;gap:18px;margin-left:20px}.player-seek input{min-width:0;width:100%;height:3px;accent-color:var(--lime);cursor:pointer}.player-seek>span{font-family:'Helvetica Neue',sans-serif;font-size:10px;color:#b3beaa;white-space:nowrap}.player-close{background:none;border:0;color:#c7cebf;font-size:23px;padding:6px;margin-left:10px;font-weight:400}body.has-player{padding-bottom:80px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.hero{min-height:660px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:570px}h1{font-size:65px}.studio-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.studio-panel{padding:22px}.studio-bottom{gap:12px}.button-blue{padding:11px 13px;gap:10px}.sample-grid{gap:16px}.card-body{padding:18px}.card-visual{height:150px}.art-bottomline{font-size:8px;letter-spacing:.6px}}@media(max-width:820px){.site-header{height:84px}.site-header nav{gap:20px;font-size:11px}.brand{font-size:21px}.access-tag{font-size:8px;padding:7px 9px}.hero{gap:0;min-height:525px;padding-top:34px;padding-bottom:40px;grid-template-columns:1fr 1fr}h1{font-size:57px;letter-spacing:-4px}.hero-description{font-size:12px}.sound-art{margin-right:-16px}.art-topline,.art-bottomline{font-size:7px;letter-spacing:.5px;padding-inline:10px}.art-bottomline>span:last-child{display:none}.section-heading h2{font-size:29px}.listening-section{padding-top:61px;padding-bottom:60px}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card-visual{height:160px}.gallery-footnote{align-items:flex-start;flex-direction:column;gap:4px}.studio-layout{grid-template-columns:1fr;gap:30px}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.studio-intro .eyebrow{grid-column:1/-1}.studio-intro h2{grid-column:1;font-size:31px}.studio-intro>p:not(.eyebrow):not(.studio-access){grid-column:1;margin-top:10px}.prompt-advice{grid-column:2;grid-row:2/4;row-gap:15px;margin-top:20px}.studio-intro .studio-access{grid-column:1/-1;margin-top:23px}.studio-section{padding:54px 0}.studio-panel{padding:27px}.studio-bottom{gap:22px}.button-blue{padding:11px 23px;gap:24px}.closing>p{font-size:16px}.site-footer>span{display:none}}@media(max-width:580px){.wrap{width:calc(100% - 40px)}.site-header{height:76px}.brand{font-size:20px;gap:9px}.brand-version{font-size:11px}.site-header nav{gap:0}.site-header nav a:first-child{display:none}.site-header nav a{font-size:10px;gap:8px}.access-tag{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:36px;padding-bottom:24px}.hero-copy{padding-top:0}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:64px;line-height:1.25;letter-spacing:-4px;margin-top:23px}.hero-description{margin-top:21px;font-size:12px;line-height:2.1}.hero-cta{margin-top:23px;min-height:48px;font-size:11px;padding-inline:19px}.hero-note{font-size:9px;margin-top:14px}.sound-art{margin:25px -7px 0;padding:0}.wave-art{height:260px;margin:0}.art-topline,.art-bottomline{font-size:7px;padding-inline:10px}.art-bottomline>span:last-child{display:block}.manifesto-inner{min-height:68px;gap:14px}.manifesto-inner>p{font-size:10px;letter-spacing:.2px;max-width:165px;line-height:1.8}.manifesto-inner>span{font-size:8px;gap:9px;letter-spacing:.7px}.flow-line{width:34px}.listening-section{padding-top:43px;padding-bottom:43px}.section-heading{display:block}.section-heading h2{font-size:28px;letter-spacing:-1px;margin-top:8px}.section-intro{font-size:11px;margin-top:14px;line-height:1.9}.section-intro br{display:none}.gallery-toolbar{align-items:flex-start;padding-top:23px;padding-bottom:18px;gap:12px}.category-filters{gap:6px}.filter{font-size:10px;padding:7px 12px}.sample-count{display:none}.sample-grid{grid-template-columns:1fr;gap:18px}.card-visual{height:170px;padding:20px 25px}.card-wave{width:88%;height:87px}.card-body{padding:20px}.card-description{min-height:0}.card-actions{margin-top:16px}.card-body h3{font-size:18px}.card-description{font-size:12px}.card-category{font-size:10px}.text-button{font-size:11px}.card-details p{font-size:12px}.gallery-footnote{font-size:8px;line-height:1.9;padding-top:16px}.gallery-footnote p{align-items:flex-start}.ai-dot{margin-top:6px}.studio-section{padding:40px 0}.studio-intro{display:block}.studio-intro h2{font-size:32px;line-height:1.55;margin-top:14px}.studio-intro h2 br{display:none}.studio-intro>p:not(.eyebrow):not(.studio-access){font-size:11px;margin-top:14px}.prompt-advice{grid-template-columns:21px 1fr;gap:12px 9px;margin-top:22px}.prompt-advice p{font-size:10px}.prompt-advice strong{display:inline;margin-right:10px;font-size:11px}.studio-intro .studio-access{font-size:9px;margin-top:22px}.studio-layout{gap:25px}.studio-panel{padding:19px 16px}.panel-topline{font-size:7px;margin-bottom:18px;padding-bottom:17px}.field-heading label{font-size:11px}.field-heading .text-button{font-size:9px}textarea{font-size:12px;min-height:203px;padding:12px}.textarea-meta{font-size:8px}.preset-row{display:block;margin-top:15px}.preset-row>span{display:block;margin-bottom:8px;font-size:8px}.preset-button{font-size:9px}.studio-bottom{display:block;margin-top:21px}.passcode-field label{font-size:10px}.passcode-field input{font-size:12px;padding:12px}.passcode-field>span{font-size:8px}.button-blue{width:100%;margin:18px 0 0;min-height:46px;font-size:12px;justify-content:space-between;padding-inline:18px}.form-note{font-size:8px;margin-top:17px}.closing{display:block;padding-block:30px}.closing>p{font-size:17px}.closing>a{font-size:10px;margin-top:14px;justify-content:space-between}.site-footer{min-height:94px;gap:12px;align-items:flex-start;flex-direction:column;justify-content:center;padding-block:22px}.footer-brand{font-size:16px}.site-footer>p{font-size:8px}.now-playing-inner{height:78px;gap:10px;flex-wrap:wrap;align-content:center;position:relative;padding-right:26px}.player-toggle{width:31px;height:31px}.now-playing-label{max-width:calc(100% - 44px);min-width:0;flex:1}.now-playing-label>strong{font-size:10px}.now-playing-label>span{font-size:6px}.player-seek{flex-basis:100%;margin:0 0 0 40px;gap:10px}.player-seek>span{font-size:8px}.player-close{position:absolute;right:-7px;top:13px;margin:0;font-size:23px}.job-output{padding:15px}.job-output h3{font-size:12px}.job-output>p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

[hidden]{display:none!important}.access-screen{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:radial-gradient(ellipse at 85% 15%,#dfe7ec88,transparent 48%),radial-gradient(ellipse at 10% 85%,#e3e9cd88,transparent 45%),var(--paper)}.access-card{width:100%;max-width:400px}.access-card>.brand{margin-bottom:57px}.access-card>.eyebrow{color:var(--blue);font-size:9px}.access-card>h1{font-size:35px;letter-spacing:-1.4px;margin:12px 0 16px;line-height:1.5}.access-description{font-size:12px;line-height:2.1;color:var(--muted)}.access-card form{margin-top:30px}.access-card label{display:block;font-size:11px;margin-bottom:9px}.access-card input{width:100%;padding:14px 16px;border:1px solid #d6ddca;border-radius:4px;background:#fffffb;font-size:13px}.access-card input::placeholder{color:#a1a994}.access-card .button-blue{width:100%;justify-content:space-between;min-height:48px;margin:13px 0 0;font-size:12px}.access-card #access-message{font-size:10px;line-height:1.9;color:#747e67;min-height:20px;margin-top:12px}.access-card #access-message.has-error{color:#a35132}.access-confidential{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;font-size:9px;color:#9aA18d;line-height:1.9}.header-access{display:flex;align-items:center;gap:12px}.logout-button{border:0;background:transparent;font-size:9px;padding:4px;color:#939a86}.logout-button:hover{color:var(--blue)}.generation-hint{flex:1;font-size:9px;line-height:1.9;color:#8b957c}.studio-bottom{align-items:center}.studio-bottom>.button-blue{margin-bottom:0}@media(max-width:580px){.header-access{gap:0}.site-header nav{margin-left:auto;margin-right:19px}.generation-hint{font-size:9px}.studio-bottom>.button-blue{margin-top:14px}.access-card>.brand{margin-bottom:43px}.access-card>h1{font-size:32px}}

/* Official case gallery: three sections with consistent media-and-copy rows. */
.sample-grid { display: block; }
.case-group + .case-group { margin-top: 54px; }
.case-group-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 0 0 21px; }
.case-group-eyebrow { font-size: 9px; letter-spacing: 1.3px; color: #8b947f; }
.case-group-heading h3 { margin: 8px 0 7px; font-size: 23px; line-height: 1.5; letter-spacing: -.5px; font-weight: 500; }
.case-group-description { font-size: 11px; line-height: 1.9; color: #8b947f; }
.case-group-count { padding-bottom: 4px; flex-shrink: 0; color: #9aa38d; font-size: 9px; letter-spacing: .7px; }
.case-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.case-card { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: start; overflow: hidden; border: 1px solid #dce1d3; background: #fafbf6; border-radius: 6px; }
.case-card:hover { transform: none; box-shadow: none; }
.case-card.featured-case { border-color: #bdc9ea; background: #fafbfa; }
.case-card .card-body { min-width: 0; padding: 27px 30px; align-self: center; }
.case-card .card-category { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 11px; font-size: 9px; letter-spacing: .5px; }
.case-title { margin: 0; font-size: 22px; line-height: 1.6; letter-spacing: -.6px; font-weight: 500; }
.featured-case .case-title { font-size: 26px; }
.case-card .card-description { min-height: 0; margin-top: 13px; font-size: 12px; line-height: 2; color: #74806a; }
.featured-label { display: inline-flex; padding: 4px 7px; color: var(--blue); background: #edf0fc; border: 1px solid #c9d2f5; font-size: 8px; letter-spacing: .4px; border-radius: 2px; }
.case-media { min-width: 0; width: 100%; border-right: 1px solid #dce1d3; background: #edf1e7; align-self: start; }
.media-switcher { display: flex; align-items: center; gap: 7px; height: 52px; padding: 9px 12px; background: #edf1e7; border-bottom: 1px solid #dce3d3; }
.media-tab { min-width: 0; flex: 1; height: 32px; padding: 5px 9px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: #849177; font-size: 10px; line-height: 1.6; white-space: nowrap; }
.media-tab:hover { color: #465f35; background: #e4ebdb; }
.media-tab.active { color: #435b33; background: #fbfdf7; border-color: #d6dfc9; box-shadow: 0 1px 3px #26321e06; }
.single-media { justify-content: space-between; padding-inline: 18px; }
.single-media-label { font-size: 10px; color: #6d7c61; }
.single-media-language { font-size: 9px; color: #95a086; }
.media-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #172019; }
.case-video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; background: #172019; }
.media-caption { display: flex; align-items: center; min-height: 40px; margin: 0; padding: 8px 15px; font-size: 9px; line-height: 1.7; color: #8a947d; background: #edf1e7; }
.case-media .card-visual { position: absolute; inset: 0; height: 100%; width: 100%; padding: 20px 22px; }
.case-media .card-wave { width: 78%; height: 42%; max-height: 140px; }
.case-media .card-type { font-size: 9px; letter-spacing: .5px; }
.case-media .sample-play { width: 46px; height: 46px; right: 23px; bottom: 23px; }
.case-media .card-duration { left: 24px; bottom: 27px; }
.media-error { position: absolute; inset: auto 0 0; padding: 18px; color: #e8eddf; background: #282b24ed; font-size: 11px; line-height: 1.9; }
.media-unavailable { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; padding: 24px; color: #939b87; font-size: 11px; line-height: 1.9; text-align: center; }
.localization-note { margin-top: 13px; font-size: 10px; line-height: 1.9; color: #929b87; }
.case-source { display: inline-block; margin-top: 13px; color: #9aa38f; font-size: 9px; line-height: 1.8; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #d3dac9; }
.case-source:hover { color: var(--blue); text-decoration-color: var(--blue); }
.stem-section { margin-top: 17px; padding-top: 12px; border-top: 1px solid var(--line); }
.stem-section summary { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #68795a; font-size: 11px; line-height: 1.9; cursor: pointer; list-style: none; }
.stem-section summary::-webkit-details-marker { display: none; }
.stem-section summary:after { content: '＋'; color: #899b74; font-size: 13px; }
.stem-section[open] summary:after { content: '−'; }
.stem-section .track-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 12px; }
.stem-section .track-button { display: flex; align-items: center; gap: 9px; min-height: 38px; padding: 9px 10px; text-align: left; color: #697b59; background: #f1f5e9; border: 1px solid #dce4d0; border-radius: 3px; font-size: 10px; }
.stem-section .track-button:hover { background: #e7efda; }
.stem-section .track-button.active { color: #435d2b; background: #e4ecd1; border-color: #b7c997; }
.track-button .play-icon { flex-shrink: 0; border-left-width: 6px; border-top-width: 4px; border-bottom-width: 4px; }
.track-button .pause-icon { flex-shrink: 0; height: 10px; width: 8px; border-left-width: 2px; border-right-width: 2px; }
.track-title { flex: 1; }
.track-time { color: #97a587; font-size: 8px; }
.case-card .card-actions { margin-top: 15px; }
.case-card > .card-details { grid-column: 1 / -1; margin: 0; padding: 23px 30px; border-top: 1px solid var(--line); background: #f3f6ed; }
.card-details .detail-label { font-size: 9px; letter-spacing: .5px; }
.original-prompt { margin-top: 16px; padding-top: 11px; border-top: 1px solid var(--line); }
.original-prompt summary { color: #879079; font-size: 10px; cursor: pointer; }
.original-prompt p { margin-top: 10px; color: #88927d; font-size: 10px; }
@media (max-width: 1100px) {
  .case-card .card-body { padding: 22px 24px; }
  .case-title { font-size: 19px; }
  .featured-case .case-title { font-size: 22px; }
  .case-card .card-description { margin-top: 10px; font-size: 11px; }
  .localization-note { margin-top: 10px; font-size: 9px; }
}
@media (max-width: 820px) {
  .case-card { grid-template-columns: minmax(0, 1fr); }
  .case-media { border-right: 0; border-bottom: 1px solid #dce1d3; }
  .case-card .card-body { padding: 25px 26px; }
  .case-title { font-size: 22px; }
  .featured-case .case-title { font-size: 25px; }
  .case-card .card-description { font-size: 12px; }
  .localization-note { font-size: 10px; }
  .case-group + .case-group { margin-top: 42px; }
}
@media (max-width: 580px) {
  .case-group-heading { align-items: flex-start; gap: 12px; padding-bottom: 17px; }
  .case-group-heading h3 { font-size: 20px; margin: 7px 0; }
  .case-group-eyebrow { font-size: 8px; letter-spacing: 1px; }
  .case-group-description { font-size: 10px; line-height: 1.9; }
  .case-group-count { font-size: 8px; padding-top: 2px; }
  .case-list { gap: 18px; }
  .case-card .card-body { padding: 22px 20px; }
  .case-title, .featured-case .case-title { font-size: 21px; line-height: 1.6; }
  .case-card .card-category { font-size: 8px; gap: 8px; margin-bottom: 9px; }
  .case-card .card-description { font-size: 12px; line-height: 1.95; }
  .media-switcher { height: 49px; gap: 5px; padding: 8px 9px; }
  .media-tab { height: 32px; font-size: 10px; padding: 5px 6px; }
  .single-media { padding-inline: 15px; }
  .single-media-label { font-size: 9px; }
  .single-media-language { font-size: 8px; }
  .media-caption { min-height: 38px; padding: 8px 12px; font-size: 8px; }
  .case-media .card-visual { padding: 19px 21px; }
  .case-media .card-wave { width: 83%; height: 40%; }
  .case-media .sample-play { width: 40px; height: 40px; right: 18px; bottom: 17px; }
  .case-media .card-duration { left: 21px; bottom: 21px; }
  .case-media .card-type { font-size: 8px; }
  .stem-section .track-button { min-height: 42px; }
  .case-source { font-size: 9px; }
  .case-card > .card-details { padding: 20px; }
}

/* Live studio: one optional video or image, then the sound direction. */
.asset-field { margin-bottom: 25px; }
.optional-label { font-size: 9px; color: #929d84; }
.upload-dropzone { padding: 25px 18px 21px; border: 1px dashed #b5c69a; border-radius: 5px; background: #f0f5e7; text-align: center; transition: border-color .18s, background .18s; }
.upload-dropzone.is-dragging { border-color: var(--blue); background: #edf0fc; box-shadow: inset 0 0 0 1px var(--blue); }
.upload-dropzone.is-disabled { opacity: .55; }
.upload-symbol { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0 auto 11px; border: 1px solid #cad8b7; border-radius: 50%; background: #fbfdf8; color: #728959; font-size: 26px; line-height: 1; }
.upload-title { color: #4c623c; font-size: 14px; font-weight: 500; }
.upload-subtitle { margin-top: 5px; color: #91a17d; font-size: 10px; }
.upload-pick { display: inline-flex; align-items: center; gap: 22px; min-height: 36px; padding: 8px 14px; margin-top: 15px; color: #566f41; background: #fbfdf7; border: 1px solid #c7d6b1; border-radius: 3px; font-size: 10px; }
.upload-pick:hover:not(:disabled) { background: #fff; border-color: #97b474; }
.upload-pick span { font-size: 14px; }
.upload-limits { margin-top: 14px; color: #9aa58d; font-size: 8px; line-height: 1.9; }
.asset-optional-note { margin-top: 8px; color: #969f89; font-size: 8px; line-height: 1.8; }
.selected-asset { overflow: hidden; border: 1px solid #d5dfc8; border-radius: 5px; background: #f4f7ed; }
.upload-preview { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #20271d; }
.upload-preview video, .upload-preview img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.upload-preview-fallback { position: absolute; inset: auto 0 0; padding: 14px; color: #d5ddca; background: #20271ded; font-size: 10px; line-height: 1.9; text-align: center; }
.asset-info { padding: 14px 16px 12px; }
.asset-heading { display: flex; align-items: flex-start; gap: 15px; justify-content: space-between; }
.asset-heading > div { min-width: 0; }
.asset-name { overflow-wrap: anywhere; color: #586b48; font-size: 11px; line-height: 1.6; }
.asset-metadata { margin-top: 4px; color: #97a388; font-size: 8px; line-height: 1.8; }
.asset-remove { flex-shrink: 0; width: 25px; height: 25px; margin: -3px -4px 0 0; padding: 0; border: 0; background: none; color: #8a997b; font-size: 21px; }
.asset-remove:hover:not(:disabled) { color: #445d30; }
.upload-status { display: flex; align-items: center; gap: 7px; margin-top: 11px; color: #8b977c; font-size: 9px; line-height: 1.8; }
.upload-status .loading-ring { width: 12px; height: 12px; flex-shrink: 0; }
.upload-status.ready { color: #688050; }
.upload-status.error { color: #b06e45; }
.asset-ready-mark { font-size: 12px; color: #6e8c4c; }
.asset-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
.asset-actions .text-button { font-size: 9px; color: #899978; }
.asset-actions #upload-retry { color: #a27147; }
.upload-error { margin-top: 10px; padding: 11px 13px; border: 1px solid #e8d8c5; border-radius: 3px; background: #f8f0e6; color: #9d6d43; font-size: 10px; line-height: 1.9; overflow-wrap: anywhere; }
.output-video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; margin-top: 16px; border-radius: 3px; background: #20271d; }
.job-output .video-download { margin-top: 12px; margin-bottom: 21px; }
.job-output .video-download a { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 11px; color: #4d653b; border: 1px solid #bacb9f; border-radius: 3px; background: #f6faef; text-decoration: none; }
.job-output .output-media-error { color: #a16e45; font-size: 10px; line-height: 1.9; }
@media (min-width: 821px) { .studio-intro { position: sticky; top: 35px; align-self: start; } }
@media (max-width: 580px) {
  #studio-title br { display: block; }
  .asset-field { margin-bottom: 22px; }
  .upload-dropzone { padding: 22px 12px 19px; }
  .upload-title { font-size: 13px; }
  .upload-limits { font-size: 8px; }
  .upload-preview { max-height: none; }
  .asset-info { padding: 13px; }
  .asset-name { font-size: 10px; }
  .upload-status { font-size: 9px; }
  .upload-error { font-size: 10px; }
  .optional-label { font-size: 8px; }
  .job-output .video-download a { font-size: 10px; }
}
.job-output .output-media-notice { margin-top: 13px; padding: 11px 12px; border: 1px solid #d7dfc7; border-radius: 3px; background: #f4f7ec; color: #7e8e6b; font-size: 10px; line-height: 1.9; }