.csb-container{display:flex;gap:20px;flex-wrap:wrap}.csb-left,.csb-right{flex:1 1 48%;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);border:1px solid #c8e6c9;overflow:hidden}.csb-left h3,.csb-right h3{background:#dcedc8;border-bottom:2px solid #c5e1a5;color:#2e7d32;margin:0;padding:10px 15px;font-size:1.2em;font-weight:700}.csb-card{background:#fff;margin:10px;padding:10px;border-radius:6px;border-left:5px solid #4caf50;box-shadow:0 2px 5px rgba(0,0,0,.05)}.csb-iframe{width:100%;height:300px;border:none;background:#fff}.csb-generate{background:#ffd600;color:#000;padding:8px 14px;margin:5px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background .3s}.csb-generate:hover{background:#ffc107}.csb-reset{background:#f44336;color:#fff;padding:8px 14px;margin:5px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background .3s}.csb-reset:hover{background:#d32f2f}@media (max-width:768px){.csb-left,.csb-right{flex:1 1 100%}}