/* Creation Studio + professional timeline polish */
.kaiGenerateButton{grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;grid-template-areas:"spark label" "spark sub";justify-content:center!important;justify-items:center!important;text-align:center!important;column-gap:8px!important} .kaiGenerateButton>span{grid-area:spark!important;align-self:center!important}.kaiGenerateButton>b{grid-area:label!important;text-align:center!important}.kaiGenerateButton>small{grid-area:sub!important;text-align:center!important} .how>div:first-child{text-align:center!important;margin-inline:auto!important}.how>div:first-child .eyebrow,.how>div:first-child h2{text-align:center!important} .proTimeline{background:#06080c!important;border-color:#1d2632!important;} .proTimelineToolbar{background:#0b0e13!important;border-color:#1d2632!important} .proTimelineScroll{background:linear-gradient(180deg,#080b10,#05070a)!important} .proRuler{background:#0b0e13!important;border-color:#26303c!important}.proRuler span{color:#8792a0!important} .proTrack{border-bottom-color:#151c25!important}.proTrack>header{background:#0d1117!important;border-right-color:#252f3b!important}.proTrack>header b{font-weight:800!important;letter-spacing:.055em!important;color:#9aa5b3!important} .proLane{background-image:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;background-size:48px 100%!important} .proClip,.proCaptionClip{border-radius:3px!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.35)!important} .proClip{padding-left:25px!important;background:linear-gradient(180deg,#274d63,#18384a)!important;border-color:#39708e!important;color:#e7f4fb!important} .proClip.t-video{background:linear-gradient(180deg,#27556d,#173c50)!important;border-color:#3d7898!important} .proClip.t-audio{background:linear-gradient(180deg,#275b49,#183c31)!important;border-color:#3d8068!important;color:#e8fff6!important} .proClip.t-title{background:linear-gradient(180deg,#66448a,#472e64)!important;border-color:#8962ae!important;color:#fff4ff!important} .proClip.t-effect{background:linear-gradient(180deg,#7b5520,#523614)!important;border-color:#a7772f!important;color:#fff2d4!important} .proClip.t-adjustment{background:linear-gradient(180deg,#74641e,#4d4212)!important;border-color:#9e8a31!important;color:#fff8d5!important} .proClipTypeBadge{position:absolute!important;left:5px!important;top:50%!important;transform:translateY(-50%)!important;z-index:8!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border-radius:2px!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.38)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font:800 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.02em!important;pointer-events:none!important} .proClip span{padding:0 28px 0 2px!important;font-size:7px!important;letter-spacing:.01em!important} .proClip.t-title span:before{content:"TEXT ";font-size:5px;color:#e5c4ff;letter-spacing:.12em}.proClip.t-video span:before{content:"VIDEO ";font-size:5px;color:#b9e9ff;letter-spacing:.1em}.proClip.t-audio span:before{content:"AUDIO ";font-size:5px;color:#c4f8df;letter-spacing:.1em} .proClipAiButton{right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:19px!important;height:19px!important;border-radius:3px!important;background:#141922!important;border:1px solid #7f5ac3!important;color:#d8c1ff!important;box-shadow:none!important;z-index:10!important} .proClipAiButton:hover{background:#261b39!important;border-color:#b381ff!important;color:#fff!important} .proClip.selected{outline:2px solid #e5b4ff!important;outline-offset:1px!important;filter:none!important}.proClip.t-title.selected{outline-color:#f0c9ff!important} .proPlayhead{background:#ff3b63!important;width:2px!important}.proPlayhead b{background:#ff3b63!important} .proCaptionClip{background:linear-gradient(180deg,#6d447e,#493052)!important;border-color:#9362a7!important}

/* Lumetra semantic timeline: graphics/text are not video media. */
#proEditor .proTrack[data-track="G1"]>header{background:linear-gradient(180deg,#17101f,#100c17)!important;border-right-color:#4d3264!important}
#proEditor .proTrack[data-track="G1"]>header b{color:#e6c8ff!important}
#proEditor .proTrack[data-track="G1"] .proLane{background:linear-gradient(180deg,rgba(115,68,151,.08),rgba(26,18,34,.14))!important}
#proEditor .proTrack[data-track="V1"]>header b{color:#bcecff!important}
#proEditor .proTrack[data-track="A1"]>header b,#proEditor .proTrack[data-track="A2"]>header b{color:#bff4d8!important}
#proEditor .proTrack[data-track="C1"]>header b{color:#f0c4ff!important}
#proEditor .proClip.t-title{background:linear-gradient(180deg,#7b4aa4,#563174)!important;border-color:#aa78d1!important;color:#fff8ff!important}
#proEditor .proClip.t-title .proClipTypeBadge{min-width:22px!important;background:#2d153e!important;border-color:#b77edf!important;color:#f8e9ff!important}
#proEditor .proClip.t-title span:before{content:"GRAPHIC "!important;color:#e9c9ff!important}
#proEditor .proInspectorPanel.detail-open .proInspectorToolDeck{display:none!important}
#proEditor .proInspectorPanel.detail-open .proInspectorDetail{display:block!important}

/* Pro editor upgrades: richer text controls and clearer track drag affordances */
.proTextDesigner .proTextGrid input[type="range"]{width:100%}.proTrack .proLane{transition:background .12s ease}.proTrack .proLane.dropTarget{background:rgba(144,94,255,.12)!important;outline:1px dashed rgba(190,153,255,.65);outline-offset:-2px}.proClip.dragging{opacity:.82;filter:brightness(1.12);cursor:grabbing!important}.proTextDesigner .proKeyframeBox{margin-top:12px;padding:10px;border:1px solid rgba(168,107,236,.28);border-radius:10px;background:rgba(123,62,193,.08)}