.ebc-widget{max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.ebc-header{text-align:center;margin-bottom:2rem}
.ebc-title{color:#1f2937;font-size:2rem;line-height:1.2;margin:0 0 .5rem;font-weight:700}
.ebc-subtitle{color:#6b7280;font-size:1rem;margin:0 auto;max-width:640px}

.ebc-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem;position:relative;}
.ebc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.ebc-field{}
.ebc-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}
.ebc-textarea{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s; resize: vertical;}
.ebc-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}
.ebc-textarea[readonly]{background-color:#f9fafb;}

.ebc-controls { display: flex; justify-content: space-between; margin-bottom: 1rem; }
.ebc-button-mode { background-color: #10b981; color: #fff; border: none; padding: 0.5rem 1rem; border-radius: 8px; font-weight: 600; cursor: pointer; }
.ebc-button-clear { background-color: #e5e7eb; color: #374151; border: none; padding: 0.5rem 1rem; border-radius: 8px; font-weight: 600; cursor: pointer; }
.ebc-button-copy { position: absolute; top: 2.5rem; right: 2.5rem; background-color: #d1fae5; color: #065f46; border: none; padding: 0.25rem 0.5rem; border-radius: 6px; cursor: pointer; font-size: 0.875rem; }

.ebc-error{color: #ef4444; background: #fee2e2; border-radius: 8px; padding: 0.5rem 1rem; margin-top: 1rem;}

.ebc-section-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem}
.ebc-howto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.ebc-howto-item{padding:1rem;border-radius:8px}
.ebc-howto-warm{background:#fef3c7;color:#92400e}
.ebc-howto-calm{background:#d1fae5;color:#065f46}
.ebc-howto-cool{background:#dbeafe;color:#1e40af}

.ebc-content{color:#374151;line-height:1.7;font-size:1rem}
.ebc-content p{margin:.75rem 0}

@media (max-width:768px){
  .ebc-grid{grid-template-columns:1fr}
  .ebc-widget{padding:0 1rem}
}