.iframe-ribbon-container{width:100%;max-width:1200px;margin:0 auto;padding:20px 0}.iframe-ribbon{display:flex;justify-content:center;gap:20px;background-color:#f8f8f8;padding:15px;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .1);flex-wrap:wrap;margin-bottom:20px}.ribbon-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;font-size:14px;font-weight:700;padding:10px 15px;border-radius:6px;transition:background-color 0.3s ease,color 0.3s ease;cursor:pointer}.ribbon-icon img{width:40px;height:40px;margin-bottom:5px;border-radius:50%;object-fit:cover}.ribbon-icon:hover,.ribbon-icon.active{background-color:#0073aa;color:#fff}.ribbon-icon.active img{filter:brightness(0) invert(1)}.iframe-content-wrapper{border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgb(0 0 0 / .05)}#dynamicIframe{width:100%;min-height:800px;border:none;display:block}@media (max-width:768px){.iframe-ribbon{gap:10px;padding:10px}.ribbon-icon{padding:5px 8px;font-size:12px}.ribbon-icon img{width:30px;height:30px}