:root{--cct-gold:#db9700;--cct-amber:#ffac00;--cct-tangerine:#ffa328;--cct-iron:#676566;--cct-pearl:#e5e5e5}.castells-tool{max-width:1000px;margin:40px auto;padding:20px}.cct-message{padding:20px;border-radius:8px;margin:20px 0}.cct-message.cct-error{background:#fff3cd;border-left:5px solid #ffc107}.cct-message.cct-info{background:#e7f3ff;border-left:5px solid #2196F3}.cct-message.cct-success{background:#d4edda;border-left:5px solid #28a745}.cct-tool-header{background:linear-gradient(135deg,var(--cct-gold) 0%,var(--cct-amber) 100%);color:#fff;padding:30px;border-radius:10px 10px 0 0;text-align:center}.cct-tool-content{background:#fff;padding:40px;border-radius:0 0 10px 10px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.cct-button{background:linear-gradient(135deg,var(--cct-gold) 0%,var(--cct-amber) 100%);color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s}.cct-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(219 151 0 / .3)}.cct-button-secondary{background:#6c757d}.cct-loading{display:inline-block;width:20px;height:20px;border:3px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:cct-spin 1s linear infinite}@keyframes cct-spin{to{transform:rotate(360deg)}}