.custom-slideout-wrapper{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.custom-handle{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px 0 0 8px;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#222;cursor:pointer;display:flex;height:60px;justify-content:center;padding:8px;pointer-events:auto;position:fixed;right:0;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;user-select:none;width:60px;z-index:10001}.custom-handle:first-of-type{top:20%}.custom-handle:nth-of-type(2){top:calc(20% + 61px)}.custom-handle:nth-of-type(3){top:calc(20% + 122px)}.custom-handle:hover{background:#f0f0f0;box-shadow:0 8px 16px rgba(0,0,0,.15);transform:translateX(-10px)}.custom-handle svg{height:44px;width:44px;stroke:#555;transition:stroke .3s ease}.custom-handle:hover svg{stroke:#000}.tooltip{background:#222;border-radius:6px;color:#fff;font-size:16px;font-weight:600;opacity:0;padding:8px 14px;pointer-events:none;position:absolute;right:70px;top:50%;transform:translateY(-50%);transform-origin:right center;transition:opacity .15s ease,transform .15s ease;user-select:none;white-space:nowrap;z-index:10002}.custom-handle:focus .tooltip,.custom-handle:hover .tooltip{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(-6px)}.custom-overlay{background:#fff;border-radius:0 8px 8px 0;box-shadow:-5px 0 15px rgba(0,0,0,.3);height:100vh;opacity:0;overflow-y:auto;padding:20px;pointer-events:none;position:fixed;right:60px;top:0;transform:translateX(100%);transition:transform .4s ease,opacity .4s ease,visibility .4s ease;visibility:hidden;width:calc(80vw - 60px);z-index:10000}.custom-overlay.active{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.custom-overlay iframe{border:none;height:100%;width:100%}.close-btn{background:#fff;border:1px solid #ccc;border-radius:8px 0 0 8px;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#222;cursor:pointer;font-size:28px;height:60px;line-height:60px;padding:0;position:absolute;right:12px;text-align:center;top:12px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;user-select:none;width:60px}.close-btn:hover{background:#f0f0f0;box-shadow:0 8px 16px rgba(0,0,0,.15);transform:translateX(4px)}.close-btn:focus{outline:2px solid #007bff;outline-offset:2px}@media (max-width:768px){.custom-overlay{height:90vh;max-width:none;width:95vw}}