/* VYTVIR — заставка «3D-друк». Цвета можно менять здесь. */
#vp-loader{--vp-cream:#f6efe4;--vp-ink:#2b2118;--vp-accent:#e8590c}
/* Страховка: если JS не загрузился, заставка сама исчезнет через 8 секунд */
#vp-loader{animation:vp-failsafe 0s linear 8s forwards}
@keyframes vp-failsafe{to{visibility:hidden;pointer-events:none}}
/* Повторным посетителям заставка скрыта сразу, без мигания (класс ставит скрипт в <head>) */
html.vp-skip #vp-loader{display:none!important}
#vp-loader{position:fixed;inset:0;z-index:99999;background:var(--vp-cream);cursor:pointer;overflow:hidden}
  #vp-loader.vp-done{background:transparent;pointer-events:none}
  .vp-strip{position:absolute;left:0;width:100%;background:var(--vp-cream);
    transition:transform .85s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i)*55ms)}
  .vp-done .vp-strip:nth-child(odd){transform:translateX(102%)}
  .vp-done .vp-strip:nth-child(even){transform:translateX(-102%)}
  .vp-ui{position:absolute;inset:0;transition:opacity .3s ease}
  .vp-done .vp-ui{opacity:0}
  #vp-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  .vp-status{position:absolute;left:0;right:0;bottom:64px;display:flex;flex-direction:column;align-items:center;gap:10px;
    font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
  .vp-bar{width:min(220px,60vw);height:3px;background:rgba(43,33,24,.14);border-radius:3px;overflow:hidden}
  .vp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f4a261,var(--vp-accent))}
  .vp-actions{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:18px;font-size:13px}
  .vp-actions button{background:none;border:0;color:var(--vp-ink);opacity:.72;cursor:pointer;text-decoration:underline;font:inherit;padding:12px 8px;min-height:44px}
  .vp-actions button:hover,.vp-actions button:focus-visible{opacity:1}
  .vp-actions button:focus-visible{outline:2px solid var(--vp-accent);outline-offset:2px;border-radius:4px}
  .vp-actions{padding-bottom:env(safe-area-inset-bottom,0px)}
  @media (prefers-reduced-motion:reduce){#vp-loader{display:none!important}}
