/* Base */
.rte-container{--c1:#4facfe;--c2:#00f2fe;--bg:#ffffff;--ink:#222;--muted:#666;--bar:#2b2b52;--chip:#f7f7f7;--chipb:#e0f7fa;}
.rte-container{background:linear-gradient(135deg,var(--c1),var(--c2));padding:1rem;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.15);}
.rte-header{background:var(--bar);color:#fff;padding:.75rem 1rem;border-radius:.75rem;font-weight:700;text-align:center;margin-bottom:.75rem}
.rte-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--bg);padding:.5rem;border-radius:.75rem;border:2px solid #ddd;justify-content:center}
.rte-btn,.rte-select,.rte-input{padding:.5rem .6rem;border:1px solid #ccc;border-radius:.5rem;background:var(--chip);cursor:pointer;font-size:1rem;transition:transform .06s ease, background .25s ease}
.rte-btn:hover,.rte-select:hover{background:var(--chipb)}
.rte-btn:active{transform:scale(.98)}
.rte-select{cursor:pointer}
.rte-color{width:40px;height:36px;border:1px solid #ccc;border-radius:.5rem;background:#fff}
.rte-input{min-width:160px;background:#fff}
.rte-download{background:#4caf50;color:#fff;border-color:#43a047}
.rte-clear{background:#ef5350;color:#fff;border-color:#e53935}

.rte-editor{min-height:45vh;max-height:65vh;overflow:auto;background:#fff;border:2px solid #ccc;border-radius:.75rem;margin:1rem 0;padding:1rem;font-size:1rem;color:var(--ink)}
.rte-footer{text-align:center;color:#fff;font-size:.9rem}

@media (max-width: 600px){
  .rte-input{min-width:120px}
  .rte-editor{min-height:40vh}
}