.main-container{position:absolute;z-index:1;padding:16px;overflow:hidden;width:100vw;height:100vh;background:#000}.new-profile-view{padding:5px}.main-wrapper{position:relative;overflow:hidden;width:100%;height:100%;background:#000;border-radius:16px}.logo-container{position:absolute;z-index:99999;top:20px;left:25px;width:146px;height:38px}.main-iframe{width:100%;height:100%;border:none}.credit-usage-container{position:absolute;z-index:1000;top:27px;right:20px}.credit-usage-card{font-family:Arial,sans-serif;background-color:#0006;border-radius:8px;box-shadow:0 2px 4px #0000001a}.credit-usage-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.credit-usage-title{font-size:14px;font-weight:700;color:#fff}.credit-usage-badge{padding:2px 8px;font-size:12px;color:#fff;border-radius:12px}.credit-usage-progress-bar-container{margin-bottom:10px;overflow:hidden;height:8px;background-color:#e9ecef;border-radius:4px}.credit-usage-progress-bar{height:100%;transition:width .4s ease}.credit-usage-button{padding:6px 12px;width:100%;font-size:14px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer}@media screen and (width >= 320px) and (width <= 767px) and (orientation: landscape) and (hover: none) and (pointer: coarse){html:has(.session-page){position:absolute;top:100%;left:0;overflow-x:hidden;width:100vh;height:100vw;transform:rotate(-90deg);transform-origin:left top}.session-page #root,.session-page .min-h-screen,.session-page .main-container{width:100vh;height:100vw}}