/* The editor markup and app.css come directly from the desktop renderer. */
body{width:1440px;height:810px;pointer-events:none}.workspace{min-height:0}.top{height:440px!important;flex:none!important}.library{width:290px!important}.inspector{width:360px!important}.menubar .title{white-space:nowrap}.steps-bar{flex-wrap:nowrap!important}.tl-track,.tl-head{height:45px}.tl-content{min-width:100%;width:100%}.tl-ruler{display:flex;justify-content:space-between;padding:5px 15px;font:10px Consolas;color:#999}.demo-thumb{height:80px;background:linear-gradient(135deg,#152535,#4b7291);position:relative;display:grid;place-items:center;font-size:22px;color:#a8d2f2}.demo-media{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.demo-media article{background:#292929;border:1px solid #404040;border-radius:3px;overflow:hidden}.demo-media p{font-size:10px;margin:6px}.demo-thumb.two{background:linear-gradient(35deg,#675b42,#b0ac91)}.demo-thumb.three{background:linear-gradient(140deg,#463456,#9b77ac)}.demo-thumb.four{background:#1d3936}.viewer{background:#101011;display:flex;align-items:center;justify-content:center}.demo-film{height:100%;aspect-ratio:9/16;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#5785ad,transparent 65%),linear-gradient(140deg,#122d43,#09131e);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.demo-film .film-micro{font-size:9px;letter-spacing:4px;color:#c6d8e6}.demo-film h2{font:800 41px/.98 Raleway,sans-serif;text-align:center;letter-spacing:-1px;z-index:2}.demo-film h2 span{color:#92c5ff}.film-orbit{position:absolute;width:200px;height:200px;border:1px solid #9ac8f444;border-radius:50%;transform:rotate(-30deg) scaleX(.6);box-shadow:0 0 60px #579cf733}.film-orbit.o2{transform:rotate(35deg) scaleX(.6)}.film-caption{position:absolute;bottom:35px;max-width:90%;background:#060a12dd;border-radius:3px;padding:5px 9px;text-align:center;font-weight:800;font-size:17px;opacity:0}.film-caption b{color:#ffd359}.demo-film.has-captions .film-caption{opacity:1}.demo-wave{position:absolute;left:0;right:0;top:19px;height:18px;background:repeating-linear-gradient(90deg,transparent 0 3px,#204c3c 3px 5px,transparent 5px 8px);clip-path:polygon(0 40%,5% 15%,10% 40%,15% 0,20% 35%,25% 15%,30% 45%,35% 5%,40% 35%,45% 15%,50% 35%,55% 0,60% 30%,65% 10%,70% 35%,75% 0,80% 25%,85% 5%,90% 30%,95% 15%,100% 40%,100% 65%,0 80%)}.demo-prompt{padding:12px;margin:12px 0;background:#24384f;border:1px solid #3b5f88;border-radius:8px;font-size:12px}.demo-reply{padding:12px;line-height:1.8;font-size:12px;color:#c9d7e7}.demo-reply b{color:#79b7ff}.demo-step-active{background:#2680eb!important;color:white!important;box-shadow:0 0 20px #2680eb55}.demo-cut .clip{transition:left .7s ease,width .7s ease}.demo-fx-row{display:flex;justify-content:space-between;padding:9px 6px;border-bottom:1px solid #303030;font-size:12px}.demo-fx-row span{color:#4b9cf5}#demoCursor{position:fixed;z-index:100;left:520px;top:300px;transition:left .65s cubic-bezier(.22,.65,.25,1),top .65s cubic-bezier(.22,.65,.25,1);filter:drop-shadow(0 3px 4px #0008)}#demoCursor span{position:absolute;top:26px;left:19px;background:#2680eb;padding:3px 9px;color:white;white-space:nowrap;font:10px 'Segoe UI';border-radius:3px}#demoCursor.click:after{content:'';position:absolute;left:-12px;top:-12px;width:35px;height:35px;border:2px solid #8fc1ff;border-radius:50%;animation:click .55s ease-out forwards}@keyframes click{to{transform:scale(1.8);opacity:0}}.demo-film.playing h2{animation:float-title 4s ease-in-out infinite}.demo-film.playing .film-orbit{animation:orbit 5s linear infinite}@keyframes float-title{50%{transform:scale(1.06) translateY(-5px)}}@keyframes orbit{50%{transform:rotate(100deg) scaleX(.6)}}.paused *{animation-play-state:paused!important;transition:none!important}
.top{height:410px!important}.demo-film h2{font-size:25px;letter-spacing:-.8px;width:100%;padding:0 5px}.demo-media{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important}.demo-media article{width:auto!important;min-width:0}.demo-media .demo-thumb{width:100%}.demo-media p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-toolbar input[type=range]{width:75px}.tl-toolbar{gap:4px}.tl-toolbar button{padding:3px 6px}
/* Vertical workspace matches the supplied desktop layout. */
.workspace{gap:7px}.ws-right{width:32%;min-width:0}.top{height:383px!important;gap:8px}.top>.vsplit{display:none}.library{width:30%!important}.inspector{width:auto!important;flex:1;min-width:0}.steps-bar{overflow:hidden;gap:3px}.steps-bar button{font-size:10px;padding:5px 6px}.steps-bar select{max-width:75px;font-size:10px}.steps-t{font-size:9px}.demo-film{height:100%;max-width:100%;background:#101011;aspect-ratio:9/16;display:block}.demo-film video{display:block;width:100%;height:100%;object-fit:contain}.viewer{min-height:0;padding:10px;overflow:hidden}.rulers-wrap{min-height:0}.ws-right .transport{padding:8px 5px}.ws-right .tbtns{gap:0}.ws-right .tbtns button{padding:4px}.tc{min-width:80px;font-size:12px}.demo-thumb{height:145px;overflow:hidden;background:#223a3b}.demo-thumb img{width:100%;height:100%;object-fit:cover}.demo-thumb>span{position:absolute;right:3px;bottom:3px;font-size:10px;background:#0009;padding:2px 4px}.audio-thumb{font-size:45px;color:#78b695}.demo-media{gap:8px;padding:8px}.q-card{min-height:74px}.q-card.demo-step-active{background:#293d55!important;box-shadow:none;border-color:#3e80c9}.q-card.demo-step-active span{color:#b5c8db}.rtabs button{font-size:11px;padding:9px 8px}.tl-heads{width:118px}.tl-track,.tl-head{height:47px}.tl-toolbar{gap:4px;overflow:hidden}.tl-toolbar button{font-size:10px;padding:4px 5px}.tl-toolbar .tools{gap:2px}.tl-toolbar input[type=range]{width:55px}.tl-toolbar .hint{font-size:9px;max-width:70px}.tl-toolbar .check{font-size:10px}.real-wave{position:absolute;left:0;top:10px;width:100%;height:33px}.clip.current-caption{outline:1px solid #fff;outline-offset:-2px;filter:brightness(1.1)}.clip.k-main{background-image:linear-gradient(#9d8fd9e6,#9d8fd9e6),url('../assets/showcase-poster.jpg');background-size:auto,30px 54px}.track-icon{font-size:9px;color:#858585}#operation-status{margin-top:10px;color:#8fc1ff;font-size:11px;padding:8px;background:#1f2833;border-radius:5px}.menubar .title{font-size:10px}.menus .menu{padding:5px 7px}.demo-prompt{margin:14px 0}.demo-reply{line-height:1.9}