.bottom-sheet{position:fixed;left:50%;bottom:-300px;max-width:400px;width:100%;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;transform:translateX(-50%);touch-action:none;z-index:1000;will-change:transform;display:flex;flex-direction:column;font-family:Arial,sans-serif}
.bottom-sheet img{pointer-events:none}
.handle-widget{position:relative;height:40px;cursor:pointer;z-index:1001;flex-shrink:0}
.handle-widget::after{content:'';position:absolute;top:12px;left:50%;transform:translateX(-50%);width:48px;height:5px;background:#ccc;border-radius:3px;transition:background .2s}
.content-widget{flex:1;overflow:hidden;position:relative}
.overlay-widget{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;transition:opacity .3s;pointer-events:none;z-index:999}
.scroll-lock-widget{overflow:hidden;padding-right:15px}
.close-button-widget{position:absolute;right:15px;top:12px;width:24px;height:24px;font-size:24px;line-height:24px;text-align:center;cursor:pointer;color:#666;z-index:1002;transition:color .2s;font-family:Arial,sans-serif;user-select:none}
.close-button-widget:hover{color:#333}
@media (max-width: 380px) {
.bottom-sheet{width:100%;border-radius:12px 12px 0 0}
}