/* «Студия ББШ» (/studio/): рабочий стол из трёх панелей - библиотека, холст,
   настройки. Один слой правил вместо трёх надстроек: проще читать и править.
   Тёмный интерфейс всегда (карточки смотрят на тёмном честнее), шрифты
   интерфейса - не меньше 12px, иерархия заголовков: нумерованный оверлайн
   только у трёх панелей, внутри - обычные заголовки секций <details>.
   Правый столбец - аккордеон: открыт только раздел «Содержание». */
.studio-page{--sp-bg:#071625;--sp-panel:#101f32;--sp-panel-2:#0b1a2c;--sp-line:#28425b;--sp-line-2:#38536d;--sp-ink:#f0f5fb;--sp-muted:#9fb6cc;--sp-dim:#7f98b0;--sp-amber:#f0bb60;--sp-sky:#8bcaf3;--sp-blue:#1e4d74;background:var(--sp-bg);color:var(--sp-ink);min-height:90vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}
.studio-page *{box-sizing:border-box}
.studio-page button,.studio-page input,.studio-page select,.studio-page textarea{font:inherit}
.studio-shell.container{width:min(1780px,calc(100% - 36px));padding:18px 0 32px}

/* Шапка: единственное место с фактурой фона. */
.studio-hero{position:relative;padding:18px 28px 22px;margin-bottom:12px;overflow:hidden;border:1px solid #24415d;border-radius:18px;background:radial-gradient(circle at 89% 18%,#245783 0,transparent 37%),linear-gradient(110deg,#0d2943,#0c2034 67%,#102b46)}
.studio-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(130deg,transparent 0 80px,#fff1 81px 82px)}
.studio-hero-top,.studio-hero-body,.studio-stage-header,.studio-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.studio-overline,.studio-edition,.studio-panel-overline,.studio-live-label{font-size:11px;letter-spacing:.17em;font-weight:800;color:#adc6e0;text-transform:uppercase}
.studio-overline{color:var(--sp-amber)}
.studio-live-dot{display:inline-block;background:var(--sp-amber);box-shadow:0 0 0 4px #f0bb6022;width:7px;height:7px;border-radius:50%;margin-right:10px}
.studio-hero-body{align-items:flex-end;padding-top:12px}
.studio-hero h1{font-size:clamp(28px,2.7vw,44px);line-height:1.06;letter-spacing:-.04em;color:#fff;margin:0 0 8px;font-weight:900}
.studio-hero h1 em{font-style:normal;color:#efbd6c}
.studio-hero p{margin:0;color:#c3d6e8;max-width:740px;font-size:15px;line-height:1.55}
.studio-hero-stats{display:flex;gap:24px;flex-shrink:0}
.studio-hero-stats div{border-left:1px solid #55718d;padding-left:15px;display:grid;gap:4px}
.studio-hero-stats b{font-size:23px;font-weight:900;color:#fff;line-height:1}
.studio-hero-stats span{color:#b2c7da;font-size:12px;white-space:nowrap}

/* Три колонки одной высоты не бывают: библиотека и холст липнут к верху, настройки прокручиваются. */
.studio-workbench{display:grid;grid-template-columns:minmax(220px,272px) minmax(360px,1fr) minmax(300px,364px);align-items:start;gap:12px}
.studio-page .studio-panel{border:1px solid var(--sp-line);border-radius:16px;background:var(--sp-panel);min-width:0}
.studio-page .studio-library,.studio-page .studio-inspector{padding:16px 14px}
.studio-page .studio-library{position:sticky;top:calc(var(--header-h,64px) + 12px);max-height:calc(100vh - var(--header-h,64px) - 24px);overflow:auto;scrollbar-width:thin}
.studio-panel-header{border-bottom:1px solid var(--sp-line);padding:0 0 12px;margin-bottom:12px}
.studio-page h2{color:#f5f8fc;font-size:20px;letter-spacing:-.03em;margin:6px 0 4px;line-height:1.2}
.studio-panel-header p{color:var(--sp-muted);font-size:13px;line-height:1.5;margin:0}

/* Библиотека: плитка = настоящая карточка с текущими данными (canvas рисует studio.js). */
.studio-page .studio-tabs{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.studio-page .studio-tab{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:6px 6px 8px;background:#15283c;border:2px solid #29465e;color:#d5e2ee;border-radius:10px;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;font-weight:750;font-size:13px}
.studio-page .studio-tab:hover{border-color:#6cb3e4;transform:translateY(-1px)}
.studio-page .studio-tab[aria-pressed=true]{background:#1f4466;border-color:var(--sp-amber);color:#fff}
.studio-page .studio-tab[aria-pressed=true]:after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--sp-amber);box-shadow:0 2px 6px #0007;clip-path:none}
.studio-page .studio-tab[aria-pressed=true]:before{content:"";position:absolute;z-index:1;top:14px;right:16px;width:5px;height:9px;border:solid #142235;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.studio-thumb{display:grid;place-items:center;height:104px;overflow:hidden;border-radius:6px;background:linear-gradient(145deg,#0a1e37,#1f4a6e)}
.studio-thumb canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:3px;box-shadow:0 6px 16px #0008}
.studio-tab-title{padding:0 2px;line-height:1.25}

/* Холст: тихий фон без сеток и пунктира - карточка должна спорить только сама с собой. */
.studio-stage-panel{display:flex;flex-direction:column;background:var(--sp-panel-2)!important;align-self:start;position:sticky;top:calc(var(--header-h,64px) + 12px);overflow:hidden}
.studio-stage-header{padding:14px 20px 8px}
.studio-stage-header h2{font-size:18px;margin-bottom:0}
.studio-live-label{color:#a9d0b4;font-size:11px}
.studio-live-label .studio-live-dot{background:#7de6b5;box-shadow:0 0 0 4px #7de6b522}
.studio-stage-tools{display:flex;flex-wrap:wrap;gap:10px 22px;padding:6px 20px 12px;border-bottom:1px solid var(--sp-line)}
.studio-tool{display:grid;gap:6px;min-width:0}
.studio-page .studio-label{display:block;color:#b7cbde;font-size:12px;font-weight:700;letter-spacing:.04em}
.studio-page .studio-formats{display:inline-flex;gap:0;border:1px solid var(--sp-line-2);border-radius:9px;overflow:hidden;background:#0b1b2c}
.studio-page .studio-format{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:62px;padding:6px 10px;text-align:center;cursor:pointer;border-right:1px solid var(--sp-line-2);color:#e3edf6}
.studio-page .studio-format:last-child{border-right:0}
.studio-format input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.studio-page .studio-format:has(input:checked){background:#23557e;color:#fff}
.studio-page .studio-format:has(input:focus-visible){outline:2px solid var(--sp-sky);outline-offset:-2px}
.studio-format-ratio{font-weight:850;font-size:14px;line-height:1.1}
.studio-format small{color:#aac3d7;font-size:10px;font-weight:500;letter-spacing:0}
.studio-page .studio-direction-options{display:inline-flex;border:1px solid var(--sp-line-2);border-radius:9px;overflow:hidden;background:#0b1b2c}
.studio-page .studio-direction{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:7px 12px;cursor:pointer;color:#e3edf6;border-right:1px solid var(--sp-line-2)}
.studio-page .studio-direction:last-child{border-right:0}
.studio-page .studio-direction input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.studio-page .studio-direction:has(input:checked){background:#23557e;color:#fff}
.studio-page .studio-direction:has(input:focus-visible){outline:2px solid var(--sp-sky);outline-offset:-2px}
.studio-page .studio-direction strong{font-size:13px;font-weight:750}
.studio-direction-symbol{flex:0 0 auto;width:22px;height:16px;border-radius:3px;background:#eaf0f3;box-shadow:inset 3px 0 #1e5d9b}
.studio-direction:nth-child(2) .studio-direction-symbol{background:linear-gradient(130deg,#071727,#326698);box-shadow:inset 0 -3px #f1bb60}
.studio-stage{flex:0 0 auto;display:flex;justify-content:center;align-items:center;height:clamp(340px,calc(100vh - var(--header-h,64px) - 390px),640px);padding:14px 16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1e4162 0,#0e263d 42%,#081727 85%)}
.studio-canvas-holder{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;max-width:580px;height:100%;isolation:isolate}
.studio-page #previewCanvas{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 24px 55px #0009,0 0 0 1px #e5ecf138}
.studio-page #studioMotionCanvas:not([hidden]){display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;max-width:100%;max-height:100%;border-radius:4px;pointer-events:none}
.studio-page #studioMotionCanvas[hidden]{display:none}
.studio-stage-footer{padding:10px 20px 6px;color:var(--sp-muted);font-size:12px;font-variant-numeric:tabular-nums}
.studio-stage-format{font-weight:800;color:#dceaf7}
.studio-stage-hint{color:#dcc48f;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
/* Лента «готовых сочетаний» под холстом: варианты текущей карточки, листаются вбок. */
.studio-looks{display:flex;gap:8px;padding:4px 20px 14px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
.studio-looks:empty{display:none}
.studio-looks .studio-lab-gallery{display:flex;gap:8px}
.studio-looks .studio-lab-gallery button{flex:0 0 108px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;padding:4px 4px 6px;text-align:left;background:#10243b;border:2px solid #395773;border-radius:9px;color:#eaf5fa;cursor:pointer;transition:border-color .15s,transform .15s}
.studio-looks .studio-lab-gallery button:hover{transform:translateY(-2px);border-color:#6cb3e4}
.studio-looks .studio-lab-gallery button[aria-pressed=true]{border-color:var(--sp-amber);background:#173b57}
.studio-looks .studio-lab-gallery button strong{font-size:11px;font-weight:750;padding:0 3px;line-height:1.2}
.studio-looks .studio-look-image{display:grid;place-items:center;width:100%;height:84px;overflow:hidden;border-radius:5px;background:linear-gradient(145deg,#0a1e37,#28587b)}
.studio-looks .studio-look-image canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* Настройки: аккордеон. */
.studio-page .studio-inspector{overflow:visible}
.studio-page .studio-acc{border-top:1px solid var(--sp-line);margin:0;padding:0;color:#dcecf9}
.studio-page .studio-acc summary{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;list-style:none;color:#f1f6fb;user-select:none}
.studio-page .studio-acc summary::-webkit-details-marker{display:none}
.studio-page .studio-acc summary:after{content:"";flex:0 0 auto;width:7px;height:7px;margin-left:auto;margin-right:4px;border:solid #9fb6cc;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s}
.studio-page .studio-acc[open]>summary:after{transform:rotate(-135deg)}
.studio-page .studio-acc summary:focus-visible{outline:2px solid var(--sp-sky);outline-offset:2px;border-radius:6px}
.studio-acc-title{font-size:14px;font-weight:800}
.studio-acc-sum{font-size:12px;color:var(--sp-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.studio-acc-body{padding:0 0 14px}
.studio-page .studio-field{display:grid;gap:6px;margin-bottom:12px}
.studio-page .studio-field input:not([type=radio]):not([type=file]):not([type=range]),.studio-page .studio-field textarea,.studio-page .studio-field select,.studio-page #motionEffect{width:100%;border-radius:8px;border:1px solid var(--sp-line-2);background:#0b1b2c;color:#f4f8fc;padding:10px 11px;font-size:14px;line-height:1.4}
.studio-page select optgroup{font-weight:800;color:#e2b56a}
.studio-page select option{font-weight:600;color:#f4f8fc;background:#0b1b2c}
.studio-page .studio-field :is(input,textarea,select):focus-visible,.studio-page button:focus-visible,.studio-page .studio-upload:focus-within{outline:2px solid var(--sp-sky);outline-offset:2px}
.studio-page .studio-field textarea{resize:vertical;min-height:70px}
.studio-theme-row{display:flex;align-items:center;gap:8px}
.studio-theme-swatches{display:flex;gap:3px}
.studio-theme-swatches i{width:17px;height:17px;border-radius:50%;background:#1e5d9b;border:2px solid #eef6fe1a}
.studio-theme-swatches i:nth-child(2){background:#7ec8f3}
.studio-theme-swatches i:nth-child(3){background:#e9ae57}
.studio-theme-row select{flex:1;min-width:0}
.studio-photo-tools{display:flex;gap:9px;align-items:center}
.studio-photo-field input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.studio-upload,.studio-remove-photo{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:9px 12px;min-height:40px;font-weight:750;font-size:13px;cursor:pointer}
.studio-upload{background:var(--sp-blue);color:#fff;border:1px solid #6aa6d4}
.studio-remove-photo{border:1px solid #35516b;background:#172e43;color:#c6d7e6}
.studio-remove-photo:disabled{opacity:.4;cursor:default}
.studio-photo-focus{font-size:13px;color:#b5cbde;display:grid;gap:6px;margin-top:8px}
.studio-photo-focus input{width:100%;accent-color:#efbb65}
.studio-photo-hint{margin:4px 0 0;color:var(--sp-muted);font-size:13px;line-height:1.5}

/* Действия: скачать - главное, поделиться - второе, сброс - текстовая ссылка (опасное действие не спорит с экспортом). */
.studio-page .studio-actions{display:grid;gap:8px;margin:14px 0 10px;padding-top:14px;border-top:1px solid var(--sp-line)}
.studio-page .studio-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;min-height:44px;font-weight:800;font-size:14px;cursor:pointer}
.studio-export-button{color:#122235;background:#edbb65;border:1px solid #f8d28d;min-height:50px!important;font-size:15px!important}
.studio-export-button:hover{background:#f4c877}
.studio-share-button{background:#22527b;color:#fff;border:1px solid #6da9d3}
.studio-share-button:hover{background:#2a6392}
.studio-page .studio-actions .studio-reset-button{justify-self:start;min-height:32px;padding:4px 2px;background:none;border:0;color:var(--sp-muted);font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.studio-page .studio-actions .studio-reset-button:hover{color:#f3d9a3}
.studio-page .studio-actions button:disabled{opacity:.6;cursor:wait}
.studio-ico{width:16px;height:16px;flex:0 0 auto}
.studio-feedback{font-size:13px;line-height:1.5;color:#d8bd84;margin:8px 0 0}
.studio-export-status{color:var(--sp-muted)}
.studio-bottom-note{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:var(--sp-muted);padding:16px 0 0;margin:0}

/* Анимация: внутри аккордеона. */
.studio-page .studio-motion-panel .studio-label{margin:4px 0 8px}
.studio-motion-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}
.studio-motion-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#193d58;color:#f1f8ff;border:1px solid #4a7b9d;border-radius:9px;min-height:42px;font-weight:800;font-size:13px;cursor:pointer}
.studio-motion-buttons button:first-child{grid-column:1/-1;border-color:#e2af65;background:#e7b467;color:#09233a}
.studio-motion-buttons button:hover{filter:brightness(1.12)}
.studio-motion-buttons button:disabled{opacity:.55;cursor:progress;filter:none}
.studio-motion-panel #motionStatus{font-size:13px;color:#f1be71;margin-top:10px;line-height:1.5}

/* Секции studio-plus.js и studio-visual-lab.js (создаются скриптом как <details>). */
.studio-plus-section select,.studio-plus-section textarea,.studio-plus-section input[type=text]{display:block;width:100%;margin:6px 0;padding:10px 11px;color:#e9f5ff;background:#0b1b2c;border:1px solid var(--sp-line-2);border-radius:8px;font-size:14px}
.studio-plus-section button{background:#194464;border:1px solid #5080a4;border-radius:8px;color:#fff;min-height:40px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer}
.studio-plus-section button:hover{background:#27648e}
.studio-plus-section>*:not(summary){margin-left:0}
.studio-plus-section>select:first-of-type{margin-top:0}
.studio-plus-ideas{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.studio-plus-colors{display:flex;align-items:center;gap:9px;margin:10px 0}
.studio-plus-colors input{width:48px;height:40px;border:0;background:transparent;cursor:pointer;padding:0}
.studio-plus-colors small,.studio-plus-hint,.studio-plus-note{display:block;font-size:13px;line-height:1.5;color:var(--sp-muted);margin:6px 0}
.studio-plus-toggle{display:flex;align-items:center;gap:8px;font-size:14px;margin:4px 0 6px}
.studio-plus-toggle input{width:18px;height:18px;accent-color:#e8b963;margin:0}
.studio-plus-section label:has(input[type=range]){display:grid;gap:4px;margin:10px 0;font-size:13px;color:#c5dbed}
.studio-plus-section input[type=range]{width:100%;accent-color:#e8b963}
.studio-plus-project{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--sp-line);padding:4px 0}
.studio-plus-project button:first-child{text-align:left;flex:1;background:transparent;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-plus-project button:last-child{background:transparent;border:0;color:#d7a89b;font-size:22px}
.studio-plus-projects{margin-bottom:12px}
.studio-plus-section .studio-lab-reset{width:100%;margin:8px 0 14px}
.studio-visual-lab .studio-lab-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 8px;margin:10px 0;color:#c5dbed;font-size:13px}
.studio-visual-lab .studio-lab-control select{grid-column:1/-1;margin:0}
.studio-visual-lab .studio-lab-control input[type=range]{grid-column:1/-1;width:100%;accent-color:#eabd66}
.studio-visual-lab .studio-lab-control output{font-variant-numeric:tabular-nums;color:var(--sp-muted)}

/* Телефон: закреплённый док с режимом и экспортом. На десктопе его нет. */
.studio-dock{display:none}
.studio-page .studio-view-switch{position:static;top:auto;z-index:auto;display:flex;gap:4px;padding:0;background:transparent}

/* Блок поддержки на этой странице - тёмный, как и студия: без светлого разрыва между студией и подвалом. */
.studio-support{background:#071625;color:#f0f5fb;--bg:#071625;--card-bg:#101f32;--card-solid:#101f32;--line:#28425b;--ink:#f0f5fb;--muted:#9fb6cc;--accent:#8bcaf3;--blue:#8bcaf3}
.studio-support .section{padding-top:24px}
.studio-support .support-block{color:#f0f5fb}
.studio-support .support-block h2{color:#f5f8fc}
.studio-support .eyebrow{color:#f0bb60}
.studio-support .button{background:#edbb65;border-color:#edbb65;color:#122235}
.studio-support .button:hover{background:#f4c877;border-color:#f4c877}
.studio-support .text-link{color:#8bcaf3}

@media(max-width:1190px){
  .studio-workbench{grid-template-columns:minmax(190px,224px) minmax(320px,1fr) minmax(272px,320px);gap:10px}
  .studio-thumb{height:86px}
  .studio-hero-stats{gap:14px}
}
@media(max-width:950px){
  .studio-workbench{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .studio-shell.container{width:min(720px,calc(100% - 24px));padding-top:12px}
  .studio-hero{padding:18px 20px}
  .studio-hero-body{display:block}
  .studio-hero-stats{margin-top:16px;justify-content:space-between}
  .studio-workbench{grid-template-columns:1fr}
  .studio-page .studio-library{position:static;max-height:none;overflow:visible;padding:12px 12px 10px}
  .studio-page .studio-library .studio-panel-header{display:none}
  /* Плитки - лента вбок: крупнее четырёх столбиков и без переносов названий. */
  .studio-page .studio-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;scrollbar-width:thin}
  .studio-page .studio-tab{flex:0 0 132px;scroll-snap-align:start}
  .studio-thumb{height:96px}
  .studio-stage-panel{position:static;top:auto}
  .studio-stage{height:auto;min-height:0;padding:14px 12px}
  .studio-canvas-holder{height:auto}
  .studio-page #previewCanvas,.studio-page #studioMotionCanvas:not([hidden]){max-height:min(560px,62svh)}
  .studio-stage-header{padding:12px 16px 6px}
  .studio-stage-tools{padding:4px 16px 10px;gap:8px 16px}
  .studio-stage-footer{padding:8px 16px 4px}
  .studio-looks{padding:4px 16px 12px}
  .studio-workbench[data-view=preview] .studio-inspector{display:none}
  .studio-workbench[data-view=edit] .studio-stage-panel,.studio-workbench[data-view=edit] .studio-library{display:none}
  /* Док уезжает вниз, когда рабочий стол прокручен (studio.js ставит is-away). */
  .studio-dock.is-away{transform:translateY(140%);opacity:0;pointer-events:none}
  .studio-dock{display:flex;align-items:center;gap:8px;position:fixed;z-index:40;transition:transform .25s,opacity .25s;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:8px;border:1px solid #2f4d6b;border-radius:16px;background:#0d2238f2;box-shadow:0 10px 30px #000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .studio-page .studio-view-switch{flex:1;min-width:0;padding:3px;border-radius:11px;background:#081626;border:1px solid #2f4d6b}
  .studio-view-switch button{flex:1;min-width:0;min-height:40px;padding:6px;border-radius:8px;border:0;background:transparent;color:#d3e5f5;font-weight:800;font-size:13px;cursor:pointer}
  .studio-view-switch button[aria-pressed=true]{background:#23557e;color:#fff}
  .studio-dock-export{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 16px;border-radius:11px;border:1px solid #f8d28d;background:#edbb65;color:#122235;font-weight:850;font-size:14px;cursor:pointer}
  .studio-bottom-note{display:block}
  .studio-bottom-note span{display:block;margin-top:6px}
}
@media(max-width:560px){
  .studio-shell.container{width:calc(100% - 20px)}
  /* Первый экран - для карточки, а не для шапки: заголовок в одну мысль, без описания и колонтитула. */
  .studio-hero{padding:14px 16px 16px}
  .studio-hero-top{display:none}
  .studio-hero h1{font-size:24px;margin:0}
  .studio-hero p,.studio-hero-stats{display:none}
  .studio-hero-body{padding-top:0}
  .studio-page .studio-tab{flex-basis:120px;font-size:12px}
  .studio-thumb{height:88px}
  .studio-stage{padding:12px 9px}
  .studio-page #previewCanvas,.studio-page #studioMotionCanvas:not([hidden]){max-height:min(490px,60svh)}
  .studio-page .studio-inspector{padding:14px 12px}
  .studio-page .studio-format{min-width:54px;padding:6px 8px}
  .studio-format small{display:none}
  .studio-page .studio-direction{padding:7px 10px}
}
@media(prefers-reduced-motion:reduce){
  .studio-page .studio-tab,.studio-looks .studio-lab-gallery button,.studio-page .studio-acc summary:after{transition:none}
  .studio-page .studio-tab:hover,.studio-looks .studio-lab-gallery button:hover{transform:none}
}

/* Шрифты карточек - свои файлы, без внешних запросов. */
@font-face{font-family:"Oswald";font-style:normal;font-weight:500 700;font-display:swap;src:url("/assets/fonts/oswald-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:500 700;font-display:swap;src:url("/assets/fonts/oswald-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/ibm-plex-mono-600-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/ibm-plex-mono-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}