/* ИИ: нейтральный контейнер исходных композиций. Запись №19. */
#app.figma-mode{width:100%;min-height:100svh;background:#242329;container-type:normal;display:flex;justify-content:center;align-items:flex-start}
.figma-viewport{position:relative;flex:none;overflow:hidden;isolation:isolate;background:#fff9ed;container-type:inline-size;width:min(100%,calc(100svh * var(--frame-ratio)));aspect-ratio:var(--frame-width) / var(--frame-height)}
.figma-viewport[data-exact-device=mobile]{width:100%;min-height:100svh}
.figma-canvas{position:absolute;inset:0;width:100%;height:100%;font-family:"Golos Text",sans-serif;color:#0d0f10;font-synthesis:none;font-size:calc(16 * var(--frame-unit));line-height:1.5}
.figma-canvas *,.figma-canvas *::before,.figma-canvas *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
.figma-canvas p,.figma-canvas h1,.figma-canvas h2,.figma-canvas h3{margin:0;font-weight:inherit;font-size:inherit}
.figma-canvas img{display:block;max-width:100%;height:auto;vertical-align:middle}
.figma-canvas a{color:inherit;text-decoration:inherit}
.figma-canvas [role=button]:focus-visible{outline:6px solid #217bc5;outline-offset:6px}
@media(prefers-reduced-motion:reduce){.figma-canvas *{animation:none!important;transition:none!important}}

/* ИИ: реакция исходных элементов управления без изменения их геометрии. */
.figma-canvas [data-exact-action]{transition:filter 120ms ease,transform 120ms ease}
.figma-canvas [data-exact-action]:active{transform:translateY(2px)}

/* ИИ: состояния выбора ответа, только ПК с мышью. Запись №20. */
.figma-canvas .dialogue-choice{background-color:#fff9ed!important}
.choice-hover-pointer{display:none;flex:none;width:calc(40 * var(--frame-unit));height:calc(40 * var(--frame-unit))}
.choice-hover-pointer img{position:static!important;width:100%!important;height:100%!important}
@media (hover:hover) and (pointer:fine){
 .figma-viewport[data-exact-device=desktop] .dialogue-choice:hover{background-color:#bce3ff!important}
 .figma-viewport[data-exact-device=desktop] .dialogue-choice:hover .choice-hover-pointer{display:block}
}

/* ИИ: поле занимает доступный viewport, содержимое задаёт нижний предел. №22. */
#app.figma-mode{align-items:flex-start}
.figma-viewport{width:min(100%,2560px);height:max(100svh,var(--scene-min-height,0px));min-height:0;aspect-ratio:auto}
.figma-viewport[data-exact-device=mobile]{width:min(100%,640px);--art-unit:min(var(--frame-unit),1.25px)}
.figma-viewport[data-layout=document]{height:auto;min-height:100svh;overflow:clip}
.figma-viewport[data-layout=document] .figma-canvas{position:relative;height:auto;min-height:100svh}
.figma-canvas .dialogue-choice{height:auto!important;min-height:0!important;align-items:center}
.figma-canvas .dialogue-choice p{overflow-wrap:break-word}
.figma-canvas [data-name=Bar]{z-index:5}
.figma-viewport[data-exact-device=mobile] .figma-canvas{--art-unit:min(var(--frame-unit),1.25px)}

.figma-viewport[data-layout=document]:not([data-exact-device=mobile]) .figma-canvas>div{height:auto!important;min-height:max(100svh,var(--document-min-height,0px))}
.figma-viewport[data-layout=document] [data-name=cards-row],.figma-viewport[data-layout=document] [data-name=steps]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-min)),1fr));align-items:start}.figma-viewport[data-layout=document] [data-name=cards-row]>[data-name=Card],.figma-viewport[data-layout=document] [data-name=steps]>[data-name=Card]{width:100%!important;min-width:0}
html,body{min-width:0}.figma-viewport[data-layout=document]{overflow-x:clip}
/* ИИ: декоративные слои не перехватывают клики по кнопкам. Запись №23. */
.figma-canvas [data-name="stitch" i],.figma-canvas [data-name="vignette"],.figma-canvas [data-name^="aura/"]{pointer-events:none}

/* ИИ №28: ПК без внешних полей; прокрутка только у длинных документов. */
.figma-viewport[data-exact-device=desktop]{width:100%;max-width:none}
.figma-viewport[data-exact-device=desktop][data-layout=scene]{height:100svh;min-height:0}

/* ИИ №32: обычные планшетные сцены вписаны в окно, документы сохраняют длину. */
.figma-viewport[data-exact-device=tablet]{width:100%;max-width:none}
.figma-viewport[data-exact-device=tablet][data-layout=scene]{height:100svh;min-height:0}