/* Studio de séquences, desktop et télécommande */
#studio-btn{display:inline-flex!important;position:fixed!important;right:340px!important;bottom:16px!important;top:auto!important;z-index:25000!important;min-width:132px!important;min-height:48px!important;align-items:center!important;justify-content:center!important;border:1px solid #5e9fe8!important;border-radius:10px!important;background:#173a5d!important;color:#d8ebff!important;box-shadow:0 10px 35px rgba(0,0,0,.5)!important;font-weight:800!important}#studio-btn::before{content:'🎬';margin-right:7px}#studio-overlay{position:fixed;inset:0;z-index:30000;display:none;background:rgba(8,8,10,.82);backdrop-filter:blur(14px);padding:20px;box-sizing:border-box;overflow:auto}#studio-overlay.open{display:block}.studio{width:min(1120px,100%);margin:auto;background:#19191d;border:1px solid #3b3b43;border-radius:16px;color:#fff;box-shadow:0 30px 100px #000;padding:24px;box-sizing:border-box}.studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.studio h2{margin:0;font-size:24px}.studio-sub{color:#999aa3;margin:4px 0 20px;font-size:13px}.studio-close{width:44px;height:44px;border:1px solid #45454d;border-radius:9px;background:#242429;color:#fff;font-size:20px}.studio-grid{display:grid;grid-template-columns:300px 1fr;gap:20px}.studio-card{border:1px solid #36363d;border-radius:12px;background:#202024;padding:16px}.studio-card h3{margin:0 0 14px;color:#d4b46e;font:700 12px 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase}.studio label{display:block;margin:10px 0 5px;color:#b7b7be;font-size:11px}.studio input,.studio select{width:100%;height:40px;box-sizing:border-box;border:1px solid #46464e;border-radius:7px;background:#111114;color:#fff;padding:0 10px}.studio button{min-height:40px;border:1px solid #4d4d55;border-radius:8px;background:#28282e;color:#fff;padding:0 13px;cursor:pointer}.studio button.primary{background:#cdaa64;color:#17130c;border-color:#cdaa64;font-weight:800}.studio button.blue{border-color:#2783de;color:#9acbff}.studio button.red{border-color:#d9564b;color:#ffaaa3}.studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.save-feedback{min-height:20px;margin-top:10px;font-size:12px;color:#9b9ca5}.save-feedback.ok{color:#72bc8f}.save-feedback.error{color:#e97366}.remote-code{font:800 34px/1 'Courier New',monospace;letter-spacing:.18em;color:#fff;margin:10px 0}.timeline-tools{display:grid;grid-template-columns:1.5fr .7fr 1fr 1fr 1fr auto;gap:7px;align-items:end;margin-bottom:12px}.timeline-tools label{margin:0}.timeline-tools select,.timeline-tools input{margin-top:5px}.timeline-list{min-height:190px;display:flex;flex-direction:column;gap:8px}.timeline-empty{display:grid;place-items:center;min-height:180px;border:1px dashed #494950;border-radius:10px;color:#777881}.timeline-step{display:grid;grid-template-columns:32px 1fr 90px 130px 120px 76px;gap:8px;align-items:center;padding:10px;border:1px solid #3e3e46;border-radius:10px;background:#17171a}.timeline-step.dragging{opacity:.45}.drag-handle{font-size:18px;color:#777;cursor:grab}.step-title{font-weight:700}.step-meta{color:#898a92;font-size:11px;margin-top:2px}.step-duration{font:700 13px 'Courier New',monospace;color:#e2c37d}.play-progress{height:4px;background:#303037;border-radius:4px;overflow:hidden;margin-top:14px}.play-progress i{display:block;height:100%;width:0;background:#5e9fe8;transition:width .15s linear}.player-state{display:flex;justify-content:space-between;color:#999aa3;font-size:12px;margin-top:7px}
.sequence-transition-fade{animation:seqFade .45s ease both}.sequence-transition-slide-left{animation:seqLeft .48s cubic-bezier(.2,.8,.2,1) both}.sequence-transition-slide-up{animation:seqUp .48s cubic-bezier(.2,.8,.2,1) both}.sequence-transition-zoom{animation:seqZoom .5s cubic-bezier(.2,.9,.2,1) both}.sequence-transition-flip{animation:seqFlip .6s cubic-bezier(.2,.8,.2,1) both;backface-visibility:hidden}@keyframes seqFade{from{opacity:0}to{opacity:1}}@keyframes seqLeft{from{opacity:0;transform:translateX(35%)}to{opacity:1;transform:none}}@keyframes seqUp{from{opacity:0;transform:translateY(35%)}to{opacity:1;transform:none}}@keyframes seqZoom{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:none}}@keyframes seqFlip{from{opacity:0;transform:perspective(900px) rotateY(70deg)}to{opacity:1;transform:none}}
body.sim-macbook #phone-frame,body.sim-windows #phone-frame{width:min(820px,72vw)!important;height:min(510px,65vh)!important;border-radius:13px!important;padding:10px!important}body.sim-macbook #phone-screen,body.sim-windows #phone-screen{border-radius:7px!important}body.sim-macbook #notch,body.sim-windows #notch{display:none!important}body.sim-macbook #screen-home .grid,body.sim-windows #screen-home .grid{grid-template-columns:repeat(6,1fr);padding:35px 38px;gap:25px}body.sim-macbook #screen-home .dock,body.sim-windows #screen-home .dock{width:auto;left:50%;right:auto;transform:translateX(-50%);bottom:12px;padding:8px 12px;gap:12px;background:rgba(235,235,242,.28)}body.sim-macbook #screen-home .bg{background:linear-gradient(145deg,#1d5d97,#a63b79 58%,#f09b58)}body.sim-windows #screen-home .bg{background:linear-gradient(145deg,#0878c9,#19a3e7 50%,#153f80)}body.sim-windows #screen-home .dock{left:0;right:0;bottom:0;transform:none;border-radius:0;justify-content:center;background:rgba(20,25,35,.75)}body.sim-macbook #screen-lock .bg{background:linear-gradient(135deg,#202850,#78446e,#d17c57)}body.sim-windows #screen-lock .bg{background:linear-gradient(135deg,#065a9d,#1298d4)}body.sim-macbook #screen-lock .content,body.sim-windows #screen-lock .content{margin-top:8%}body.sim-macbook #screen-lock .time,body.sim-windows #screen-lock .time{font-size:58px}.icon-cinema-safe .app-icon-svg{filter:saturate(.72);border-radius:24%}.icon-cinema-safe #screen-home .app .icon{border-radius:22%}
body.stage-mode #studio-overlay{display:none!important}
@media(max-width:800px){#studio-btn{right:16px!important;bottom:16px!important}#studio-overlay{padding:0}.studio{min-height:100%;border-radius:0;padding:16px}.studio-grid{grid-template-columns:1fr}.timeline-tools{grid-template-columns:1fr 1fr}.timeline-step{grid-template-columns:24px 1fr 58px}.timeline-step .hide-mobile{display:none}body.sim-macbook #phone-frame,body.sim-windows #phone-frame{width:96vw!important;height:58vw!important;max-height:72vh!important}}
