.cam-converter{max-width:800px;margin:20px auto;font-family:'Segoe UI',Roboto,'Helvetica Neue',sans-serif;color:#333}.converter-header{text-align:center;background:linear-gradient(135deg,#1a2980,#26d0ce);padding:22px 18px;border-radius:12px;margin-bottom:25px;color:#fff;box-shadow:0 6px 20px rgb(0 0 0 / .12)}.converter-header h1{font-size:1.65rem;font-weight:700;margin-bottom:10px;line-height:1.3;color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / .3)}.converter-header p{font-size:.95rem;color:rgb(255 255 255 / .88);margin:0;max-width:600px;margin-inline:auto;line-height:1.4}.converter-container{display:flex;flex-direction:column;gap:15px}.input-area,.output-area{width:100%;padding:15px;border:1px solid #ddd;border-radius:8px;font-family:monospace;font-size:14px;resize:vertical}.button-group{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1rem;transition:background-color 0.3s ease}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#f0f0f0;color:#555;border:1px solid #ccc}.btn-secondary:hover{background:#ddd}.btn-success{background:#2ecc71;color:#fff}.btn-success:hover{background:#27ae60}