.interactive-flex{display:flex;gap:20px}.chat-container,.stream-container{border-radius:8px;min-height:calc(100vh - 210px)}.stream-container{width:100%;aspect-ratio:16/9}.stream-container.is-mobile{flex:1}.chat-container{background:var(--surface-color);border:1px solid var(--border-color)}.chat-input-area,.chat-messages{display:flex;flex-direction:column;padding:10px}.chat-messages{flex:1;overflow-y:auto;font-size:.9rem}.chat-input-area{border-top:1px solid var(--border-color);background:var(--background-color)}.chat-input-area input{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:8px;font-size:1rem}.chat-buttons{display:flex;gap:10px}.chat-buttons button{flex:1;padding:8px 10px;background:var(--success-color);color:var(--text-light);border:0;border-radius:4px;font-weight:700;cursor:pointer;font-size:.9rem}.chat-buttons button:hover{background:var(--success-hover)}.stream-container{display:flex;flex-direction:column}.chat-container{overflow:hidden}.stream-container{flex:2;background:#000;overflow:hidden;position:relative;max-height:calc(100vh - 220px)}.chat-container{flex:1;background:#fff;overflow-y:auto;display:flex;flex-direction:column;max-height:calc(100vh - 220px)}.video-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.video-wrapper-background{filter:blur(15px);transform:scale(1.1)}.offline-wrapper-background,.video-wrapper-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.video-wrapper video{max-width:100%;max-height:100%;object-fit:contain;display:block;z-index:2}.plyr--video{z-index:2!important}.offline-message{width:100%;height:100%;min-height:300px;position:relative;border:1px solid #ddd}.offline-text{position:absolute;top:50%;left:0;right:0;text-align:left;color:#fff;font-size:28px;font-weight:700;text-shadow:0 0 5px #000;z-index:2;padding-top:30px;padding-bottom:30px;padding-left:40px;background-color:rgba(151,17,17,.5)}.off-female,.off-gay,.off-trans{background-image:url(../images/offline/lg/female.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.off-gay,.off-trans{background-image:url(../images/offline/lg/gay.jpg)}.off-trans{background-image:url(../images/offline/lg/trans.jpg)}.chat-topic{padding:8px 12px;background-color:#f8f8f8;font-size:14px;font-weight:700;color:#333;border-bottom:1px solid #ddd}@media (max-width:1024px) and (orientation:portrait){.chat-container,.stream-container{max-height:45vh}.interactive-flex{flex-direction:column}}@media (max-width:992px) and (orientation:landscape){.chat-container{margin-top:0}.stream-container{flex:1 1 0}.chat-topic{height:17px;line-height:20px;overflow:hidden}}@media (max-width:992px) and (orientation:portrait){.chat-container{margin-top:10px;max-height:43vh;min-height:43vh}.stream-container{max-height:40vh;min-height:20vh}.stream-container.is-mobile{min-height:40vh}#modelInfoButton{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' style='fill: %23198754'><path d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM200 344l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z'/></svg>");background-repeat:no-repeat;padding-left:25px;color:var(--success-color)}.model-info-grid{padding-top:1rem}.model-info-grid.collapsed{max-height:0!important;padding-top:0!important;padding-bottom:0!important;border-top-width:0!important;border-bottom-width:0!important;transition:max-height .5s cubic-bezier(.22,1,.36,1);transition-timing-function:ease-out}}@media (max-width:768px){.chat-container{height:40vh}.offline-text{top:25%;font-size:18px;text-align:center}.off-female{background-image:url(../images/offline/mobile/female.jpg)}.off-gay{background-image:url(../images/offline/mobile/gay.jpg)}.off-trans{background-image:url(../images/offline/mobile/trans.jpg)}}@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.chat-container,.stream-container{max-height:45vh;min-height:45vh}}@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.chat-container,.stream-container{max-height:45vh;min-height:45vh}}@media only screen and (min-device-width:834px) and (max-device-width:834px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.chat-container,.stream-container{max-height:45vh;min-height:37vh}}@media only screen and (min-device-width:1194px) and (max-device-width:1194px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.chat-container,.stream-container{max-height:45vh;min-height:45vh}}