/* Drecu Video Studio 10.6.4 — professional workspace, deliberate playhead drag and richer libraries. */
.drecu-video-studio-v3 .dvs3-shell{
  grid-template-columns:minmax(420px,460px) minmax(0,1fr)!important;
  gap:14px!important;
}
.drecu-video-studio-v3 .dvs3-sidebar{
  grid-template-columns:88px minmax(0,1fr)!important;
  border-color:#d9e1ee!important;
  box-shadow:0 18px 50px rgba(15,23,42,.09)!important;
}
.drecu-video-studio-v3 .dvs3-tabs{padding:10px 7px!important;gap:4px!important}
.drecu-video-studio-v3 .dvs3-tabs button{min-height:56px!important;padding:7px 4px!important;border-radius:11px!important}
.drecu-video-studio-v3 .dvs3-tabs button span{font-size:9px!important;line-height:1.15!important;white-space:normal!important}
.drecu-video-studio-v3 .dvs3-panels{padding:16px!important;scrollbar-gutter:stable!important}
.drecu-video-studio-v3 .dvs3-panels section>h3{font-size:16px!important;margin-bottom:12px!important}
.drecu-video-studio-v3 .dvs3-panels label{font-size:11px!important;line-height:1.35!important;margin-bottom:12px!important}
.drecu-video-studio-v3 .dvs3-panels input:not([type=checkbox]):not([type=color]),
.drecu-video-studio-v3 .dvs3-panels select,
.drecu-video-studio-v3 .dvs3-panels textarea{min-height:44px!important;font-size:12px!important;padding:9px 10px!important}
.drecu-video-studio-v3 .dvs3-time-row{gap:10px!important}
.drecu-video-studio-v3 .dvs102-media-actions{gap:8px!important}
.drecu-video-studio-v3 .dvs102-media-actions button{min-height:86px!important;padding:12px 8px!important}
.drecu-video-studio-v3 .dvs102-image-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.drecu-video-studio-v3 .dvs102-image-list>div{min-width:0!important}
.drecu-video-studio-v3 .dvs3-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.drecu-video-studio-v3 .dvs3-option-grid button{min-height:43px!important;padding:8px 9px!important}
.drecu-video-studio-v3 .dvs3-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.drecu-video-studio-v3 .dvs3-template-grid button{min-height:64px!important;padding:10px!important}
.drecu-video-studio-v3 .dvs3-stickers{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.drecu-video-studio-v3 .dvs3-stickers button{min-height:44px!important;padding:5px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.drecu-video-studio-v3 .dvs102-sticker-group>b{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:12px 0 7px!important;color:#334155!important;font-size:11px!important}

/* Only the red playhead seeks on the timeline. Clips select; empty timeline does nothing. */
.drecu-video-studio-v3 .dvs3-timeline{cursor:default!important;touch-action:pan-x!important}
.drecu-video-studio-v3 .dvs3-ruler,
.drecu-video-studio-v3 .dvs3-track>span{cursor:default!important;contain:layout paint!important}
.drecu-video-studio-v3 .dvs3-track>span>i{cursor:pointer!important}
.drecu-video-studio-v3 .dvs3-playhead{
  left:0!important;right:auto!important;width:25px!important;margin-left:-12.5px!important;
  pointer-events:auto!important;cursor:grab!important;touch-action:none!important;
  transform:translate3d(0,0,0)!important;transition:none!important;will-change:transform!important;
  background:linear-gradient(90deg,transparent 0 11px,#fb2c5b 11px 14px,transparent 14px 25px)!important;
  box-shadow:none!important;z-index:30!important;
}
.drecu-video-studio-v3 .dvs3-playhead[data-dragging="1"]{cursor:grabbing!important;filter:drop-shadow(0 0 7px rgba(251,44,91,.95))!important}
.drecu-video-studio-v3 .dvs3-playhead[data-moving="1"]{filter:drop-shadow(0 0 6px rgba(251,44,91,.92))!important}
.drecu-video-studio-v3 .dvs3-playhead:before{left:50%!important;transform:translateX(-50%)!important}
.drecu-video-studio-v3 .dvs3-playhead:after{left:16px!important}
.drecu-video-studio-v3 .dvs3-ruler,
.drecu-video-studio-v3 .dvs3-track>span{min-width:calc(720px * var(--timeline-zoom))!important}
.drecu-video-studio-v3 .dvs3-track{grid-template-columns:var(--timeline-label) minmax(calc(720px * var(--timeline-zoom)),1fr)!important}

/* Context tools stay readable while remaining horizontally scrollable. */
.drecu-video-studio-v3 .dvs105-contextbar{border-color:#dbe4f0!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
.drecu-video-studio-v3 .dvs105-toolstrip{gap:6px!important;padding:5px 3px 8px!important;scrollbar-width:thin!important}
.drecu-video-studio-v3 .dvs105-toolstrip button,
.drecu-video-studio-v3 .dvs105-toolstrip select,
.drecu-video-studio-v3 .dvs105-toolstrip label{min-height:34px!important;white-space:nowrap!important;font-size:9.5px!important}

/* Current, popular and standard creation packs. */
.drecu-video-studio-v3 .dvs1064-trend-library{margin-top:14px;padding:12px;border:1px solid #ddd6fe;border-radius:14px;background:linear-gradient(145deg,#faf5ff,#fff 58%,#eff6ff)}
.drecu-video-studio-v3 .dvs1064-library-heading{display:grid;gap:2px;margin-bottom:10px}
.drecu-video-studio-v3 .dvs1064-library-heading span{font-size:12px;font-weight:900;color:#5b21b6}
.drecu-video-studio-v3 .dvs1064-library-heading i{margin-right:6px;color:#ec4899}
.drecu-video-studio-v3 .dvs1064-library-heading small{font-size:10px;color:#64748b}
.drecu-video-studio-v3 .dvs1064-trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.drecu-video-studio-v3 .dvs1064-trend-grid button{display:flex;align-items:center;gap:9px;min-width:0;min-height:62px;padding:9px;border:1px solid #e5e7eb;border-radius:11px;background:#fff;text-align:left;color:#1e293b;cursor:pointer;transition:.16s ease}
.drecu-video-studio-v3 .dvs1064-trend-grid button:hover,.drecu-video-studio-v3 .dvs1064-trend-grid button.is-active{border-color:#8b5cf6;background:#f5f3ff;box-shadow:0 8px 20px rgba(124,58,237,.12);transform:translateY(-1px)}
.drecu-video-studio-v3 .dvs1064-trend-grid button>i{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff}
.drecu-video-studio-v3 .dvs1064-trend-grid span{min-width:0}.drecu-video-studio-v3 .dvs1064-trend-grid b,.drecu-video-studio-v3 .dvs1064-trend-grid small{display:block}.drecu-video-studio-v3 .dvs1064-trend-grid b{font-size:10px}.drecu-video-studio-v3 .dvs1064-trend-grid small{margin-top:2px;color:#64748b;font-size:8.5px}

/* General visual refinement without adding complexity. */
.drecu-video-studio-v3 .dvs3-head{border:1px solid #e4e7f0!important;background:linear-gradient(135deg,#111827,#312e81 62%,#7c3aed)!important;color:#fff!important;box-shadow:0 18px 52px rgba(49,46,129,.16)!important}
.drecu-video-studio-v3 .dvs3-head h1,.drecu-video-studio-v3 .dvs3-head p{color:#fff!important}.drecu-video-studio-v3 .dvs3-head p{opacity:.84!important}
.drecu-video-studio-v3 .dvs3-head>div:first-child>span{color:#e9d5ff!important}
.drecu-video-studio-v3 .dvs3-preview{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
.drecu-video-studio-v3 button:focus-visible,.drecu-video-studio-v3 input:focus-visible,.drecu-video-studio-v3 select:focus-visible{outline:3px solid rgba(124,58,237,.28)!important;outline-offset:2px!important}

@media(max-width:1450px){.drecu-video-studio-v3 .dvs3-shell{grid-template-columns:minmax(390px,420px) minmax(0,1fr)!important}.drecu-video-studio-v3 .dvs3-sidebar{grid-template-columns:82px minmax(0,1fr)!important}}
@media(max-width:1180px){.drecu-video-studio-v3 .dvs3-shell{grid-template-columns:minmax(350px,390px) minmax(0,1fr)!important}.drecu-video-studio-v3 .dvs3-sidebar{grid-template-columns:76px minmax(0,1fr)!important}.drecu-video-studio-v3 .dvs1064-trend-grid{grid-template-columns:1fr}}
@media(max-width:860px){.drecu-video-studio-v3 .dvs3-shell{grid-template-columns:1fr!important}.drecu-video-studio-v3 .dvs3-sidebar{grid-template-columns:1fr!important;height:auto!important;position:relative!important}.drecu-video-studio-v3 .dvs3-tabs{flex-direction:row!important}.drecu-video-studio-v3 .dvs3-tabs button{min-width:72px!important}.drecu-video-studio-v3 .dvs102-image-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:575px){.drecu-video-studio-v3 .dvs3-time-row{grid-template-columns:1fr!important}.drecu-video-studio-v3 .dvs1064-trend-grid,.drecu-video-studio-v3 .dvs102-image-list{grid-template-columns:1fr!important}}
