@import url('/shared/design-tokens.css');

/* Cheerful website chrome. Deliberately never loaded by video modules. */
.vm-home,.vm-studio,.vm-start { background:var(--bg); color:var(--ink); }
.vm-home a:focus-visible,.vm-home button:focus-visible,.vm-home input:focus,
.vm-studio a:focus-visible,.vm-studio button:focus-visible,.vm-studio input:focus,.vm-studio select:focus,.vm-studio textarea:focus,
.vm-start summary:focus-visible { outline:3px solid #ad91e4; outline-offset:3px; border-color:var(--brass); }
.vm-home ::selection,.vm-studio ::selection,.vm-start ::selection { color:var(--ink); background:#e1d2fb; }

/* Home: warm paper, colorful shelves, and a real video playing in its frame. */
.vm-home:before { background:radial-gradient(ellipse at 5% 2%,#f1e7fd,transparent 35%),radial-gradient(ellipse at 96% 17%,#ffe8d7,transparent 32%); }
.vm-home nav { height:86px; border-color:var(--line); }
.vm-home .brand { font-size:22px; }
.vm-home .nav-link { color:var(--muted); font-size:13px; }
.vm-home .nav-link:hover { color:var(--brass); background:var(--lilac); }
.vm-home .nav-link.nav-cta { color:#fff; background:var(--brass); border-radius:12px; }
.vm-home .nav-link.nav-cta:hover { color:#fff; background:var(--brass-soft); }
.vm-home header { padding-top:66px; gap:60px; }
.vm-home .kicker { color:#5a4383; background:var(--lilac); border-color:#ddcff4; padding:8px 12px; }
.vm-home .kicker i { background:var(--mint); box-shadow:0 0 0 4px #d9eedf; }
.vm-home h1 { font-size:clamp(50px,5.6vw,78px); line-height:1.03; letter-spacing:-.06em; }
.vm-home h1 span { color:var(--brass); }
.vm-home .sub { color:var(--muted); font-size:18px; line-height:1.7; }
.vm-home .cta { background:var(--brass); color:#fff; padding:15px 19px; border-radius:14px; box-shadow:0 10px 25px rgba(104,68,201,.18); }
.vm-home .cta span { background:rgba(255,255,255,.16); }
.vm-home .cta:hover { background:var(--brass-soft); box-shadow:0 14px 30px rgba(104,68,201,.2); }
.vm-home .secondary { color:var(--ink); background:#fff; border-color:#d5ccdf; }
.vm-home .secondary:hover { color:var(--brass); background:var(--lilac); border-color:#baa8da; }
.vm-home .proof { color:var(--muted); font-size:12px; }
.vm-home .proof span:before { color:var(--mint); background:#e0efe5; }
.vm-home .hero-demo:before { background:radial-gradient(circle,#deccf6,transparent 65%); filter:blur(28px); }
.vm-home .demo-window { border-color:#d9d0e4; background:#fff; border-radius:25px; box-shadow:0 26px 60px rgba(88,55,119,.14); }
.vm-home .demo-top { color:var(--muted); }
.vm-home .demo-top i:nth-child(1) { background:#edb09a; }.vm-home .demo-top i:nth-child(2) { background:#e1c771; }.vm-home .demo-top i:nth-child(3) { background:#91c4a6; }
.vm-home .demo-top strong { color:var(--muted); }.vm-home .demo-top strong span { color:var(--brass); }
.vm-home .demo-replay { color:var(--brass); background:var(--lilac); border-color:#d5c6ee; }
.vm-home .demo-replay:hover { color:var(--brass-soft); background:#e8def8; border-color:#baa0e1; }
/* The poster belongs to the dark video, not the light website. */
.vm-home .demo-title,.vm-home .demo-timeline { color:#f5f2e9; }.vm-home .demo-title span { color:#f0b766; }
.vm-home .demo-timeline b { color:var(--muted); }.vm-home .demo-track { background:#e9e2f1; }.vm-home .demo-track i { background:#a890d8; }
.vm-home .floating-chip { color:var(--ink); background:rgba(255,255,255,.96); border-color:#ddd3e8; box-shadow:0 10px 24px rgba(79,49,110,.1); border-radius:14px; }
.vm-home .floating-chip b { color:var(--mint); background:var(--mint-soft); }.vm-home .chip-two b { color:var(--brass); background:var(--lilac); }
.vm-home .value-strip { background:#fff; border-color:var(--line); border-radius:22px; box-shadow:var(--shadow); }
.vm-home .value { border-color:var(--line); padding:23px; }.vm-home .value:nth-child(1) { background:#f6f0fc; }.vm-home .value:nth-child(2) { background:#fff2e9; }.vm-home .value:nth-child(3) { background:#edf6ef; }.vm-home .value:nth-child(4) { background:#fff8df; }
.vm-home .value strong { color:var(--ink); font-size:15px; }.vm-home .value span { color:var(--muted); font-size:12px; }
.vm-home .section-label { color:var(--brass); font-size:11px; }
.vm-home .search { color:var(--ink); background:#fff; border-color:var(--field-line); min-height:46px; }.vm-home .search::placeholder { color:var(--muted); }.vm-home .search-wrap:before { color:var(--muted); }
.vm-home .filter { color:var(--muted); background:#fff; border-color:#d5ccdf; min-height:40px; font-size:12px; }
.vm-home .filter:hover { color:var(--brass); background:#f3edf9; border-color:#b4a0d0; }.vm-home .filter.active { color:#fff; background:var(--brass); border-color:var(--brass); }
.vm-home .card { background:#fff; border-color:var(--line); border-radius:23px; padding:12px 12px 17px; box-shadow:0 4px 18px rgba(62,42,84,.025); }
.vm-home .card:hover { border-color:#bcabd5; box-shadow:0 14px 32px rgba(79,49,110,.09); transform:translateY(-3px); }
.vm-home .visual { border-radius:15px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 23%,#fff),color-mix(in srgb,var(--accent) 9%,#fff)); border-color:color-mix(in srgb,var(--accent) 28%,#e2ddea); }
.vm-home .visual:before { opacity:.22; filter:none; top:-120px; right:-40px; width:240px; height:240px; }
.vm-home .visual:after { opacity:.25; background-image:linear-gradient(#a99bb8 1px,transparent 1px),linear-gradient(90deg,#a99bb8 1px,transparent 1px); }
.vm-home .visual strong { color:#392d50; text-shadow:none; font-size:32px; }
.vm-home .visual .play-dot { color:#fff; background:#594177; width:42px; height:42px; box-shadow:0 6px 14px rgba(66,42,97,.12); }
.vm-home .visual .ratio { color:#524261; background:rgba(255,255,255,.75); border-color:rgba(80,57,108,.12); font-size:9px; }
.vm-home .category { color:var(--muted); font-size:10px; letter-spacing:.08em; }.vm-home .badge { color:#70501f; background:var(--lemon); border-color:#ebd99a; font-size:9px; }
.vm-home .card h3 { font-size:20px; }.vm-home .card p { color:var(--muted); font-size:13px; line-height:1.65; }
.vm-home .links a { color:var(--muted); background:#fff; border-color:#d8cfe1; font-size:12px; min-height:40px; display:inline-flex; align-items:center; justify-content:center; }
.vm-home .links a:hover { color:var(--brass); background:var(--lilac); }.vm-home .links a.gold { color:#fff; background:var(--brass); border-color:var(--brass); }.vm-home .links a.gold:hover { background:var(--brass-soft); }
.vm-home #empty { background:#fff; }
.vm-home .steps { background:linear-gradient(130deg,#f1e9fa,#fff3e8); border-color:#e3d5ea; border-radius:26px; }
.vm-home .steps:after { color:rgba(104,68,201,.045); }.vm-home .step { border-color:#dcd0e8; }
.vm-home .step b { background:#fff; color:var(--brass); width:39px; height:39px; border-radius:13px; font-size:15px; box-shadow:0 5px 14px rgba(104,68,201,.08); }
.vm-home .step p,.vm-home .answers>p { color:var(--muted); font-size:14px; }
.vm-home .answer { background:#fff; border-color:var(--line); border-radius:19px; }.vm-home .answer h3 { color:var(--ink); }.vm-home .answer p { color:var(--muted); font-size:14px; }
.vm-home footer { color:var(--muted); }.vm-home footer a { color:var(--muted); }.vm-home footer a:hover { color:var(--brass); }.vm-home footer .foot-brand { color:var(--ink); }
.vm-home .demo-modal { background:rgba(48,35,66,.4); backdrop-filter:blur(9px); }.vm-home .demo-modal-card { background:#fff; border-color:#d8cde6; box-shadow:0 25px 80px rgba(48,35,66,.25); border-radius:24px; }
.vm-home .demo-modal-head h2 { color:var(--ink); }.vm-home .modal-close { background:#f6f1fb; color:var(--ink); border-color:#d6cae4; min-height:40px; }.vm-home .modal-close:hover { background:var(--lilac); color:var(--brass); border-color:#b9a0d8; }
.vm-home .demo-modal-foot p { color:var(--muted); font-size:12px; }.vm-home .demo-modal-foot a { color:#fff; }.vm-home .demo-modal-foot a:hover { background:var(--brass-soft); }

/* First-video chooser */
.vm-start .goal { background:#fff; border-color:var(--line); border-radius:20px; box-shadow:var(--shadow); }
.vm-start .goal:hover { border-color:#bda6db; }.vm-start .goal:has(input:checked) { background:#f7f2fe; border-color:var(--brass); box-shadow:0 0 0 2px rgba(104,68,201,.09); }
.vm-start .goal:nth-child(2) .goal-icon { background:var(--mint-soft); color:var(--mint); border-color:#bddcc9; }.vm-start .goal:nth-child(3) .goal-icon { background:var(--peach); color:#955136; border-color:#ebc7b3; }.vm-start .goal:nth-child(4) .goal-icon { background:var(--lemon); color:#7e6426; border-color:#e7d59b; }
.vm-start .goal-icon { background:var(--lilac); border-color:#d7c6ee; color:var(--brass); }.vm-start .goal strong { color:var(--ink); }.vm-start .goal small { color:#466655; }
.vm-start .size-row label { color:var(--ink); background:#fff; border-color:#d3c7df; }.vm-start .size-row label:has(input:checked) { background:var(--lilac); border-color:var(--brass); }
.vm-start .start-summary { background:#fff; border-color:#d9cce9; border-radius:20px; box-shadow:var(--shadow); }.vm-start .journey { color:var(--muted); }

/* Studio: keep the canvas dark while making the workspace light and welcoming. */
.vm-studio header { background:rgba(255,255,255,.97); border-color:var(--line); box-shadow:0 5px 20px rgba(72,48,95,.035); }
.vm-studio .logo { color:var(--ink); }.vm-studio .brand-sub { color:var(--muted); border-color:var(--line); background:#f7f3fb; }
.vm-studio .top-btn,.vm-studio .home-link { color:var(--muted); }.vm-studio .top-btn { border-color:transparent; background:transparent; }.vm-studio .top-icon { color:var(--brass); }
.vm-studio .top-btn:hover,.vm-studio .home-link:hover { color:var(--brass); background:var(--lilac); }
.vm-studio .browse-btn { color:var(--brass); background:var(--lilac); border-color:#d8c9ee; }.vm-studio .browse-btn:hover { color:#fff; background:var(--brass); border-color:var(--brass); }
.vm-studio .actionbar { background:#fcfaff; border-color:var(--line); }.vm-studio .bar-divider { background:var(--line); }
.vm-studio select,.vm-studio input,.vm-studio button,.vm-studio textarea { color:var(--ink); background:#fff; border-color:var(--field-line); }
.vm-studio input::placeholder,.vm-studio textarea::placeholder { color:#756c81; }.vm-studio select:hover,.vm-studio input:hover,.vm-studio textarea:hover { border-color:#776389; }
.vm-studio button:hover { color:var(--brass); background:#f4eefc; border-color:#b39ace; }
.vm-studio button.primary { color:#fff; background:var(--brass); border-color:var(--brass); box-shadow:0 5px 16px rgba(104,68,201,.12); }.vm-studio button.primary:hover { color:#fff; background:var(--brass-soft); border-color:var(--brass-soft); }
.vm-studio button.ghost { color:var(--muted); background:transparent; border-color:transparent; }
.vm-studio input[type=checkbox],.vm-studio input[type=radio],.vm-studio input[type=range] { accent-color:var(--brass); }
.vm-studio .format-pick { background:#fff; border-color:#d4c8e2; box-shadow:0 3px 12px rgba(62,42,84,.04); }.vm-studio .format-pick:hover { background:#f6f0fc; border-color:#b6a0d1; }
.vm-studio .fp-icon { background:var(--lilac); border-color:#dccdf0; color:var(--brass); }.vm-studio .fp-text strong { color:var(--ink); }.vm-studio .fp-text small,.vm-studio .fp-chev { color:var(--muted); }
.vm-studio .switch { background:#f1edf5; border-color:#d6ccdf; }.vm-studio .switch button { color:var(--muted); background:transparent; border-color:transparent; }.vm-studio .switch button:hover { color:var(--brass); }
.vm-studio .switch button.on { color:var(--brass); background:#fff; box-shadow:0 2px 5px rgba(72,48,95,.08); }.vm-studio .switch.gold button.on { color:#fff; background:var(--brass); }
.vm-studio #autosaveStatus { color:#3b715c; }
.vm-studio #panel { background:#fcfaf7; border-color:var(--line); scrollbar-color:#cec1dd transparent; }.vm-studio #panel::-webkit-scrollbar-thumb,.vm-studio #view::-webkit-scrollbar-thumb { background:#cec1dd; }
.vm-studio #view { background:radial-gradient(ellipse at 75% 8%,#f0e8fa,transparent 45%),#f5f2f8; }
.vm-studio .eyebrow { color:var(--brass); }.vm-studio .panel-intro h2,.vm-studio .preview-heading h1 { color:var(--ink); }.vm-studio .panel-intro p,.vm-studio .preview-heading p,.vm-studio .preview-heading span { color:var(--muted); }
.vm-studio .section { background:#fff; border-color:var(--line); border-radius:16px; box-shadow:0 4px 14px rgba(62,42,84,.025); }.vm-studio .section h3 { color:#645472; font-size:11px; }.vm-studio .section h3:hover { color:var(--brass); }
.vm-studio .section h3:before { background:#a48bc9; box-shadow:8px 0 0 #e0d4ee; }.vm-studio .section h3 .chevron { color:var(--muted); }.vm-studio .field label,.vm-studio .hint { color:var(--muted); }
.vm-studio .field label { font-size:12px; }.vm-studio .hint { line-height:1.5; }.vm-studio .row button.del { color:var(--danger); border-color:#e5bbc2; background:#fff7f8; }
.vm-studio .subrows,.vm-studio .question-block { border-color:var(--line); }
.vm-studio .style-card { background:#fcfaff; border-color:#d8cde5; border-radius:13px; box-shadow:none; }.vm-studio .style-card:hover { border-color:#aa87ce; box-shadow:0 6px 16px rgba(90,50,120,.05); }
.vm-studio .style-card.selected { background:#f3ebfc; border-color:var(--brass); box-shadow:0 0 0 1px rgba(104,68,201,.12); }.vm-studio .style-card.selected:after { color:#fff; background:var(--brass); }
.vm-studio .style-card strong { color:var(--ink); }.vm-studio .style-card small { color:var(--muted); font-size:11px; line-height:1.45; }
.vm-studio .style-swatches { border-color:#ded5e7; }
.vm-studio .slideshow-presets { background:#f6effd; border-color:#d8c6ea; }.vm-studio .preset-heading h3 { color:var(--ink); }.vm-studio .preset-heading p { color:var(--muted); }
.vm-studio .preset-card { background:#fff; border-color:#d8cde4; color:var(--ink); }.vm-studio .preset-card:hover { background:#f5eefb; border-color:#b199cc; }.vm-studio .preset-card.selected { background:var(--lilac); border-color:var(--brass); box-shadow:none; }
.vm-studio .preset-icon { background:var(--lilac); color:var(--brass); }.vm-studio .preset-card small,.vm-studio .preset-card i { color:var(--muted); }
.vm-studio .data-card { background:#f2faf5; border-color:#cbdfd2; box-shadow:none; }.vm-studio .data-head strong { color:#365f49; }.vm-studio .data-head .src,.vm-studio .data-params label,.vm-studio .data-note { color:var(--muted); }.vm-studio .data-dot { background:var(--mint); }
.vm-studio .suggest { background:#fff; box-shadow:0 10px 28px rgba(62,42,84,.12); }.vm-studio .suggest-item,.vm-studio .suggest-item span { color:var(--ink); }.vm-studio .suggest-item:hover { background:var(--lilac); }
.vm-studio .drop-zone { color:var(--muted); background:#f9f4ff; border-color:#b49acb; border-radius:15px; }.vm-studio .drop-zone strong { color:var(--brass); }.vm-studio .drop-zone.dragging { background:var(--lilac); color:var(--ink); border-color:var(--brass); }
.vm-studio .karaoke-song-card,.vm-studio .kids-mode-card { background:#f5effc; border-color:#d9c9e8; }.vm-studio .karaoke-song-card small,.vm-studio .kids-mode-card small { color:var(--muted); }.vm-studio .karaoke-song-card .audio-icon { color:#fff; }.vm-studio .kids-mode-card strong { color:var(--ink); }.vm-studio .kids-mode-card.active { background:#eaf7ef; border-color:#7ab894; }
.vm-studio #toolbar { background:rgba(255,255,255,.92); border-color:#d9cfe4; box-shadow:var(--shadow); }.vm-studio #openFull { color:var(--brass); }.vm-studio #openFull:hover { color:var(--brass-soft); }
.vm-studio #frameWrap { border-color:#fff; outline-color:#d3c6e0; box-shadow:0 18px 45px rgba(65,40,90,.14); }
.vm-studio .generate-card { background:#fff; border-color:#d9cce5; border-radius:20px; box-shadow:var(--shadow); }.vm-studio .generate-card:before { background:linear-gradient(#9673d0,#d4c1ef); }.vm-studio .generate-card h3 { color:var(--ink); }.vm-studio .generate-card p { color:var(--muted); }
.vm-studio .ready-pill { color:#22644b; background:#e8f5ed; border-color:#b6d9c4; }.vm-studio .ready-pill.warn { color:#835326; background:#fff3df; border-color:#e6cd9f; }.vm-studio #exportAllowance { color:var(--muted); }
.vm-studio .progress { background:#eee5f6; }.vm-studio .progress>i { background:linear-gradient(90deg,#a98adc,var(--brass)); }
.vm-studio .download-row a { color:#fff; background:#26735c; border-radius:11px; padding:11px 14px; }.vm-studio #cancelRenderBtn { color:var(--danger); }
.vm-studio .output-card { background:#fff; border-color:var(--line); }.vm-studio .output-card summary { color:var(--ink); }.vm-studio .output-card p { color:var(--muted); }.vm-studio #rendercmd { color:#58446f; background:#f4eef9; border-color:#dcd0e7; }
.vm-studio .stepbar { background:#fff; border-color:var(--line); }.vm-studio .stepbar button { color:var(--muted); background:transparent; border-color:transparent; }.vm-studio .stepbar button i { border-color:#d2c5df; }
.vm-studio .stepbar button[aria-current="step"] { color:var(--brass); background:var(--lilac); border-color:#d6c1ef; }.vm-studio .stepbar button[aria-current="step"] i { background:var(--brass); border-color:var(--brass); color:#fff; }.vm-studio .stepbar a { color:var(--muted); }
.vm-studio .step-help { background:#f0eafb; border-color:#d9c8ee; border-radius:17px; }.vm-studio .step-help strong { color:#5d3c91; }.vm-studio .step-help p { color:#645574; }
.vm-studio .step-footer { background:linear-gradient(transparent,#fcfaf7 18%); }.vm-studio .workflow-export { background:#fff; border-color:var(--line); border-radius:18px; }.vm-studio .workflow-export p,.vm-studio .workflow-export li { color:var(--muted); }
.vm-studio .slideshow-layouts { background:#fff; border-color:#ddd0e8; }.vm-studio .slideshow-layouts summary { color:var(--brass); }
.vm-studio .optional-connection { border-color:#c9dfd1; background:#f2faf5; }.vm-studio .optional-connection summary { color:#35654c; }
.vm-studio .draft-notice { color:#356b52; }.vm-studio #previewFailure,.vm-studio #exportAccountNotice { color:#79522c; background:#fff4e2; border-color:#e2c99c; }.vm-studio #exportAccountNotice a { color:#6b429c; }
.vm-studio .mobile-tabs { background:#fff; border-color:var(--line); }.vm-studio .mobile-tabs button { background:#fff; color:var(--muted); border-color:#d6c9e2; }.vm-studio .mobile-tabs button[aria-pressed="true"] { background:var(--lilac); color:var(--brass); border-color:#bb9de1; }
.vm-studio .modal { background:rgba(48,35,66,.4); backdrop-filter:blur(9px); }.vm-studio .modal-card { background:#fcfaff; border-color:#d5c7e1; border-radius:22px; box-shadow:0 25px 80px rgba(48,35,66,.23); }.vm-studio .modal-head { background:rgba(255,255,255,.98); border-color:var(--line); }.vm-studio .modal-head h2 { color:var(--ink); }.vm-studio .modal-head p { color:var(--muted); }
.vm-studio .fmt-cats button { color:var(--muted); background:#fff; border-color:#d6c9e2; }.vm-studio .fmt-cats button.on { background:var(--lilac); color:var(--brass); border-color:#bd9dde; }
.vm-studio .fmt-card,.vm-studio .project-card,.vm-studio .asset-card,.vm-studio .usage-card { background:#fff; border-color:var(--line); }.vm-studio .fmt-card:hover { background:#f5effc; border-color:#bda4d6; }.vm-studio .fmt-card.on { border-color:var(--brass); box-shadow:0 0 0 1px #dbc9ed; }
.vm-studio .fmt-card b,.vm-studio .project-info h3,.vm-studio .asset-info h3,.vm-studio .usage-card strong { color:var(--ink); }.vm-studio .fmt-card em,.vm-studio .fmt-card .cat,.vm-studio .project-info p,.vm-studio .asset-info p,.vm-studio .usage-card span { color:var(--muted); }
.vm-studio .asset-thumb { background:#f1ebf8; }.vm-studio .empty-state { color:var(--muted); background:#fff; border-color:#cdbbdf; }
.vm-studio .onboarding { background:var(--lemon); color:#795b22; border-color:#e7d6a1; }.vm-studio .onboarding strong { color:#74531c; }.vm-studio .onboarding p { color:#735f39; }.vm-studio .onboarding button { background:#fff; color:#74531c; border-color:#dac798; }
.vm-studio .sched-row { background:#fff; border-color:var(--line); }.vm-studio .sched-row strong { color:var(--ink); }.vm-studio .sched-row span { color:var(--muted); }.vm-studio .sched-row .state.on { color:var(--mint); }.vm-studio .sched-row .state.bad { color:var(--danger); }
.vm-studio #toast { color:#fff; border:1px solid rgba(255,255,255,.3); box-shadow:0 10px 24px rgba(48,35,66,.14); }

@media(max-width:720px) {
  .vm-home nav { height:74px; }.vm-home header { gap:34px; padding-top:42px; }.vm-home h1 { font-size:clamp(44px,12.7vw,62px); }.vm-home .sub { font-size:16px; }
  .vm-home .brand { font-size:20px; }.vm-home .nav-link.nav-cta { font-size:12px; padding-inline:12px; }
  .vm-home .cta,.vm-home .secondary,.vm-home .filter,.vm-home .links a,.vm-home .modal-close { min-height:44px; }.vm-home .search { font-size:16px; }
  .vm-home .demo-top strong { font-size:9px; }.vm-home .demo-replay { padding:8px; }.vm-home .value { padding:18px; }
  .vm-home .step { border-color:#dcd0e8; }
}
@media(max-width:620px) {
  .vm-studio.simple-mode .brandbar { padding-inline:12px; gap:4px; }.vm-studio.simple-mode .brandbar .logo { font-size:15px; }
  .vm-studio.simple-mode .brandbar .mark { width:22px; height:22px; flex-basis:22px; margin-right:7px; }
  .vm-studio.simple-mode .brandbar .top-btn { font-size:11px; padding-inline:7px; }.vm-studio.simple-mode #editModeSwitch button { padding-inline:6px; }
  .vm-studio .field input:not([type=color]),.vm-studio .field select,.vm-studio .field textarea,.vm-studio .row input,.vm-studio .data-body input,.vm-studio .data-body select,.vm-studio .fmt-search { font-size:16px; }
  .vm-studio .top-btn { min-height:38px; }.vm-studio .modal { padding:10px; }.vm-studio .modal-body { padding:16px; }
  .vm-studio .image-field { flex-wrap:wrap; }.vm-studio .image-field input { min-width:100%; }.vm-studio .data-actions { flex-wrap:wrap; }
  .vm-studio .style-card { min-height:108px; }.vm-studio .style-card small { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .vm-home *,.vm-studio *,.vm-start * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}
/* Editable time-series tables remain usable on a narrow Studio panel. */
.vm-studio .series-table-wrap{overflow-x:auto;margin:12px 0}
.vm-studio .series-table{border-collapse:collapse;min-width:360px;width:100%;font-size:12px}
.vm-studio .series-table td,.vm-studio .series-table th{padding:5px;text-align:left}
.vm-studio .series-table th{color:var(--muted)}
.vm-studio .series-table input{min-width:75px;width:100%}