/* Keep the full workspace within narrow screens; independent panels retain scroll. */
.cinema-shell,.cinema-grid,.cinema-center,.cinema-inspector,.cinema-models{min-width:0;max-width:100%}
.cinema-grid{width:100%;box-sizing:border-box}
.cinema-top header{flex-wrap:wrap}
.cinema-top-balances{min-width:0}
.cinema-inspector select,.cinema-inspector textarea{max-width:100%;box-sizing:border-box}
.studio-training-link{white-space:nowrap}
.kadr-tour-target{outline:3px solid #f6c76a!important;outline-offset:4px;box-shadow:0 0 0 8px #f6c76a22!important}
.kadr-tour{position:fixed;z-index:10001;bottom:22px;left:50%;transform:translateX(-50%);background:#171b1c;color:#fff;border:1px solid #f6c76a;border-radius:16px;padding:18px 22px;width:min(560px,calc(100vw - 28px));box-sizing:border-box;box-shadow:0 12px 60px #0009;font:15px/1.5 system-ui}
.kadr-tour strong{color:#f6c76a}.kadr-tour p{margin:8px 0 14px}.kadr-tour button,.kadr-tour a{font:inherit;border:1px solid #857458;background:#272725;color:white;border-radius:8px;padding:7px 12px;cursor:pointer}.kadr-tour .tour-actions{display:flex;gap:8px;flex-wrap:wrap}.kadr-tour .tour-close{margin-left:auto}
@media(max-width:800px){.cinema-grid{min-width:0!important}.cinema-top header{gap:10px}.cinema-center{width:100%}.kadr-tour{bottom:12px}}
@media(prefers-reduced-motion:reduce){.kadr-tour-target{scroll-behavior:auto}}

.kadr-tour.tour-top{top:18px;bottom:auto}