/* Доска и видеоплитки переиспользуют компоненты главной и первого экрана. */
.fx-board-scene{display:grid;gap:12px;min-width:0}
.fx-board-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.fx-board-head>b{font-size:13px;line-height:1.3;color:var(--ink);font-weight:500}
.fx-board-head .pill-now{flex:none}
.fx-board-layout{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;min-width:0}
.fx-board-canvas.board{min-width:0;border-radius:var(--r-s);box-shadow:0 0 0 1px var(--line),var(--sh-1)}
.fx-board-canvas .board__bar{height:38px;padding-inline:10px;gap:8px}
.fx-board-tools{display:flex;gap:4px;min-width:0}
.fx-board-tool{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--r-xs);color:var(--muted)}
.fx-board-tool.is-on{background:var(--blue);color:#fff}
.fx-board-canvas .board__sheet{padding:5px 7px;font-size:10px;white-space:nowrap}
.fx-board-paper.board__area{height:236px}
.fx-board-equation{position:absolute;left:16px;top:12px;font:italic 500 22px/1.2 var(--serif);color:var(--ink)}
.fx-board-drawing.board__draw{inset:46px 12px 34px;width:calc(100% - 24px);height:calc(100% - 80px)}
.fx-board-root{fill:var(--blue);stroke:none}
.fx-board-formula,.fx-board-result{fill:var(--ink);stroke:none;font:500 16px var(--sans)}
.fx-board-result{fill:var(--blue-d)}
.fx-board-answer{position:absolute;left:16px;right:12px;bottom:12px;font-size:12px;font-weight:500;color:var(--blue-d)}
.fx-board-cursor.board__cur{left:65%;top:64%;z-index:1}
.fx-board-cams{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.fx-board-cams .pd-cam{aspect-ratio:auto;min-height:0;padding:12px 5px 29px;overflow:hidden}
.fx-board-cams .pd-cam small{left:7px;bottom:8px;right:19px;font-size:9px;line-height:1.2}
.fx-board-cams .pd-cam>.ic{right:7px;bottom:8px;width:11px;height:11px}
.fx-board-camera{position:absolute;left:7px;top:7px;color:var(--muted)}
.fx-board-camera .ic{position:static;width:12px;height:12px}
.fx-board-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px}
.fx-board-footer .chip{height:auto;min-height:22px;white-space:normal;line-height:1.3;padding-block:5px}
.fx-board-saved{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.3;color:var(--muted)}
.fx-board-saved>.ic{flex:none;color:var(--blue)}
.fx-board-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fx-board-resource{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--bg-2)}
.fx-board-resource>.ic{width:18px;height:18px;flex:none;color:var(--blue)}
.fx-board-resource>span{display:grid;gap:3px;min-width:0}
.fx-board-resource b{font-size:11px;line-height:1.3;font-weight:500;color:var(--ink)}
.fx-board-resource small{font-size:10px;line-height:1.3;color:var(--muted)}
.fx-board-resource>.ic:last-child:not(:first-child){margin-left:auto;width:12px;height:12px}
.fx-board-stage-0 .board__curve,.fx-board-stage-0 .board__line,.fx-board-stage-0 .fx-board-formula,.fx-board-stage-0 .fx-board-result,.fx-board-stage-0 .fx-board-root{opacity:0}
.fx-step.is-on .fx-board-stage-1 .board__curve{animation:fx-board-curve 1.8s var(--ease) both}
.fx-step.is-on .fx-board-stage-1 .board__line{animation:fx-board-line .85s var(--ease) 1.7s both}
.fx-step.is-on .fx-board-stage-1 .fx-board-result,.fx-step.is-on .fx-board-stage-1 .fx-board-root{animation:fx-board-answer .45s var(--ease) 1.7s both}
.fx-step.is-on .fx-board-stage-1 .fx-board-cursor{animation:fx-board-cursor 3s var(--ease) .7s both}
.fx-board-stage-2 .fx-board-saved{color:var(--blue-d)}
@keyframes fx-board-curve{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes fx-board-line{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes fx-board-answer{from{opacity:0}to{opacity:1}}
@keyframes fx-board-cursor{0%{opacity:0;transform:translate(-25px,-35px)}15%{opacity:1}70%,100%{opacity:1;transform:translate(20px,12px)}}
@media(max-width:720px){
  .fx-board-head{flex-wrap:wrap;gap:6px}
  .fx-board-head>b{font-size:12px}
  .fx-board-layout{grid-template-columns:minmax(0,1fr);gap:8px}
  .fx-board-paper.board__area{height:210px}
  .fx-board-equation{font-size:20px;left:12px}
  .fx-board-cams{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px}
  .fx-board-cams .pd-cam{min-height:80px;padding-top:8px;padding-bottom:24px}
  .fx-board-cams .av--lg{width:32px;height:32px;font-size:11px}
  .fx-board-resources{grid-template-columns:minmax(0,1fr)}
  .fx-board-resource{padding:8px 10px}
  .fx-board-footer{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.fx-board-scene *{animation:none!important;transition:none!important}}