:root{color-scheme:dark;--paper:#f2e6cb;--gold:#d2b574;--muted:#bfc6b7;--glass:rgba(12,27,23,.88)}*{box-sizing:border-box}body.studio-page{margin:0;background:#0d1916 url('../bg/composer-atelier-20260908.webp') center top/cover fixed;color:var(--paper);font-family:'Noto Sans JP',sans-serif;line-height:1.7;min-height:100vh}body.studio-page:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(6,17,14,.25),rgba(6,17,14,.42));pointer-events:none;z-index:-1}a{color:var(--paper);text-underline-offset:5px}.atelier-header{display:flex;justify-content:space-between;padding:22px 4vw;font-size:12px}.atelier-header a{text-decoration:none}.atelier-intro{margin:8px 4vw 25px;text-shadow:0 2px 15px #000}.atelier-kicker{font:11px Cinzel,serif;letter-spacing:.22em;color:var(--gold)}h1{font:400 clamp(26px,3vw,40px)/1.6 'Noto Serif JP',serif;margin:10px 0 4px}.atelier-intro>p:last-of-type{font-size:13px;letter-spacing:.05em}.atelier-steps{display:flex;list-style:none;padding:0;gap:32px;font-size:12px;margin:20px 0 0}.atelier-steps b{font:16px Cinzel,serif;color:var(--gold);margin-right:9px}.atelier-footer{padding:24px 4vw 35px;font-size:12px;color:var(--muted)}.atelier-mobile{display:none}
.studio-page #studio-proto{position:relative!important;inset:auto!important;margin:0 4vw;min-height:560px;background:transparent!important;border:1px solid #c5a76d60;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px #0008;z-index:1!important}.studio-page #stp-header{background:var(--glass)!important;padding:16px 22px!important}.studio-page #stp-header-brand{font-size:14px!important}.studio-page #stp-header-desc{font-size:12px!important}.studio-page #stp-shell{align-items:stretch}.studio-page #stp-workspace{background:rgba(10,22,20,.48);min-height:480px}.studio-page #stp-video-bay{min-height:260px!important;height:clamp(260px,34vh,430px);flex:none!important;padding:22px!important}.studio-page #stp-video{height:100%;max-height:100%!important;max-width:100%;object-fit:contain}.studio-page #stp-drop{padding:34px!important;background:rgba(11,24,21,.75);backdrop-filter:blur(10px);border-color:#b4c4ae80!important;width:min(100%,590px);font-size:14px!important}.studio-page #stp-film,.studio-page #stp-deck{padding:20px 24px!important;background:var(--glass)!important}.studio-page #stp-library{flex:0 0 300px!important;background:rgba(11,26,21,.94)!important;max-height:1100px}.studio-page #stp-list{min-height:240px;max-height:740px;padding:12px!important}.studio-page #stp-list [role=button]{min-height:60px;border-bottom:1px solid #e2d3b414}.studio-page #stp-list [role=button]:focus-visible{outline:2px solid var(--gold)}.studio-page #stp-wave-wrap{height:100px!important}.studio-page #stp-export{border-radius:9px!important;min-height:44px;font-size:13px!important}.studio-page #stp-deck>div{line-height:1.7;row-gap:12px!important}.studio-page #stp-deck>div:nth-child(3){padding-left:0!important}.studio-page #stp-master-chips button,.studio-page #stp-eq-chips button{min-height:32px}.studio-page #stp-close{display:none}.studio-page #stp-mobile-tabs{display:none}.studio-page #studio-proto-btn,.studio-page #studio-proto-hint{display:none!important}.studio-page button:focus-visible,.studio-page input:focus-visible,.studio-page a:focus-visible{outline:2px solid #f1d28b;outline-offset:4px}.studio-page #stp-search{width:100%;border:1px solid #b8c6ae55;background:#071b15;color:var(--paper);border-radius:8px;font:inherit;font-size:13px;padding:11px;margin:12px 0 0}.studio-page #stp-drop:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:1000px){.studio-page #stp-library{flex-basis:250px!important}.studio-page #stp-header-desc{display:none}.studio-page #stp-deck,.studio-page #stp-film{padding:16px!important}.stp-film-head{flex-wrap:wrap}.studio-page #stp-video-bay{height:280px}.atelier-steps{gap:20px}}
@media(max-width:760px){.atelier-header{padding:20px}.atelier-intro{margin:45px 24px}.atelier-steps{flex-wrap:wrap;gap:14px}.atelier-mobile{display:block;margin:24px;padding:26px;background:var(--glass);border:1px solid #c5a76d60;border-radius:16px}.atelier-mobile h2{font:400 22px/1.7 'Noto Serif JP',serif}.atelier-mobile p{font-size:14px}.atelier-footer{margin:0 20px}.studio-page #studio-proto{display:none!important}}

.studio-page .atelier-export{margin-top:24px;padding-top:20px;border-top:1px solid #c5a76d44;align-items:flex-start!important;gap:12px!important}.studio-page .atelier-export>span{font-size:12px!important;max-width:650px!important}.atelier-range{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:16px 0}.atelier-range label{font-size:12px;color:#d0d6c9}.atelier-range input{display:block;width:110px;margin-top:5px;padding:9px;border-radius:6px;border:1px solid #c5a76d66;background:#0d211a;color:#f2e6cb;font:14px inherit}.atelier-range [role=status]{font-size:12px;color:#d2b574}.studio-page #stp-deck .stp-deck-head{flex-wrap:wrap}.studio-page #stp-deck>div:nth-child(4){padding-left:0!important}