/* Поворот скульптуры — templates/_spin360.html, static/js/rkh-spin.js (28.10.2026).
   Правила оформления проекта: без овалов, без коричневых заливок. */
.rkh-spin{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;user-select:none;-webkit-user-select:none}
.rkh-spin-stage{position:relative;flex:none;height:calc(100% - 64px);width:auto;aspect-ratio:750/1080;max-width:100%;background:#000;overflow:hidden;border-radius:6px;cursor:grab;touch-action:pan-y}
.rkh-spin-stage:active{cursor:grabbing}
.rkh-spin-media{position:absolute;inset:0;transition:transform .15s ease-out;will-change:transform}
.art-img-wrap .rkh-spin-img,.rkh-spin-img,.rkh-spin-vid{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block;cursor:inherit;box-shadow:none;border:0;padding:0;background:#000;pointer-events:none}
.rkh-spin-img[hidden],.rkh-spin-vid[hidden]{display:none}
.rkh-spin-zoom{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;z-index:2}
.rkh-spin-zoom button{width:26px;height:26px;font-size:13px;line-height:1;background:rgba(255,255,255,.12);color:#ddd;border:1px solid rgba(255,255,255,.28);border-radius:6px;cursor:pointer;padding:0}
.rkh-spin-zoom button:hover{background:rgba(255,255,255,.25)}
.rkh-spin-zoom .rkh-spin-small{font-size:9px}
.rkh-spin-i-close{display:none}
.rkh-spin-lev{position:absolute;left:8px;top:8px;color:#aaa;font-size:11px;z-index:2;pointer-events:none}
.rkh-spin-hint{font-size:11px;color:#8a837a;transition:opacity .6s}
.rkh-spin-ctl{width:100%;max-width:420px}
/* Ползунок — тончайшая серая линия (28.10.2026, владелец). */
.rkh-spin-ctl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:14px;margin:0;background:transparent;cursor:pointer}
.rkh-spin-ctl input[type=range]::-webkit-slider-runnable-track{height:1px;background:#bdb6ab}
.rkh-spin-ctl input[type=range]::-moz-range-track{height:1px;background:#bdb6ab;border:0}
.rkh-spin-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:9px;height:9px;margin-top:-4px;border-radius:2px;background:#9a9286;border:0}
.rkh-spin-ctl input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:2px;background:#9a9286;border:0}
.rkh-spin-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#8a837a;padding-top:2px}
/* Кнопка «остановить / вращать» — без рамки и фона, серым, как подписи «ЭТАП», «СЕРИЯ». */
.rkh-spin-auto{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:none;border:0;padding:2px 0;cursor:pointer;color:#8a837a}
.rkh-spin-auto:hover{color:#26211b}
/* Во весь экран — так же, как просмотр картин: тёмный фон поверх страницы. */
.rkh-spin.rkh-spin--full{position:fixed;inset:0;z-index:10000;background:rgba(10,10,10,.97);padding:16px 16px 12px;height:auto;gap:10px}
.rkh-spin--full .rkh-spin-stage{height:calc(100vh - 92px);flex:0 0 auto;border-radius:0}
.rkh-spin--full .rkh-spin-ctl{max-width:min(560px,92vw)}
.rkh-spin--full .rkh-spin-row{color:#aaa}
.rkh-spin--full .rkh-spin-ctl input[type=range]::-webkit-slider-runnable-track{background:#555}
.rkh-spin--full .rkh-spin-ctl input[type=range]::-moz-range-track{background:#555}
.rkh-spin--full .rkh-spin-auto{color:#aaa}
.rkh-spin--full .rkh-spin-auto:hover{color:#fff}
.rkh-spin--full .rkh-spin-hint{color:#999}
.rkh-spin--full .rkh-spin-i-open{display:none}
.rkh-spin--full .rkh-spin-i-close{display:inline}
html.rkh-spin-lock,html.rkh-spin-lock body{overflow:hidden}
/* Окно картинки на странице работы: у поворота нет «естественной» высоты
   (кадры лежат поверх друг друга), поэтому высота окна задаётся явно. */
body .rkh-gallery-main .art-img-wrap.art-img-wrap--spin{height:68vh;min-height:480px;align-items:stretch}
@media (max-width:780px){body .rkh-gallery-main .art-img-wrap.art-img-wrap--spin{height:62vh;min-height:380px}}
/* Окно предпросмотра: окно небольшое — поворот по высоте окна картинки. */
.rkh-pv-window .rkh-gallery-main .art-img-wrap.art-img-wrap--spin{height:46vh;min-height:300px}

.rkh-spin-link{font-size:12px;color:#8a837a;text-decoration:none;margin-left:auto}
.rkh-spin-link:hover{text-decoration:underline}
.rkh-spin--full .rkh-spin-link{color:#bbb}