.dk-frame{--k-app:#000;--k-panel:#1d1d1d;--k-pr-lane:#191919;--k-pr-line:#2a2a2a;--k-pr-text:#d0d0d0;--k-pr-dim:#8d8d8d;--k-pr-tick:#5c5c5c;--k-pr-target:#135dc2;--k-pr-blue:#4896ed;--k-pr-workarea:#efef4b;--k-sunken:#161616;--k-well:#1c1c1c;--k-panel-2:#232323;--k-raised:#2e2e2e;--k-field:#2e2e2e;--k-input:#0003;--k-line:#2e2e2e;--k-line-strong:#383838;--k-line-hover:#767676;--k-white:#fff;--k-text:#e8e8e8;--k-muted:#c8c8c8;--k-dim:#a3a3a3;--k-faint:#767676;--k-tc:#ffffff40;--k-accent:#4096ff;--k-accent-hi:#5ea7ff;--k-accent-soft:#4096ff26;--k-accent-line:#4096ff66;--k-brand:#7e52f3;--k-brand-hi:#9273f5;--k-danger:#e5484d;--k-success:#30a46c;--k-warning:#f5a623;--k-violet:var(--k-accent);--k-violet-hi:var(--k-accent-hi);--k-violet-soft:var(--k-accent-soft);--k-mint:var(--k-success);--k-amber:var(--k-warning);--k-rail-default:#ffffff29;--k-rail-1:#5eead4e6;--k-rail-2:#c4b5fde6;--k-rail-3:#fdba74e6;--k-rail-4:#7dd3fce6;--k-rail-5:#f9a8d4e6;--k-heart:#ff0068;--k-heart-soft:#ff006829;--k-paper:#f7f2ff;--k-clip-video:#136289;--k-clip-audio:#136289;--k-clip-wave:#66c1f9;--k-clip-caption:#7d4a86;--k-clip-title:#8a6526;--k-clip-media:#3c6e46;--k-playhead:var(--k-pr-blue);--k-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--k-fs-body:13px;--k-fs-ui:11px;--k-fs-chip:10px;--k-fs-tc:12px;--k-r:8px;--k-r-md:6px;--k-r-sm:4px;-webkit-user-select:none;user-select:none;width:100%;font-family:var(--k-font);font-size:var(--k-fs-body);color:var(--k-text);-webkit-font-smoothing:antialiased;line-height:1.5;position:relative;overflow:hidden;container-type:inline-size}.dk-frame--card{background:var(--k-app);border-radius:12px;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -40px #000c}.dk-canvas{transform-origin:0 0;position:absolute;top:0;left:0}[data-demo-frame]{contain:layout paint style}.dk-canvas *{box-sizing:border-box}.dk-canvas>*,.dk-panel-body>*,.dk-monitor>*{position:absolute}.dk-footage{background:#000;position:absolute;inset:0;overflow:hidden}.dk-footage img,.dk-footage video{-o-object-fit:cover;object-fit:cover;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.dk-panel{background:var(--k-panel);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.dk-panel-tabs{flex:none;align-items:center;gap:16px;height:28px;padding:0 10px;display:flex;position:relative}.dk-panel-tab{height:100%;color:var(--k-pr-dim);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:400;display:flex;position:relative}.dk-panel-tab.is-active{color:var(--k-pr-text)}.dk-panel-tab.is-active .dk-panel-tab-label{box-shadow:inset 0 -1.5px 0 var(--k-pr-text);padding:5px 0 4px}.dk-panel-tab-menu{color:var(--k-pr-dim);display:inline-flex}.dk-panel-body{flex:1;position:relative}.dk-panel-zoom{transform-origin:0 0;position:absolute;top:0;left:0}.dk-panel-zoom>*{position:absolute}.dk-monitor{background:#000;overflow:hidden}.dk-monitor-bar{height:28px;color:var(--k-pr-text);white-space:nowrap;align-items:center;gap:12px;padding:0 10px;font-size:12px;display:flex}.dk-monitor-bar .dk-timecode{font-size:13px}.dk-monitor-select{height:20px;color:var(--k-pr-text);background:#121212;border-radius:3px;align-items:center;gap:10px;padding:0 6px;display:inline-flex}.dk-timecode{font-family:var(--k-font);color:var(--k-pr-blue);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.dk-tl{background:var(--k-panel);position:absolute}.dk-tl-ruler{position:absolute}.dk-tl-tick{background:var(--k-pr-tick);width:1px;height:6px;position:absolute;bottom:0}.dk-tl-tick em{font-variant-numeric:tabular-nums;color:var(--k-pr-text);white-space:nowrap;font-size:9px;font-style:normal;position:absolute;bottom:7px;left:3px}.dk-tl-row{border-bottom:1px solid var(--k-pr-line);position:absolute}.dk-tl-lane{background:var(--k-pr-lane);position:absolute;top:0;bottom:0;right:0}.dk-tl-label{height:100%;color:var(--k-pr-text);justify-content:center;align-items:center;font-size:10px;font-weight:400;display:flex}.dk-tl-label.is-target>span{background:var(--k-pr-target);color:#ebebeb;border-radius:3px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 3px;display:inline-flex}.dk-clip{color:#ffffffeb;white-space:nowrap;border-radius:3px;align-items:flex-start;gap:4px;padding:2px 5px 0;font-size:10px;font-weight:400;line-height:1.3;display:flex;position:absolute;overflow:hidden}.dk-clip--video{background:var(--k-clip-video)}.dk-clip--audio{background:var(--k-clip-audio);color:#ffffffd9}.dk-clip--audio .dk-wave rect{fill:var(--k-clip-wave)}.dk-clip--caption{background:var(--k-clip-caption)}.dk-clip--title{background:var(--k-clip-title)}.dk-clip--media{background:var(--k-clip-media)}.dk-clip.is-selected{filter:brightness(1.18);box-shadow:inset 0 0 0 1px #fff}.dk-clip-label{z-index:1;text-overflow:ellipsis;position:relative;overflow:hidden}.dk-clip .dk-wave{position:absolute;bottom:2px;left:3px}.dk-wave rect{fill:currentColor}.dk-playhead{border-left:1px solid var(--k-playhead);z-index:5;width:0;position:absolute}.dk-playhead-head{background:var(--k-playhead);border-radius:1px 1px 4px 4px;width:11px;height:9px;position:absolute;top:-1px;left:-6px}.dk-caption{font-family:var(--f-display), var(--k-font);letter-spacing:-.01em;color:#fff;text-align:center;text-shadow:0 2px 14px #00000073;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.08em .24em;font-weight:800;line-height:1.12;display:flex}.dk-word{border-radius:.14em;padding:0 .1em;transition:none;display:inline-block;position:relative}.dk-caption--marker .dk-word.is-upcoming{opacity:.5}.dk-caption--marker .dk-word.is-active{background:var(--k-heart);text-shadow:none}.dk-caption--pop .dk-word.is-upcoming{opacity:0}.dk-caption--pop .dk-word.is-active{color:#ffe14d;transform:scale(1.12)}.dk-cursor{z-index:50;pointer-events:none;filter:drop-shadow(0 2px 3px #0006);width:0;height:0;position:absolute}.dk-cursor svg{transform-origin:2px 1px;position:absolute;top:-1px;left:-2px}.dk-cursor-ring{border:1.5px solid #fffc;border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:0}.dk-btn{border-radius:var(--k-r-sm);font-size:var(--k-fs-ui);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:500;line-height:1;transition:none;display:flex}.dk-btn--xs{gap:4px;padding:0 6px}.dk-btn--sm{gap:4px;padding:0 8px}.dk-btn--lg{font-size:var(--k-fs-body);gap:8px;padding:0 16px}.dk-btn--icon{padding:0}.dk-btn svg{flex:none}.dk-btn--primary{color:#000;background:#fff}.dk-btn--primary.is-pressed{background:#ffffffe0}.dk-btn--ghost,.dk-btn--secondary{color:#ffffffe6;box-shadow:inset 0 0 0 1px #fff3}.dk-btn--text{color:var(--k-dim)}.dk-btn--quiet{color:var(--k-dim);box-shadow:inset 0 0 0 1px var(--k-line)}.dk-btn--brand{color:var(--k-brand-hi);background:#7e52f326;box-shadow:inset 0 0 0 1px #7e52f366}.dk-btn--danger{color:var(--k-danger);box-shadow:inset 0 0 0 1px #e5484d66}.dk-btn--toggle{color:var(--k-accent-hi);background:var(--k-accent-soft);box-shadow:inset 0 0 0 1px var(--k-accent-line)}.dk-btn.is-pressed:not(.dk-btn--primary){color:#fff;background:#ffffff1a}.dk-tag{height:15px;font-size:var(--k-fs-chip);letter-spacing:.025em;white-space:nowrap;border-radius:2px;align-items:center;gap:3px;padding:0 4px;font-weight:500;line-height:1;display:inline-flex}.dk-tag--dim{background:var(--k-raised);color:var(--k-dim)}.dk-tag--violet,.dk-tag--accent{background:var(--k-accent-soft);color:var(--k-accent-hi)}.dk-tag--heart{color:#ff8a8e;background:#e5484d26}.dk-tag--mint{color:#5fd39b;background:#30a46c26}.dk-tag--amber{color:var(--k-warning);background:#f5a62326}.dk-bv{background:var(--k-panel);color:var(--k-text);font-size:var(--k-fs-body);position:absolute}.dk-bv>*{position:absolute}.dk-bv-header{align-items:center;gap:4px;height:36px;padding:4px 12px 0;display:flex;top:0;left:0;right:0}.dk-bv-crumb{border-radius:var(--k-r-md);white-space:nowrap;align-items:center;gap:4px;min-width:0;padding:2px 4px;display:flex}.dk-bv-crumb.is-open{background:var(--k-line-strong)}.dk-bv-crumb-seq{color:var(--k-faint);text-overflow:ellipsis;overflow:hidden}.dk-bv-crumb-set{color:#fff}.dk-bv-head-right{color:var(--k-dim);align-items:center;gap:4px;margin-left:auto;display:flex}.dk-bv-iconbtn{border-radius:var(--k-r-sm);width:28px;height:28px;color:var(--k-dim);justify-content:center;align-items:center;display:flex}.dk-avatar{border-radius:50%;width:28px;height:28px;position:relative}.dk-avatar-face{color:var(--k-muted);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(145deg,#4a5470,#32384a);border-radius:50%;justify-content:center;align-items:center;font-size:8px;font-weight:500;display:flex;position:absolute;inset:18%}.dk-bv-toolbar{align-items:center;gap:4px;height:28px;display:flex;top:44px;left:8px;right:8px}.dk-bv-split{height:28px;margin-right:auto;display:flex}.dk-bv-split>.dk-btn{height:28px;box-shadow:inset 0 0 0 1px var(--k-line);position:relative}.dk-bv-split>.dk-btn:first-child{border-radius:var(--k-r-sm) 0 0 var(--k-r-sm)}.dk-bv-split>.dk-btn:last-child{border-radius:0 var(--k-r-sm) var(--k-r-sm) 0;width:28px;box-shadow:inset -1px 0 0 var(--k-line), inset 0 1px 0 var(--k-line), inset 0 -1px 0 var(--k-line);padding:0}.dk-bv-tools{border-radius:var(--k-r-sm);box-shadow:inset 0 0 0 1px var(--k-line);align-items:center;gap:1px;padding:1px;display:flex}.dk-bv-tool{height:24px;color:var(--k-dim);border-radius:3px;align-items:center;gap:3px;padding:0 8px;display:flex}.dk-bv-tool svg{width:14px;height:14px}.dk-bv-tool .dk-bv-tool-chev{width:10px;height:10px}.dk-bv-tool.is-active{background:var(--k-accent-soft);color:var(--k-accent-hi)}.dk-bv-content{left:0;right:0;overflow:hidden}.dk-bv-content>*{position:absolute}.dk-bv-well{background:var(--k-well);border-radius:var(--k-r);inset:0}.dk-bv-footer{height:22px;font-size:var(--k-fs-ui);color:#ffffff4d;align-items:center;gap:8px;padding:0 8px;display:flex;bottom:0;left:0;right:0}.dk-bv-footer .dk-btn{height:20px}.dk-bv-footer-right{align-items:center;gap:8px;margin-left:auto;display:flex}.dk-bv-divider{background:var(--k-line);width:1px;height:12px}.dk-bv-version{font-size:var(--k-fs-chip);color:#656565;white-space:nowrap;padding:0 4px}.dk-bv-footer-right,.dk-bv-footer .dk-btn{white-space:nowrap;flex:none}.dk-zoom{width:64px;height:10px;position:relative}.dk-zoom:before{content:"";background:#ffffff1a;border-radius:2px;height:3px;position:absolute;top:3.5px;left:0;right:0}.dk-zoom>i{background:var(--k-panel-2);border-radius:50%;width:10px;height:10px;position:absolute;top:0;box-shadow:inset 0 0 0 1px #ffffff4d}.dk-ts{font-size:var(--k-fs-body);color:#fff;flex-direction:column;gap:12px;line-height:1.5;display:flex;position:absolute}.dk-ts-block{white-space:pre-wrap;padding-left:72px;position:relative}.dk-ts-tc{text-align:right;width:48px;font-size:var(--k-fs-tc);color:var(--k-tc);font-variant-numeric:tabular-nums;line-height:1.3;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dk-ts-rail{opacity:.32;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:59px}.dk-ts-rail.is-lit{opacity:1}.dk-ts-block.is-joined .dk-ts-rail{border-top-left-radius:0;border-top-right-radius:0;top:-12px}.dk-ts-hl{color:var(--k-accent)}.dk-ts-now{background:#3b82f673;border-radius:2px}.dk-ts-sel{background:#4096ff59}.dk-ts-hidden{opacity:.38}.dk-menu{border-radius:var(--k-r);background:var(--k-panel-2);font-size:var(--k-fs-ui);color:var(--k-text);z-index:20;flex-direction:column;padding:6px 0;font-weight:500;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #38383880,0 20px 25px -5px #00000059,0 8px 10px -6px #0000004d}.dk-menu-item{border-radius:var(--k-r-md);white-space:nowrap;align-items:center;gap:8px;height:28px;margin:0 4px;padding:0 8px;display:flex}.dk-menu-item svg{opacity:.75;flex:none;width:14px;height:14px}.dk-menu-item.is-hover{background:#ffffff1a}.dk-menu-item.is-hover svg{opacity:1}.dk-menu-item.is-active{background:#e8e8e80d}.dk-menu-item.is-danger{color:var(--k-danger)}.dk-menu-item.is-disabled{opacity:.5}.dk-menu-detail{color:var(--k-faint);margin-left:auto;padding-left:12px;font-weight:400}.dk-menu-divider{background:#38383880;height:1px;margin:6px 8px}.dk-menu-section{font-size:var(--k-fs-chip);letter-spacing:.05em;text-transform:uppercase;color:var(--k-faint);padding:6px 12px 2px;font-weight:600}.dk-section{font-size:var(--k-fs-chip);letter-spacing:.05em;text-transform:uppercase;color:var(--k-faint);font-weight:600}.dk-row{color:var(--k-muted);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute}.dk-pill{border-radius:var(--k-r-sm);background:var(--k-input);width:112px;min-height:28px;box-shadow:inset 0 0 0 1px var(--k-line-strong);color:var(--k-muted);white-space:nowrap;align-items:center;gap:6px;padding:4px 8px;display:flex}.dk-pill.is-open{box-shadow:inset 0 0 0 1px var(--k-line-hover)}.dk-pill-value{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dk-pill svg{color:var(--k-dim);flex:none}.dk-swatch{border-radius:2px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #c8c8c899}.dk-check{width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--k-line-hover);border-radius:2px;position:relative}.dk-check.is-on:after{content:"";background:var(--k-accent);width:8px;height:8px;position:absolute;top:5px;left:5px}.dk-utabs{box-shadow:inset 0 -1px 0 var(--k-line);align-items:flex-end;gap:16px;padding:0 12px;display:flex;position:absolute}.dk-utab{font-size:var(--k-fs-body);color:var(--k-faint);white-space:nowrap;align-items:center;gap:4px;margin-bottom:0;padding:2px 10px 6px;display:flex;box-shadow:inset 0 -1px #0000}.dk-utab.is-active{color:var(--k-text);box-shadow:inset 0 -1px 0 var(--k-text)}.dk-notice{border-radius:var(--k-r);background:var(--k-well);box-shadow:inset 0 0 0 1px var(--k-accent);color:#fff;font-size:var(--k-fs-body);padding:16px 40px 16px 16px;position:absolute}.dk-notice--error{box-shadow:inset 0 0 0 1px var(--k-danger)}.dk-notice--plain{box-shadow:inset 0 0 0 1px var(--k-line-strong)}.dk-notice-title{font-weight:500;line-height:1.5}.dk-notice-body{color:#ffffffb3;margin-top:2px;line-height:1.4}.dk-notice-close{color:#ffffffb3;position:absolute;top:14px;right:12px}.dk-notice-actions{gap:8px;margin-top:12px;display:flex}.dk-notice-actions .dk-btn{height:28px;position:relative}.dk-tip{border-radius:var(--k-r-md);background:var(--k-accent);color:#fff;max-width:160px;font-size:var(--k-fs-ui);z-index:30;padding:6px 8px;line-height:1.375;position:absolute}.dk-toolmenu-hist{align-items:center;gap:4px;margin:0 4px 4px;padding:0 4px;display:flex}.dk-toolmenu-hist>span{height:28px;color:var(--k-text);opacity:.5;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.dk-toolmenu-hist svg{width:16px;height:16px}.dk-toolmenu-hist>i{background:#76767680;width:1px;height:16px}.dk-toolmenu-fmt{gap:4px;margin:4px 4px 0;display:flex}.dk-toolmenu-fmt>.dk-menu-item{margin:0}.dk-toolmenu-fmt>.dk-menu-item:first-child{flex:1}.dk-toolmenu-fields{flex-direction:column;gap:8px;padding:8px 8px 4px;display:flex}.dk-toolmenu-row{height:24px;color:var(--k-text);justify-content:space-between;align-items:center;display:flex}.dk-toolmenu-val{font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;width:56px;height:24px;padding-left:8px;display:flex;box-shadow:inset 0 0 0 2px #2c2c2c}.dk-toolmenu-val.is-hot{background:#1c1c1c}