/* VioVid — BranchCut / Live Rules / Motion Tracking / search / transition preview */
.editor-launch{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;align-content:center;gap:9px;background:radial-gradient(circle at 50% 36%,#2c1262 0,#100b1d 34%,#08080b 70%);transition:.5s opacity,.5s visibility}
.editor-launch.hide{opacity:0;visibility:hidden;pointer-events:none}.editor-launch-mark{width:112px;height:112px;display:grid;place-items:center;filter:drop-shadow(0 18px 35px #7c3cff55);animation:launchFloat 1.8s ease-in-out infinite}.editor-launch-mark img{width:100%;height:100%;object-fit:contain}.editor-launch strong{font-size:24px;letter-spacing:-.04em}.editor-launch span{font-size:10px;color:#8f879f}.editor-launch>i{display:block;width:130px;height:3px;border-radius:99px;background:#26202f;overflow:hidden;position:relative}.editor-launch>i:after{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(90deg,#8b5cf6,#d946ef);border-radius:inherit;animation:launchBar 1.05s ease-in-out infinite}@keyframes launchBar{0%{transform:translateX(-100%)}100%{transform:translateX(330%)}}@keyframes launchFloat{50%{transform:translateY(-6px) scale(1.02)}}
.render-icon img{width:44px;height:44px;object-fit:contain}.render-icon{background:transparent!important;width:64px!important;height:64px!important}
.future-tool .tool-glyph{font-size:18px;color:#b88cff}.future-hero{padding:13px;border:1px solid #342b3f;border-radius:10px;background:radial-gradient(circle at 100% 0,#712be322,transparent 45%),#1b191e;margin-bottom:9px}.future-hero>span{display:inline-flex;padding:4px 7px;border-radius:99px;background:#7428d722;color:#c9a5ff;border:1px solid #7b43bc55;font-size:6.8px;font-weight:800;letter-spacing:.08em}.future-hero>b{display:block;color:#ece6f4;font-size:12px;margin:8px 0 5px}.future-hero p{margin:0;color:#81798b;font-size:8.3px;line-height:1.55}.future-hero .primary-small{margin-top:11px;width:100%;height:31px;background:linear-gradient(100deg,#7339eb,#a342f4)!important}.future-note{padding:9px;border:1px dashed #39333f;border-radius:8px;background:#19181b;color:#817b87;font-size:8px;line-height:1.55;margin-top:8px}.future-note b{color:#b8aec4}
.branch-tree{display:grid;gap:7px;position:relative}.branch-trunk,.branch-node{min-height:46px;border:1px solid #333039;border-radius:8px;background:#1c1b1e;display:grid;align-items:center}.branch-trunk{grid-template-columns:10px 1fr auto;padding:8px 10px}.branch-trunk i{width:8px;height:8px;border-radius:50%;background:#777}.branch-trunk b{font-size:8.8px}.branch-trunk small{color:#6e6873;font-size:7px}.branch-node{grid-template-columns:10px minmax(0,1fr) auto;gap:8px;text-align:left;color:#c9c4ce;padding:8px 9px;cursor:pointer}.branch-node i{width:9px;height:9px;border-radius:50%;background:var(--bc);box-shadow:0 0 14px var(--bc)}.branch-node b{font-size:8.5px}.branch-node small{display:block;color:#66616c;font-size:6.8px;margin-top:2px}.branch-node em{font-style:normal;font-size:6.5px;color:#8f8798;border:1px solid #3b3740;border-radius:99px;padding:3px 6px}.branch-node.active{border-color:var(--bc);background:#211e25}.branch-node.active em{color:#fff;background:var(--bc);border-color:transparent}.branch-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:6px;margin-top:8px}.branch-actions button{min-height:31px;border:1px solid #38333e;border-radius:7px;background:#242126;color:#b6aebf;font-size:7.5px;cursor:pointer}.branch-actions button:hover{background:#2b2630;color:#fff}
.rule-compose{display:grid;grid-template-columns:1fr auto;gap:6px;margin:8px 0}.rule-compose textarea{min-height:58px;resize:vertical;background:#1b1a1d;border:1px solid #37333b;border-radius:8px;color:#c8c3cc;padding:8px;font:inherit;font-size:8px}.rule-compose button,.rule-scan{border:0;border-radius:8px;background:#6f38df;color:#fff;font-weight:750;font-size:8px;padding:0 10px;cursor:pointer}.rule-list{display:grid;gap:6px}.rule-row{display:grid;grid-template-columns:22px 30px minmax(0,1fr) 24px;align-items:center;gap:6px;padding:7px;border:1px solid #302d34;border-radius:8px;background:#1c1b1d}.rule-index{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#252329;color:#827b8b;font-size:7px}.rule-toggle{width:28px;height:16px;border:0;border-radius:99px;background:#38343d;position:relative;cursor:pointer}.rule-toggle i{position:absolute;width:10px;height:10px;border-radius:50%;background:#8a8490;left:3px;top:3px;transition:.2s}.rule-toggle.on{background:#6f38df}.rule-toggle.on i{left:15px;background:white}.rule-row b{display:block;font-size:7.8px;color:#c7c2cb;line-height:1.35}.rule-row small{display:block;font-size:6.2px;color:#625d68;margin-top:2px}.rule-del{border:0;background:transparent;color:#6e6873;font-size:15px;cursor:pointer}.rule-scan{width:100%;min-height:34px;margin:9px 0;background:linear-gradient(100deg,#6e38dc,#9b3de8)}.rule-results{display:grid;gap:5px}.rule-results>button{display:grid;grid-template-columns:48px 1fr;gap:6px;align-items:center;text-align:left;border:1px solid #313039;background:#1b1b1d;border-radius:7px;color:#aca7b1;padding:7px;cursor:pointer}.rule-results>button b{color:#bb91ff;font-size:7.5px}.rule-results>button span{font-size:7.2px}
.panel-search-wrap{height:31px;display:grid;grid-template-columns:24px 1fr;align-items:center;border:1px solid #323036;border-radius:8px;background:#19191b;margin:0 0 9px;padding:0 6px}.panel-search-wrap span{color:#706b75;text-align:center}.future-search{width:100%;height:28px;border:0;outline:0;background:transparent;color:#cac5cf;font:inherit;font-size:8px}.future-search::placeholder{color:#5c5861}
.transition-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.transition-preview-card{border:1px solid #303035;background:#1c1c1e;color:#c7c3ca;border-radius:9px;padding:5px;text-align:left;cursor:pointer;overflow:hidden}.transition-preview-card:hover{border-color:#5e447e;background:#232027}.transition-media{display:block;aspect-ratio:16/10;border-radius:7px;overflow:hidden;position:relative;background:#111}.transition-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.transition-media .tr-a{z-index:1}.transition-media .tr-b{z-index:2;animation-duration:2.2s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.66,0,.34,1)}.transition-media i{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:1px;background:#ffffff77;box-shadow:0 0 10px #ad65ff;animation:trLine 2.2s infinite}.transition-preview-card>b{display:block;font-size:8px;margin:5px 2px 1px}.transition-preview-card>small{display:block;color:#5d5961;font-size:6.5px;margin:0 2px 2px}.transition-preview-card[data-motion="fade"] .tr-b{animation-name:trFade}.transition-preview-card[data-motion="slide"] .tr-b{animation-name:trSlide}.transition-preview-card[data-motion="wipe"] .tr-b{animation-name:trWipe}.transition-preview-card[data-motion="zoom"] .tr-b{animation-name:trZoom}.transition-preview-card[data-motion="spin"] .tr-b{animation-name:trSpin}.transition-preview-card[data-motion="flash"] .tr-b{animation-name:trFlash}.transition-preview-card[data-motion="vert"] .tr-b{animation-name:trVert}@keyframes trFade{0%,15%{opacity:0}52%,85%{opacity:1}100%{opacity:0}}@keyframes trSlide{0%,15%{transform:translateX(100%)}55%,85%{transform:none}100%{transform:translateX(-100%)}}@keyframes trWipe{0%,15%{clip-path:inset(0 100% 0 0)}55%,85%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%)}}@keyframes trZoom{0%,15%{opacity:0;transform:scale(1.35)}55%,85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.82)}}@keyframes trSpin{0%,15%{opacity:0;transform:rotate(8deg) scale(1.18)}55%,85%{opacity:1;transform:none}100%{opacity:0;transform:rotate(-8deg) scale(.9)}}@keyframes trFlash{0%,25%{opacity:0;filter:brightness(1)}45%{opacity:1;filter:brightness(2.4)}58%,85%{opacity:1;filter:brightness(1)}100%{opacity:0}}@keyframes trVert{0%,15%{transform:translateY(100%)}55%,85%{transform:none}100%{transform:translateY(-100%)}}@keyframes trLine{0%,15%{left:0;opacity:0}30%{opacity:1}70%{left:100%;opacity:1}85%,100%{opacity:0}}
.motion-card{border:1px solid #4b3565;border-radius:10px;padding:10px;background:radial-gradient(circle at 100% 0,#8c43e819,transparent 45%),#1c1a20;margin-bottom:9px}.motion-head{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center}.motion-head>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#7335df;color:white;font-size:16px}.motion-head b{font-size:9px;color:#dbd2e5}.motion-head small{display:block;color:#756d7e;font-size:7px;line-height:1.4;margin-top:2px}.motion-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.motion-actions button{min-height:30px;border:1px solid #3b3443;border-radius:7px;background:#26212b;color:#b8afc1;font-size:7px;cursor:pointer}.motion-actions button:hover{background:#31283a;color:#fff}.motion-actions button:disabled{opacity:.45}.motion-status{margin-top:7px;padding:6px;border-radius:6px;background:#171619;color:#766f7e;font-size:7px}.motion-pick-marker{position:absolute;z-index:500;width:28px;height:28px;margin:-14px 0 0 -14px;border:1px solid #d8b4fe;border-radius:50%;box-shadow:0 0 0 3px #9333ea55,0 0 22px #a855f777;pointer-events:none;display:none}.motion-pick-marker.show{display:block}.motion-pick-marker:before,.motion-pick-marker:after{content:"";position:absolute;background:#e9d5ff}.motion-pick-marker:before{left:50%;top:-8px;bottom:-8px;width:1px}.motion-pick-marker:after{top:50%;left:-8px;right:-8px;height:1px}.motion-picking #stage{cursor:crosshair!important}.motion-picking #stage:after{content:"Takip edilecek kişi / kafa / nesne üzerine tıkla";position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:800;background:#0e0d11dd;border:1px solid #68438d;color:#d8c4ef;border-radius:7px;padding:6px 9px;font-size:7px;white-space:nowrap}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tool-card-80{min-height:62px;display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;text-align:left;border:1px solid #302e34;border-radius:8px;background:#1c1b1e;color:#bcb7c1;padding:7px;cursor:pointer}.tool-card-80:hover{background:#252128;border-color:#493b59}.tool-card-80>span{grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#26212d;color:#b88cff}.tool-card-80 b{font-size:7.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card-80 small{font-size:6.4px;color:#625e67;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card-80[hidden],.transition-preview-card[hidden],.effect-preview-card[hidden],.animation-preview-card[hidden],.sfx-row[hidden]{display:none!important}
.mobile-panel-collapse{display:none;border:1px solid #39343f!important;background:#242128!important;color:#bca8d4!important;border-radius:6px!important;width:27px!important;height:26px!important;font-size:15px!important;cursor:pointer!important}
@media(max-width:900px){.mobile-panel-collapse{display:grid!important;place-items:center}.panel-head .panel-actions{margin-left:auto}.left-pane{transition:.25s height,min-height}.left-pane.media-collapsed{height:105px!important;min-height:105px!important}.left-pane.media-collapsed .asset-panel{flex:0 0 42px!important;min-height:42px!important}.left-pane.media-collapsed .panel-body{display:none!important}.left-pane.media-collapsed .panel-head{border-bottom:0!important}.transition-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.transition-preview-grid{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:1fr 1fr}.motion-actions{grid-template-columns:1fr}.branch-actions{grid-template-columns:1fr}.rule-compose{grid-template-columns:1fr}.rule-compose button{min-height:30px}.editor-launch-mark{width:86px;height:86px}}