/* AVATIX AI Editor V0.10 — product workspace redesign
   Visual shell only. Project format and generation contracts remain V0.9-compatible. */

body[data-route="criar-video"]{
  --editor-gold:#f3c733;
  --editor-gold-soft:rgba(243,199,51,.105);
  --editor-bg:#05080d;
  --editor-surface:#080d15;
  --editor-surface-2:#0b121d;
  --editor-surface-3:#0f1826;
  --editor-line:rgba(159,181,211,.14);
  --editor-line-strong:rgba(159,181,211,.24);
  --editor-muted:#8999ae;
}

/* Editor is a workspace, not another dashboard card. */
@media(min-width:981px){
  body[data-route="criar-video"]{overflow:hidden!important}
  body[data-route="criar-video"] .main-column{height:100dvh!important;overflow:hidden!important}
  .ev10-workspace{
    height:calc(100dvh - 74px)!important;min-height:0!important;max-height:calc(100dvh - 74px)!important;
    overflow:hidden!important
  }
  .ev10-tool-rail{height:100%!important;overflow:hidden!important}
  .ev10-stage-column{height:100%!important;min-height:0!important}
  .ev10-stage-wrap{min-height:0!important;overflow:hidden!important}
}
body[data-route="criar-video"] .app-shell{grid-template-columns:minmax(0,1fr)!important}
body[data-route="criar-video"] .sidebar{display:none!important}
body[data-route="criar-video"] .main-column{width:100%;min-width:0}
body[data-route="criar-video"] .topbar{display:none!important}
body[data-route="criar-video"] .app-main{
  max-width:none!important;margin:0!important;padding:0!important;min-height:100dvh!important
}
body[data-route="criar-video"] .account-menu{display:none!important}

/* Internal palette: AVATIX gold is the action/selection language. */
.ev10-editor{
  --ev09-panel:var(--editor-surface);
  --ev09-panel-2:var(--editor-surface-2);
  --ev09-line:var(--editor-line);
  --ev09-muted:var(--editor-muted);
  --ev09-accent:var(--editor-gold);
  --ev09-accent-soft:var(--editor-gold-soft);
  width:100%;min-height:100dvh;padding:0!important;background:var(--editor-bg);
  animation:none!important;overflow:hidden
}
.ev10-editor *{box-sizing:border-box}

/* Compact product bar. */
.ev10-editor-head{
  position:sticky!important;top:0!important;z-index:26!important;
  min-height:74px;margin:0!important;padding:10px 18px!important;border:0!important;border-bottom:1px solid var(--editor-line)!important;
  border-radius:0!important;background:rgba(7,11,18,.965)!important;backdrop-filter:blur(18px)!important;
  display:grid!important;grid-template-columns:minmax(260px,1fr) auto minmax(330px,1fr)!important;
  align-items:center!important;gap:18px!important
}
.ev10-head-start,.ev10-head-end{display:flex;align-items:center;gap:12px;min-width:0}
.ev10-head-end{justify-content:flex-end}
.ev10-wallet-chip{
  height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--editor-line);
  border-radius:999px;background:#080e17;color:#c8d3e0;white-space:nowrap
}
.ev10-wallet-chip i{font-style:normal;color:var(--editor-gold);font-size:14px}
.ev10-wallet-chip b{font-size:10.5px}.ev10-wallet-chip small{font-size:8.5px;color:#738197}
.ev10-head-center{display:grid;justify-items:center;gap:4px}
.ev10-head-label{font-size:8px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#67758a}
.ev10-exit-button{
  width:38px;height:38px;flex:0 0 38px;border:1px solid var(--editor-line);border-radius:11px;
  background:#0b121d;color:#cbd5e2;font:800 18px/1 inherit;cursor:pointer
}
.ev10-exit-button:hover{background:#131e2d;border-color:var(--editor-line-strong);color:#fff}
.ev10-product-mark{display:flex!important;align-items:center;gap:7px;color:var(--editor-gold)!important;font-size:9px!important;letter-spacing:.13em!important}
.ev10-product-mark b{font-size:9px}.ev10-product-mark em{font-style:normal;color:#8392a6;font-weight:850}
.ev10-editor .ev09-project-title{display:grid;gap:2px;min-width:0}
.ev10-editor .ev09-project-title input{
  width:min(520px,100%)!important;font-size:16px!important;font-weight:780!important;letter-spacing:-.02em!important;
  padding:0!important;line-height:1.28!important
}
.ev10-editor .ev09-project-title small{font-size:9.5px!important;color:#66768a!important}
.ev10-editor .ev09-ratio-group{background:#060a10!important;border-color:var(--editor-line)!important;border-radius:11px!important}
.ev10-editor .ev09-ratio-group button{min-height:34px!important;padding:0 11px!important;font-size:11px!important}
.ev10-editor .ev09-ratio-group button.active{
  background:var(--editor-gold-soft)!important;color:#ffe476!important;
  box-shadow:inset 0 0 0 1px rgba(243,199,51,.28)!important
}
.ev10-cost-summary{
  position:static!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;min-width:145px
}
.ev10-cost-summary>div{gap:1px!important;text-align:right}
.ev10-cost-summary b{font-size:11.5px!important;color:#e9eef6}
.ev10-cost-summary>div>span{font-size:9px!important;color:#728197!important}
.ev10-cost-summary .ev09-scene-chip{display:none!important}
.ev10-editor .ev09-generate{
  min-width:126px!important;min-height:42px!important;border-radius:11px!important;
  box-shadow:0 6px 24px rgba(243,199,51,.10)
}

/* Main editor: rail + one contextual inspector + stage. */
.ev10-workspace{
  display:grid!important;grid-template-columns:68px minmax(286px,326px) minmax(0,1fr)!important;
  gap:0!important;min-height:calc(100dvh - 130px)!important;align-items:stretch!important;background:var(--editor-bg)
}
.ev10-tool-rail{
  border-right:1px solid var(--editor-line);background:#070b12;padding:12px 8px;
  display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0
}
.ev10-tool-rail button{
  min-height:58px;border:1px solid transparent;border-radius:12px;background:transparent;color:#77879b;
  display:grid;place-items:center;align-content:center;gap:5px;padding:6px 3px;cursor:pointer;font:inherit
}
.ev10-tool-rail button span{font-size:17px;line-height:1;color:#93a2b5}
.ev10-tool-rail button b{font-size:9px;line-height:1;font-weight:800}
.ev10-tool-rail button:hover{background:#0d1521;color:#dce4ef}
.ev10-tool-rail button.active{
  color:#ffe173;background:var(--editor-gold-soft);border-color:rgba(243,199,51,.20);
  box-shadow:inset 3px 0 0 var(--editor-gold)
}
.ev10-tool-rail button.active span{color:var(--editor-gold)}

.ev10-panel-drawer{
  min-width:0;border-right:1px solid var(--editor-line);background:#080d15;
  overflow:auto;max-height:calc(100dvh - 130px);scrollbar-width:thin;scrollbar-color:#293548 transparent
}
.ev10-panel-drawer>.ev09-panel{display:none;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:18px!important;min-height:100%}
body[data-editor-panel="script"] .ev10-panel-drawer>[data-editor-panel="script"],
body[data-editor-panel="scene"] .ev10-panel-drawer>[data-editor-panel="scene"],
body[data-editor-panel="media"] .ev10-panel-drawer>[data-editor-panel="media"],
body[data-editor-panel="captions"] .ev10-panel-drawer>[data-editor-panel="captions"],
body[data-editor-panel=""] .ev10-panel-drawer>[data-editor-panel="script"]{display:flex;flex-direction:column}
.ev10-panel-drawer .ev09-panel-title{margin-bottom:18px!important}
.ev10-panel-drawer .ev09-panel-title span{color:#6e7f95!important}
.ev10-panel-drawer .ev09-panel-title h3{font-size:17px!important}
.ev10-panel-drawer .ev09-panel-title .ev09-icon{display:none!important}
.ev10-panel-drawer .ev09-property-block{padding:16px 0!important}
.ev10-panel-drawer .ev09-field input,
.ev10-panel-drawer .ev09-field textarea,
.ev10-panel-drawer .ev09-field select{
  background:#050a11!important;border-color:var(--editor-line)!important;border-radius:11px!important
}
.ev10-panel-drawer .ev09-field input:focus,
.ev10-panel-drawer .ev09-field textarea:focus,
.ev10-panel-drawer .ev09-field select:focus{
  border-color:rgba(243,199,51,.48)!important;box-shadow:0 0 0 3px rgba(243,199,51,.07)!important
}
.ev10-panel-drawer #ev09-script{min-height:240px!important}
.ev10-panel-drawer .ev09-soft-button,
.ev10-panel-drawer .ev09-upload-chip{background:#0d1725!important;border-color:var(--editor-line)!important}
.ev10-panel-drawer .ev09-link-button{color:#efd264!important}
.ev10-panel-drawer .ev09-segmented{background:#050a11!important}
.ev10-panel-drawer .ev09-segmented button.active{
  background:var(--editor-gold-soft)!important;color:#ffe17b!important;box-shadow:inset 0 0 0 1px rgba(243,199,51,.22)!important
}
.ev10-panel-drawer .ev10-preset-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important
}
.ev10-panel-drawer .ev10-preset-grid button{width:100%!important;min-width:0!important}

.ev10-panel-drawer .ev09-resource-card.selected,
.ev10-panel-drawer .ev09-voice-row.selected{
  border-color:rgba(243,199,51,.54)!important;background:rgba(243,199,51,.075)!important
}
.ev10-panel-drawer .ev09-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.ev10-panel-drawer .ev09-resource-card{background:#060b12!important}
.ev10-panel-drawer .ev09-voice-row{background:#060b12!important}
.ev10-panel-drawer .ev09-beta{color:#ffe17b!important;background:var(--editor-gold-soft)!important}

.ev10-avatar-framing{gap:12px!important}
.ev10-frame-mode{
  flex:0 0 auto;border:1px solid rgba(243,199,51,.18);background:rgba(243,199,51,.055);
  color:#cbb65e;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em
}
.ev10-frame-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}
.ev10-frame-actions .ev09-soft-button,.ev10-frame-actions .ev09-link-button{min-width:0!important;min-height:36px!important;font-size:10px!important}
.ev10-range-field{display:grid;gap:7px}
.ev10-range-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ev10-range-field>span b{font-size:10.5px;color:#cbd5e2}
.ev10-range-field output{font:800 9.5px/1 inherit;color:#e3c95e}
.ev10-range-field input[type="range"]{
  width:100%;accent-color:var(--editor-gold);cursor:pointer
}
.ev10-frame-position{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* Stage owns the visual hierarchy. */
.ev10-stage-column{
  min-width:0!important;border:0!important;border-radius:0!important;background:#05080d!important;overflow:hidden!important;
  display:grid;grid-template-rows:auto minmax(0,1fr) auto
}
.ev10-stage-meta{
  height:46px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-bottom:1px solid rgba(255,255,255,.05);background:#060a10
}
.ev10-stage-meta>div{display:flex;align-items:baseline;gap:9px;min-width:0}
.ev10-stage-meta>div span{font-size:8px;letter-spacing:.13em;font-weight:850;color:#59687c}
.ev10-stage-meta>div b{font-size:11.5px;color:#cbd5e2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev10-scene-type{
  border:1px solid rgba(243,199,51,.16);background:rgba(243,199,51,.055);color:#cbb65e;
  border-radius:999px;padding:5px 8px;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.06em
}
.ev10-stage-wrap{
  min-height:0!important;height:100%!important;padding:18px!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(45,62,85,.17),transparent 42%),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    #04070b!important;
  background-size:auto,32px 32px,32px 32px,auto!important;
  display:grid!important;place-items:center!important
}
.ev10-stage-wrap .ev09-canvas{
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025)!important
}
.ev10-editor .ev09-avatar-stage{
  inset:auto!important;
  left:calc(50% + var(--ev10-avatar-x,0%))!important;
  bottom:var(--ev10-avatar-y,0%)!important;
  transform:translateX(-50%) scale(var(--ev10-avatar-zoom,1))!important;
  transform-origin:center bottom!important;
  cursor:grab!important;touch-action:none!important;user-select:none!important;-webkit-user-drag:none!important;
  transition:filter .12s ease,outline-color .12s ease!important;
  will-change:transform,left,bottom
}
.ev10-editor .ev09-canvas:hover .ev09-avatar-stage{
  outline:1px solid rgba(243,199,51,.22);outline-offset:2px
}
.ev10-editor .ev09-canvas.ev10-avatar-dragging .ev09-avatar-stage{
  cursor:grabbing!important;outline:1px solid rgba(243,199,51,.64);filter:drop-shadow(0 18px 30px rgba(0,0,0,.28)) brightness(1.03)
}
.ev10-avatar-drag-hint{
  position:absolute;z-index:7;left:50%;top:10px;transform:translateX(-50%);
  padding:5px 8px;border:1px solid rgba(243,199,51,.18);border-radius:999px;
  background:rgba(5,8,13,.72);backdrop-filter:blur(8px);color:#c9b861;
  font-size:8.5px;font-weight:800;letter-spacing:.02em;pointer-events:none;opacity:.72
}
.ev10-editor .ev09-canvas.ev10-avatar-dragging .ev10-avatar-drag-hint{opacity:1;color:#ffe27a}
.ev10-stage-wrap .ev09-canvas.ratio-9-16{height:min(64vh,690px)!important}
.ev10-stage-wrap .ev09-canvas.ratio-16-9{width:min(88%,900px)!important;max-height:58vh!important}
.ev10-stage-wrap .ev09-canvas.ratio-1-1{height:min(58vh,640px)!important}
.ev10-editor .ev09-stage-placeholder>span{color:var(--editor-gold)!important}

/* Timeline is part of the editor, never an overlay. */
.ev10-timeline{
  padding:12px 14px 14px!important;border-top:1px solid var(--editor-line)!important;background:#070b12!important
}
.ev10-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}
.ev10-timeline-head>div:first-child{display:grid;gap:2px}
.ev10-timeline-head>div:first-child span{font-size:8px;letter-spacing:.13em;font-weight:850;color:#5e6d80}
.ev10-timeline-head>div:first-child b{font-size:11.5px;color:#cbd5e2}
.ev10-timeline .ev09-scene-actions{margin:0!important}
.ev10-timeline .ev09-soft-button,.ev10-timeline .ev09-danger-link{min-height:31px!important;font-size:9.5px!important;padding:0 9px!important}
.ev10-timeline .ev09-scene-strip{gap:8px!important;padding:0 0 2px!important}
.ev10-timeline .ev09-scene-card{
  flex:0 0 166px!important;min-height:62px!important;grid-template-columns:50px minmax(0,1fr)!important;
  border-radius:10px!important;background:#0a111b!important;padding:6px!important
}
.ev10-timeline .ev09-scene-card.active{
  border-color:rgba(243,199,51,.62)!important;box-shadow:0 0 0 2px rgba(243,199,51,.055)!important
}
.ev10-timeline .ev09-scene-card.active .ev09-scene-number{background:var(--editor-gold)!important;color:#211a00!important}
.ev10-timeline .ev09-scene-thumb{width:50px!important;height:46px!important;border-radius:7px!important}
.ev10-timeline .ev09-add-scene{
  flex:0 0 76px!important;min-height:62px!important;border-color:rgba(243,199,51,.22)!important;color:#c8b45e!important
}
.ev10-timeline .ev09-add-scene:hover{background:rgba(243,199,51,.05)!important}

/* Remove the old duplicated toolbar/footer language. */
.ev10-editor .ev09-stage-toolbar{display:none!important}
.ev10-editor>.ev09-cost-bar{display:none!important}
.ev10-mobile-dock{display:none!important}

/* Tablet: one stage, tools open as a side drawer over it. */
@media(max-width:1180px) and (min-width:981px){
  .ev10-editor-head{grid-template-columns:minmax(240px,1fr) auto minmax(260px,1fr)!important;padding-left:12px!important;padding-right:12px!important}
  .ev10-cost-summary{display:none!important}
  .ev10-workspace{grid-template-columns:62px 292px minmax(0,1fr)!important}
  .ev10-panel-drawer>.ev09-panel{padding:15px!important}
  .ev10-stage-wrap{padding:14px!important}
  .ev10-stage-wrap .ev09-canvas.ratio-9-16{height:min(61vh,620px)!important}
}

/* Mobile/tablet portrait: stage first, tools are intentional bottom sheets. */
@media(max-width:980px){
  body[data-route="criar-video"]{overflow-x:hidden!important;overflow-y:auto!important}
  body[data-route="criar-video"] .main-column{height:auto!important;overflow:visible!important}
  body[data-route="criar-video"] .app-main{min-height:100dvh!important}

  .ev10-editor{min-height:100dvh!important;padding-bottom:68px!important}
  .ev10-editor-head{
    top:0!important;min-height:66px!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;padding:8px 10px!important
  }
  .ev10-head-start{gap:8px!important}
  .ev10-exit-button{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  .ev10-product-mark{font-size:8px!important;gap:5px}
  .ev10-editor .ev09-project-title input{font-size:14px!important}
  .ev10-editor .ev09-project-title small{font-size:8.5px!important}
  .ev10-head-center,.ev10-cost-summary,.ev10-wallet-chip{display:none!important}
  .ev10-head-end{display:block!important}
  .ev10-editor .ev09-generate{min-width:100px!important;min-height:40px!important;font-size:11px!important;padding:0 11px!important}

  .ev10-workspace{display:block!important;min-height:0!important}
  .ev10-tool-rail{display:none!important}
  .ev10-panel-drawer{
    display:contents!important;max-height:none!important;overflow:visible!important;border:0!important;background:transparent!important
  }
  .ev10-panel-drawer>.ev09-panel{
    display:none!important;position:fixed!important;z-index:85!important;left:8px!important;right:8px!important;bottom:68px!important;
    width:auto!important;min-height:0!important;max-height:min(76dvh,690px)!important;overflow:auto!important;
    padding:17px!important;border:1px solid var(--editor-line-strong)!important;border-radius:20px!important;
    background:#0a111c!important;box-shadow:0 -22px 70px rgba(0,0,0,.60)!important
  }
  .ev10-panel-drawer>.ev09-panel.mobile-open{display:flex!important;flex-direction:column!important}
  .ev10-panel-drawer>.ev09-panel.mobile-open>*{flex-shrink:0!important}
  .ev10-panel-drawer .ev09-scene-types{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;min-height:48px!important
  }
  .ev10-panel-drawer .ev09-scene-types button{
    min-width:0!important;min-height:40px!important;padding:0 7px!important;white-space:nowrap!important
  }
  .ev10-panel-drawer .ev09-panel-title .ev09-icon{display:grid!important;place-items:center!important}
  .ev10-panel-drawer #ev09-script{min-height:210px!important;height:230px!important}
  .ev10-panel-drawer .ev09-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ev10-frame-actions{grid-template-columns:1fr 1fr!important}
  .ev10-frame-actions #ev10-avatar-reset{grid-column:1/-1!important;justify-self:start!important}
  .ev10-frame-position{grid-template-columns:1fr!important}
  .ev10-stage-column{display:grid!important;grid-template-rows:38px auto auto!important;min-height:0!important}
  .ev10-stage-meta{height:38px!important;padding:0 11px!important}
  .ev10-stage-wrap{
    min-height:360px!important;height:auto!important;padding:12px 6px!important;background-size:auto,24px 24px,24px 24px,auto!important
  }
  .ev10-stage-wrap .ev09-canvas.ratio-9-16{height:min(53dvh,520px)!important}
  .ev10-stage-wrap .ev09-canvas.ratio-16-9{width:100%!important;max-height:none!important}
  .ev10-stage-wrap .ev09-canvas.ratio-1-1{height:min(48dvh,470px)!important}
  .ev10-timeline{padding:9px 9px 11px!important}
  .ev10-timeline-head{margin-bottom:7px!important}
  .ev10-timeline-head .ev09-scene-actions{display:none!important}
  .ev10-timeline .ev09-scene-card{flex-basis:142px!important;grid-template-columns:44px minmax(0,1fr)!important;min-height:58px!important}
  .ev10-timeline .ev09-scene-thumb{width:44px!important;height:42px!important}
  .ev10-timeline .ev09-add-scene{min-height:58px!important;flex-basis:68px!important}

  .ev10-mobile-dock{
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;position:fixed!important;z-index:80!important;
    left:6px!important;right:6px!important;bottom:6px!important;padding:5px!important;border:1px solid var(--editor-line-strong)!important;
    border-radius:16px!important;background:rgba(8,13,21,.965)!important;backdrop-filter:blur(16px)!important;
    box-shadow:0 14px 42px rgba(0,0,0,.46)!important
  }
  .ev10-mobile-dock button{
    min-height:52px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#8493a7!important;
    display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;font:750 9px/1 inherit!important
  }
  .ev10-mobile-dock button span{font-size:15px!important}
  .ev10-mobile-dock button.active{
    background:var(--editor-gold-soft)!important;color:#ffe27a!important;box-shadow:inset 0 0 0 1px rgba(243,199,51,.16)!important
  }
}

/* Phone: prioritize canvas and touch targets, avoid horizontal overflow. */
@media(max-width:620px){
  .ev10-editor-head{padding-left:7px!important;padding-right:7px!important}
  .ev10-exit-button{width:32px;height:32px;flex-basis:32px}
  .ev10-product-mark em{display:none}
  .ev10-editor .ev09-project-title input{font-size:13px!important}
  .ev10-editor .ev09-generate{min-width:92px!important;font-size:10.5px!important}
  .ev10-stage-wrap{min-height:330px!important;padding:9px 4px!important}
  .ev10-stage-wrap .ev09-canvas.ratio-9-16{height:min(50dvh,450px)!important}
  .ev10-stage-wrap .ev09-canvas.ratio-1-1{height:min(44dvh,410px)!important}
  .ev10-stage-meta>div span{display:none}
  .ev10-timeline-head>div:first-child span{display:none}
  .ev10-timeline .ev09-scene-card{flex-basis:132px!important}
  .ev10-panel-drawer>.ev09-panel{
    left:5px!important;right:5px!important;bottom:66px!important;max-height:78dvh!important;padding:14px!important
  }
  .ev10-panel-drawer .ev09-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ev10-panel-drawer .ev10-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ev10-avatar-drag-hint{top:7px;font-size:8px;padding:4px 7px}
  .ev10-panel-drawer .ev09-inline-tools>*,
  .ev10-panel-drawer .ev09-voice-actions>*{flex:1 1 120px!important}
}

/* Wide desktop can breathe without creating dead space around the stage. */
@media(min-width:1500px){
  .ev10-workspace{grid-template-columns:72px 332px minmax(0,1fr)!important}
  .ev10-panel-drawer>.ev09-panel{padding:20px!important}
  .ev10-stage-wrap{padding:20px 28px!important}
  .ev10-stage-wrap .ev09-canvas.ratio-9-16{height:min(67vh,720px)!important}
}

@media(prefers-reduced-motion:reduce){
  .ev10-editor *{transition:none!important;scroll-behavior:auto!important}
}