.cpt-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.cpt-image-container{text-align:center;margin:15px 0;position:relative}.cpt-image{border:1px solid #ddd;border-radius:4px;padding:5px;background:#fff;max-width:100%;height:auto}.refresh-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#6c757d;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;color:#fff;font-size:14px}.refresh-button:hover{background:#5a6268}.cpt-input{margin-top:10px}.cpt-button{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.cpt-button:hover{background:#0056b3}.cpt-token{margin-top:15px;padding:10px;background:#e8f5e8;border:1px solid #4caf50;border-radius:4px;word-break:break-all;font-family:monospace;display:none}.error,.success{margin-top:10px}.error{color:#d32f2f}.success{color:#388e3c}