:root{
  --premium-panel:#0a0f16;
  --premium-card:#121a25;
  --premium-card2:#172130;
  --premium-soft:rgba(184,255,69,.09);
  --premium-line:rgba(255,255,255,.12);
}

body{
  background:
    radial-gradient(circle at 18% 12%,rgba(184,255,69,.08),transparent 28%),
    radial-gradient(circle at 72% 18%,rgba(92,126,255,.12),transparent 32%),
    linear-gradient(180deg,#05080c,#070b10 46%,#05070b);
}

.editor-shell{
  grid-template-columns:82px 348px minmax(420px,1fr) 300px;
}

.editor-topbar{
  border-bottom-color:rgba(255,255,255,.09);
}

.compact-topbar{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(260px,1fr) minmax(300px,.9fr);
  gap:10px;
  align-items:center;
  padding:0 12px;
  overflow:hidden;
}

.top-left-commands,
.top-center-status,
.top-right-commands{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  overflow:hidden;
}

.top-left-commands{
  justify-content:flex-start;
}

.top-center-status{
  justify-content:center;
}

.top-right-commands{
  justify-content:flex-end;
}

.editor-logo.compact{
  min-width:0;
}

.editor-logo.compact span{
  width:34px;
  height:34px;
}

.top-left-commands button,
.top-left-commands a,
.top-left-commands label,
.top-right-commands button,
.top-center-status button,
.top-center-status .save-state{
  display:inline-grid;
  place-items:center;
  min-height:32px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  color:#dce5f1;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
  max-width:124px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.top-left-commands .undo-main,
.top-left-commands #redo{
  width:auto;
  min-width:54px;
  padding:6px 9px;
  font-size:9px;
}

.top-import-button{
  cursor:pointer;
}

.top-center-status .project-title{
  width:min(250px,26vw);
  max-width:none;
}

.top-center-status .project-title input{
  font-size:12px;
}

.top-center-status .save-state{
  display:flex;
  margin:0;
  color:#94a0b1;
  background:rgba(255,255,255,.025);
}

.top-right-commands #preview-project{
  border-color:rgba(184,255,69,.28);
  color:#eaffc6;
}

.top-right-commands .export-main{
  min-width:74px;
}

@media(max-width:1280px){
  .compact-topbar{grid-template-columns:1fr auto;--top:92px;height:92px;align-content:center}
  .top-center-status{grid-column:1/-1;grid-row:2;justify-content:flex-start}
  .top-right-commands{justify-content:flex-end}
  .editor-shell{height:calc(100vh - 92px - var(--timeline))}
}

.project-menu{
  display:flex;
  align-items:center;
  gap:8px;
}

.editor-mode-switch{
  display:flex;
  gap:4px;
  padding:4px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}

.editor-mode-switch button{
  min-height:30px;
  padding:6px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#8f9aab;
  font-size:10px;
  font-weight:850;
}

.editor-mode-switch button.active{
  background:linear-gradient(135deg,rgba(184,255,69,.2),rgba(184,255,69,.06));
  color:#efffd4;
  box-shadow:inset 0 0 0 1px rgba(184,255,69,.24);
}

.editor-live-warning{
  position:fixed;
  z-index:180;
  left:50%;
  top:calc(var(--top) + 10px);
  translate:-50% 0;
  max-width:min(760px,calc(100vw - 28px));
  padding:12px 16px;
  border:1px solid rgba(255,204,102,.45);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(30,21,8,.96),rgba(12,14,18,.96));
  color:#ffe8b3;
  box-shadow:0 18px 60px rgba(0,0,0,.4);
  font-size:12px;
  line-height:1.45;
}

.project-menu button,
.project-menu a{
  display:inline-grid;
  place-items:center;
  min-height:36px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  color:#dce5f1;
  text-decoration:none;
  font-size:11px;
  font-weight:750;
}

.project-menu button{
  border-color:rgba(184,255,69,.28);
  color:#eaffc6;
}

.project-menu button:hover,
.project-menu a:hover{
  border-color:rgba(184,255,69,.45);
  background:linear-gradient(145deg,rgba(184,255,69,.13),rgba(255,255,255,.025));
}

.top-actions button,
.media-actions label,
.media-actions button,
.wide-tool,
.folder-list button,
.property-grid button,
.timeline-head button{
  min-height:42px;
  border-radius:13px;
  font-size:11px;
}

.tool-rail{
  padding:14px 9px;
}

.tool-rail button{
  min-height:66px;
  border-radius:17px;
  color:#9aa5b5;
}

.tool-rail button.active{
  color:#e7ffbf;
  background:linear-gradient(135deg,rgba(184,255,69,.18),rgba(98,124,255,.06));
  border-color:rgba(184,255,69,.32);
}

.asset-view{
  padding:22px;
}

.panel-title{
  align-items:flex-start;
}

.panel-title small,
.collection-badge{
  color:#b8ff45;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.panel-title h2{
  font-size:25px;
  letter-spacing:-.055em;
}

.panel-help{
  max-width:36em;
  color:#a8b3c4;
}

.media-actions{
  grid-template-columns:1fr 1fr;
  margin-top:10px;
}

.media-dropzone{
  position:relative;
  display:grid;
  gap:7px;
  min-height:138px;
  padding:20px;
  border:1px dashed rgba(184,255,69,.42);
  border-radius:22px;
  background:
    radial-gradient(circle at 18% 10%,rgba(184,255,69,.16),transparent 32%),
    linear-gradient(145deg,rgba(184,255,69,.085),rgba(92,126,255,.045) 52%,rgba(255,255,255,.025));
  cursor:pointer;
  overflow:hidden;
}

.media-dropzone::after{
  content:"";
  position:absolute;
  right:-38px;
  bottom:-42px;
  width:150px;
  height:150px;
  border-radius:44% 56% 51% 49%;
  background:radial-gradient(circle,rgba(184,255,69,.16),transparent 62%);
  transform:rotate(-18deg);
}

.media-dropzone input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}

.media-dropzone b{
  position:relative;
  z-index:1;
  font-size:18px;
  letter-spacing:-.03em;
  color:#f5ffe8;
}

.media-dropzone span,
.media-dropzone em{
  position:relative;
  z-index:1;
  max-width:230px;
  color:#aeb9c8;
  font-style:normal;
  line-height:1.45;
}

.media-dropzone em{
  color:#d8ff9c;
  font-size:10px;
}

body[data-editor-mode="picture"] .timeline-shell{
  height:128px;
}

body[data-editor-mode="picture"] .track-labels span:nth-child(n+2),
body[data-editor-mode="picture"] .text-track,
body[data-editor-mode="picture"] .audio-track,
body[data-editor-mode="picture"] .timeline-zoom,
body[data-editor-mode="picture"] #split-clip,
body[data-editor-mode="picture"] #move-clip-left,
body[data-editor-mode="picture"] #move-clip-right,
body[data-editor-mode="picture"] #shorten-clip,
body[data-editor-mode="picture"] #extend-clip{
  display:none!important;
}

body[data-editor-mode="picture"] .timeline{
  grid-template-columns:72px 1fr;
}

body[data-editor-mode="picture"] .timeline-head::before{
  content:"Picture Editor · select an image, mark an area, preview the edit";
  color:#b8ff45;
  font-size:11px;
  font-weight:850;
}

body[data-editor-mode="picture"] .clip-actions{
  margin-left:auto;
}

body[data-editor-mode="picture"] .tool-rail [data-panel="captions"],
body[data-editor-mode="picture"] .tool-rail [data-panel="audio"]{
  opacity:.42;
}

.media-dropzone.drag-over{
  border-color:#b8ff45;
  background:
    radial-gradient(circle at 18% 10%,rgba(184,255,69,.27),transparent 34%),
    linear-gradient(145deg,rgba(184,255,69,.16),rgba(92,126,255,.055));
  box-shadow:0 0 0 4px rgba(184,255,69,.08),0 18px 50px rgba(0,0,0,.32);
}

.media-actions label{
  display:none;
}

.media-actions button{
  min-height:44px;
}

#add-selected-asset-layer-media{
  background:linear-gradient(135deg,rgba(184,255,69,.16),rgba(184,255,69,.05));
  border-color:rgba(184,255,69,.32);
  color:#eaffc6;
}

.media-cleanup-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:8px 0 0;
}

.media-cleanup-actions button{
  min-height:38px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#b8c3d2;
  font-size:10px;
}

.media-cleanup-actions button:hover,
.media-cleanup-actions button:focus-visible{
  border-color:rgba(184,255,69,.32);
  color:#eaffc6;
  outline:0;
}

.media-project-note{
  margin:10px 0 0;
  color:#7f8b9b;
  font-size:10px;
  line-height:1.55;
}

.brand-upload-card,
.template-brand-shortcut,
.voice-upload-button,
.mask-logo-upload{
  border-style:solid;
  border-color:rgba(184,255,69,.24);
  background:linear-gradient(135deg,rgba(184,255,69,.1),rgba(92,126,255,.045));
}

.template-filters{
  margin-bottom:10px;
}

.template-filters button{
  min-height:38px;
  padding:9px 13px;
}

.template-results{
  gap:10px;
}

button.mini-template{
  min-height:74px;
  border-radius:17px;
  padding:14px;
}

button.mini-template span{
  min-width:0;
}

button.mini-template small{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal;
  line-height:1.35;
}

.classic-card{
  opacity:.82;
}

.element-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.element-grid button{
  min-height:96px;
  padding:13px;
  border:1px solid var(--premium-line);
  border-radius:18px;
  background:linear-gradient(145deg,#131c29,#0c121b);
}

.element-grid button:hover,
.element-grid button:focus-visible{
  border-color:rgba(184,255,69,.42);
  outline:0;
  transform:translateY(-1px);
}

.asset-grid{
  grid-template-columns:1fr;
  gap:10px;
}

.asset-card{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:0 12px;
  align-items:center;
  min-height:86px;
  padding:8px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}

.asset-card .asset-thumb{
  grid-row:1 / span 2;
  height:70px;
  border-radius:14px;
}

.asset-card strong{
  margin-top:0;
  font-size:11px;
}

.asset-card small{
  font-size:9px;
}

.asset-card.selected{
  border-color:rgba(184,255,69,.55);
  background:linear-gradient(145deg,rgba(184,255,69,.12),rgba(255,255,255,.02));
}

.caption-workflow,
.audio-section,
.version-box{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--premium-line);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}

.caption-workflow label,
.audio-section label{
  display:grid;
  gap:7px;
}

.caption-workflow input,
.caption-workflow select,
.audio-section select,
.audio-section textarea,
.version-box select{
  width:100%;
  min-height:42px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:#0b1119;
  color:#f6f9ff;
  padding:10px 12px;
}

.caption-style-picker .caption-style{
  min-height:74px;
  border-radius:16px;
}

.audio-section header{
  display:flex;
  gap:11px;
  align-items:flex-start;
  margin-bottom:12px;
}

.audio-section header>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#b8ff45;
  color:#10150a;
  font-weight:900;
}

.voice-script-field textarea{
  resize:vertical;
  min-height:106px;
}

.workspace-toolbar{
  border-bottom-color:rgba(255,255,255,.08);
}

.top-import-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--lime),#e5ff9a);
  color:#10150a;
  font-weight:900;
  box-shadow:0 12px 34px rgba(184,255,69,.18);
  cursor:pointer;
}

body:not(.selection-active) .selection-only,
body:not(.selection-active) .animation-properties [data-animation],
body:not(.selection-active) #preview-layer-animation{
  display:none;
}

body:not(.selection-active) .properties-panel [data-properties-view="design"]::after{
  content:"Choose a file, text, logo or effect to see only the tools that matter.";
  display:block;
  margin-top:12px;
  padding:14px;
  border:1px dashed rgba(184,255,69,.22);
  border-radius:14px;
  color:#aab6c7;
  background:rgba(184,255,69,.045);
  line-height:1.55;
}

.video-canvas{
  border-radius:18px;
}

.video-canvas.is-empty{
  background:
    radial-gradient(circle at 48% 38%,rgba(184,255,69,.16),transparent 28%),
    radial-gradient(circle at 72% 70%,rgba(92,124,255,.13),transparent 32%),
    linear-gradient(145deg,#0d131d,#070a10 62%,#05070b);
  border:1px dashed rgba(184,255,69,.22);
}

.video-canvas:not(.has-video) #editor-video{
  display:none;
}

.empty-canvas-state{
  position:absolute;
  inset:0;
  display:grid;
  place-content:center;
  gap:8px;
  padding:38px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(184,255,69,.12),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  color:#eff8ff;
}

.empty-canvas-state b{
  font-size:clamp(24px,3vw,42px);
  letter-spacing:-.06em;
}

.empty-canvas-state span{
  max-width:430px;
  color:#aab6c7;
  line-height:1.55;
}

.video-canvas.has-video .empty-canvas-state,
.video-canvas.has-image-layer .empty-canvas-state{
  display:none;
}

#design-layer-list .empty-layer{
  border-style:dashed;
  border-color:rgba(184,255,69,.22);
  background:linear-gradient(135deg,rgba(184,255,69,.07),rgba(255,255,255,.025));
  cursor:default;
}

#design-layer-list .empty-layer span{
  color:var(--lime);
}

.clip{
  isolation:isolate;
}

.clip::before,
.clip::after{
  content:"";
  position:absolute;
  z-index:2;
  top:4px;
  bottom:4px;
  width:6px;
  border-radius:999px;
  background:rgba(255,255,255,.32);
  opacity:.78;
}

.clip::before{left:4px}
.clip::after{right:4px}

.clip:hover::before,
.clip:hover::after,
.clip.selected::before,
.clip.selected::after{
  background:var(--lime);
  box-shadow:0 0 12px rgba(184,255,69,.55);
}

.timeline-head .clip-actions button{
  min-width:74px;
}

@media(max-width:1100px){
  .properties-panel{
    display:block!important;
    position:fixed;
    z-index:70;
    top:76px;
    right:14px;
    bottom:calc(var(--timeline) + 14px);
    width:min(330px,calc(100vw - 92px));
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    box-shadow:0 28px 90px rgba(0,0,0,.58);
    transform:translateX(calc(100% + 24px));
    transition:transform .18s ease,opacity .18s ease;
    opacity:0;
  }

  body.selection-active:not(.right-panel-collapsed) .properties-panel,
  body:not(.right-panel-collapsed) .properties-panel:focus-within{
    transform:translateX(0);
    opacity:1;
  }

  body.right-panel-collapsed .properties-panel{
    transform:translateX(calc(100% + 24px));
    opacity:0;
  }
}

.object-context-bar{
  min-height:50px;
  padding:7px;
  border-radius:18px;
}

.object-context-bar button{
  min-height:38px;
  padding:9px 11px;
  font-size:10px;
}

.inline-text-toolbar{
  min-height:58px;
  gap:8px;
  padding:10px;
  border-radius:18px;
}

.mask-edit-panel{
  width:min(340px,calc(100% - 36px));
  border-radius:20px;
}

.mask-actions button{
  min-height:34px;
  font-size:9px;
}

.properties-panel{
  padding:20px;
}

.properties-panel section{
  padding:16px;
  margin-bottom:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}

.layers-manager{
  border-color:rgba(184,255,69,.18)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(184,255,69,.12),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;
}

.layer-add-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:10px;
}

.layer-add-actions button{
  min-height:40px;
  border:1px solid rgba(184,255,69,.25);
  border-radius:12px;
  background:rgba(184,255,69,.07);
  color:#eaffc6;
  font-weight:850;
  font-size:10px;
}

.layer-add-actions button:hover,
.layer-add-actions button:focus-visible{
  border-color:rgba(184,255,69,.5);
  background:rgba(184,255,69,.13);
  outline:0;
}

#design-layer-list{
  display:grid;
  gap:8px;
}

#design-layer-list .layer{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  margin:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.032);
}

#design-layer-list .layer.selected{
  border-color:rgba(184,255,69,.52);
  background:linear-gradient(135deg,rgba(184,255,69,.12),rgba(255,255,255,.025));
}

#design-layer-list .layer span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(0,0,0,.24);
  color:#dfffad;
}

#design-layer-list .layer b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

#design-layer-list .layer small{
  font-size:9px;
  color:#8f9bab;
}

.layer-row-actions{
  display:flex;
  gap:5px;
}

.layer-row-actions button{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  background:rgba(0,0,0,.22);
  color:#aeb9c8;
}

.layer-row-actions .layer-row-delete{
  color:#ffb4b4;
}

.layer-row-actions button:hover,
.layer-row-actions button:focus-visible{
  border-color:rgba(184,255,69,.42);
  color:#f4ffd8;
  outline:0;
}

.properties-tabs{
  gap:4px;
}

.properties-tabs button{
  min-height:40px;
  font-weight:850;
}

.property-grid{
  gap:10px;
}

.property-grid input,
.property-grid button{
  min-height:42px;
  font-size:11px;
}

.image-quick-tools{
  border:1px solid rgba(184,255,69,.18);
  background:
    radial-gradient(circle at 18% 0%, rgba(184,255,69,.12), transparent 34%),
    rgba(8,12,10,.72);
}

.image-quick-tools small{
  display:block;
  margin-top:10px;
  color:#93a29b;
  line-height:1.45;
}

.image-quick-tools .wide-tool{
  width:100%;
  margin-top:10px;
}

.project-menu button{
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#dfe8e4;
  padding:9px 12px;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}

.project-menu button:hover,
.project-menu button:focus-visible{
  border-color:rgba(184,255,69,.45);
  color:#f6ffd7;
  outline:0;
}

body.left-panel-collapsed .asset-panel{
  display:none;
}

body.right-panel-collapsed .properties-panel{
  display:none;
}

body.left-panel-collapsed:not(.right-panel-collapsed) .editor-shell{
  grid-template-columns:78px minmax(420px,1fr) 330px;
}

body.right-panel-collapsed:not(.left-panel-collapsed) .editor-shell{
  grid-template-columns:78px 330px minmax(420px,1fr);
}

body.left-panel-collapsed.right-panel-collapsed .editor-shell{
  grid-template-columns:78px minmax(420px,1fr);
}

.timeline-head{
  height:52px;
}

.timeline{
  height:calc(100% - 52px);
}

.clip-actions{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding-bottom:2px;
}

.clip-actions button{
  flex:0 0 auto;
}

.clip,
.caption-clip{
  height:40px;
  top:4px;
  border-radius:10px;
}

@media(max-width:1280px){
  .editor-shell{grid-template-columns:78px 300px minmax(360px,1fr)}
  .properties-panel{display:none}
}

@media(max-width:760px){
  .editor-shell{grid-template-columns:60px minmax(0,1fr)}
  .tool-rail button{min-height:58px}
  .element-grid{grid-template-columns:1fr}
  .project-menu{display:none}
}

@media(max-width:1280px){
  body.selection-active:not(.right-panel-collapsed) .properties-panel{
    display:block!important;
    position:fixed;
    z-index:70;
    top:76px;
    right:14px;
    bottom:calc(var(--timeline) + 14px);
    width:min(330px,calc(100vw - 92px));
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    opacity:1;
    transform:translateX(0);
    box-shadow:0 28px 90px rgba(0,0,0,.58);
  }
}

.brand-lock-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#9aa5b7;
  font-size:10px;
  font-weight:850;
}

.brand-lock-badge i,
.brand-lock-card>i{
  width:9px;
  height:9px;
  border-radius:999px;
  background:#566071;
  box-shadow:0 0 0 4px rgba(255,255,255,.035);
}

.brand-lock-badge[data-state="ready"]{
  border-color:rgba(255,210,120,.32);
  color:#ffe1a5;
}

.brand-lock-badge[data-state="ready"] i,
.brand-lock-card[data-state="ready"]>i{
  background:#ffd166;
  box-shadow:0 0 0 4px rgba(255,209,102,.09),0 0 18px rgba(255,209,102,.22);
}

.brand-lock-badge[data-state="active"]{
  border-color:rgba(184,255,69,.42);
  background:linear-gradient(135deg,rgba(184,255,69,.12),rgba(184,255,69,.04));
  color:#eaffc7;
}

.brand-lock-badge[data-state="active"] i,
.brand-lock-card[data-state="active"]>i{
  background:var(--lime);
  box-shadow:0 0 0 4px rgba(184,255,69,.1),0 0 20px rgba(184,255,69,.42);
}

.brand-lock-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:11px;
  margin:12px 0;
  padding:13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}

.brand-lock-card[data-state="active"]{
  border-color:rgba(184,255,69,.28);
  background:linear-gradient(135deg,rgba(184,255,69,.1),rgba(255,255,255,.025));
}

.brand-lock-card b,
.brand-lock-card small{
  display:block;
}

.brand-lock-card b{
  font-size:12px;
}

.brand-lock-card small{
  margin-top:3px;
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}

.mask-edit-panel{
  z-index:140;
}

@media(min-width:1281px){
  .mask-edit-panel{
    position:fixed;
    top:96px;
    right:280px;
    max-height:calc(100vh - var(--timeline) - 126px);
  }

  body.right-panel-collapsed .mask-edit-panel{
    right:24px;
  }
}