.code-container{border-radius:8px;background-color:#2D2D2D;padding:1rem;position:relative;margin-top:20px;font-family:'Courier New',Courier,monospace}.code-header{display:flex;justify-content:space-between;align-items:center;background-color:#1A1A1A;border-radius:8px 8px 0 0;padding:.5rem 1rem;color:#FFF;font-size:.9rem}.copy-btn{background-color:#333;color:#FFF;border:none;padding:.3rem .6rem;border-radius:5px;cursor:pointer;font-size:.8rem;display:flex;align-items:center}.copy-btn:hover{background-color:#555}pre{background:#2D2D2D;color:#FFF;overflow-x:auto;border-radius:0 0 8px 8px;margin:0}.copy-btn::before{content:"📋";margin-right:5px}