.m27-open{position:absolute;right:12px;bottom:9px;z-index:80;padding:8px 15px;border:1px solid #ffe32f;border-radius:9px;background:#06193b;color:#ffe32f;font-weight:900}.m27-studio{position:fixed;inset:6vh 5vw;z-index:310000;overflow:auto;border:2px solid #ffe32f;border-radius:20px;background:radial-gradient(circle at 70% 0,#10346b,#020a1c 55%);color:#eef7ff;box-shadow:0 0 45px #137eff99}.m27-studio[hidden]{display:none}.m27-studio>header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#061b44ee;border-bottom:1px solid #ffe32f}.m27-studio h2,.m27-studio h3{color:#ffe32f}.m27-studio>header small{color:#58f5a4}.m27-close{width:48px;height:48px;border:1px solid #258cff;border-radius:50%;background:#020d25;color:white;font-size:28px}.m27-studio>main{padding:24px}.m27-engine{display:flex;justify-content:space-between;gap:18px;padding:14px;border:1px solid #365d88;border-radius:12px;background:#061830}.m27-engine.ok b{color:#53ffa7}.m27-engine.off b{color:#ffb65a}.m27-menu,.m27-actors,.m27-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.m27-menu button,.m27-projects article,.m27-actors article{padding:20px;border:1px solid #217ddd;border-radius:14px;background:#071d45;color:#fff;text-align:left}.m27-menu b,.m27-menu span{display:block}.m27-menu b{color:#ffe32f;font-size:18px}.m27-steps,.m27-choice{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.m27-steps button,.m27-choice button,.m27-stage button,.m27-studio footer button{padding:10px 14px;border:1px solid #237fe0;border-radius:9px;background:#081e46;color:#eef7ff}.m27-steps .on,.m27-choice .on,.m27-cast .on{border-color:#ffe32f;color:#ffe32f;box-shadow:0 0 12px #ffe32f55}.m27-stage input,.m27-stage textarea,.m27-studio main>textarea,.m27-actor-form input{box-sizing:border-box;width:100%;margin:8px 0;padding:12px;border:1px solid #267dd0;border-radius:9px;background:#020d24;color:#fff}.m27-stage textarea,.m27-studio main>textarea{min-height:130px}.m27-character-list label{display:grid;grid-template-columns:1fr auto;gap:6px}.m27-cast>div{display:flex;gap:10px;overflow:auto}.m27-cast button{min-width:105px}.m27-cast img,.m27-actors img{width:82px;height:82px;object-fit:cover;border-radius:10px}.m27-scenes,.m27-board,.m27-scene-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.m27-scenes article,.m27-board article{padding:14px;border:1px solid #267bd0;border-radius:12px;background:#051938}.m27-board article>div{height:90px;display:grid;place-items:center;background:#020a19;font-size:38px}.m27-stage footer,.m27-studio footer{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.m27-before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m27-before-after div{min-height:190px;display:grid;place-items:center;border:1px dashed #2889e5;background:#020c20;color:#8db6df}.m27-projects article{display:grid;gap:8px}.m27-projects b{color:#ffe32f}@media(max-width:700px){.m27-studio{inset:2vh 2vw}.m27-studio>main{padding:12px}.m27-engine{display:grid}.m27-steps{overflow:auto;flex-wrap:nowrap}.m27-before-after{grid-template-columns:1fr}}
.m27-before-after div{overflow:hidden}.m27-before-after img{display:block;width:100%;max-height:52vh;object-fit:contain}.m27-progress{position:relative;height:42px;margin:14px 0;border:1px solid #258cff;border-radius:10px;background:#020b1d;overflow:hidden}.m27-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#0a60db,#25e6aa);transition:width .35s}.m27-progress b{position:relative;z-index:1;display:grid;height:100%;place-items:center}.m27-error{padding:12px;border:1px solid #ff5b73;border-radius:9px;color:#ff9dad;background:#380b1a}.m27-thumbs,.m27-variations{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px}.m27-thumbs button,.m27-variations button{position:relative;padding:5px;border:1px solid #258cff;border-radius:10px;background:#03132e;color:#ffe32f}.m27-thumbs img,.m27-variations img{width:100%;height:130px;object-fit:cover;border-radius:7px}.m27-thumbs span,.m27-variations span{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:6px;background:#00112ddd}@media(max-width:700px){.m27-thumbs,.m27-variations{grid-template-columns:repeat(2,1fr)}}