/* WordPress-safe ID-prefixed CSS (ssj_) */
:root{
  --accent1:#7c3aed; --accent2:#ef4444; --bg:linear-gradient(135deg,#fff7ed,#eef2ff);
  --card:#ffffff; --muted:#6b7280;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
}

html,body{height:100%;margin:0;background:var(--bg);color:#0f172a}
#ssj_kw_app{max-width:980px;margin:20px auto;padding:18px}
#ssj_kw_header{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:white;padding:14px;border-radius:12px}
#ssj_kw_title{margin:0;font-size:20px}
#ssj_kw_sub{margin:6px 0 0;font-size:13px;opacity:0.95}

#ssj_kw_main{display:grid;grid-template-columns:380px 1fr;gap:14px;margin-top:12px}
@media(max-width:920px){#ssj_kw_main{grid-template-columns:1fr}}

#ssj_kw_controls{background:var(--card);padding:14px;border-radius:10px;box-shadow:0 8px 28px rgba(2,6,23,0.06)}
#ssj_kw_controls label{font-size:13px;color:var(--muted);display:block;margin-top:8px}
#ssj_kw_controls input, #ssj_kw_controls select {width:100%;padding:10px;border-radius:8px;border:1px solid rgba(2,6,23,0.06);margin-top:6px;font-size:14px}

#ssj_kw_options_row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:12px}
#ssj_kw_options_row > div{flex:1;display:flex;align-items:center;gap:8px}

#ssj_kw_actions{display:flex;gap:8px;margin-top:12px}
#ssj_kw_actions button{flex:1;padding:10px;border-radius:8px;border:0;background:linear-gradient(90deg,var(--accent1),#8b5cf6);color:#fff;cursor:pointer;font-weight:600}
#ssj_kw_actions button:nth-child(2){background:linear-gradient(90deg,#06b6d4,#0ea5a0)}
#ssj_kw_actions button:nth-child(3){background:linear-gradient(90deg,#f59e0b,#f97316)}
#ssj_kw_actions button:nth-child(4){background:transparent;border:1px solid rgba(0,0,0,0.08);color:#111}

#ssj_kw_output{background:var(--card);padding:14px;border-radius:10px;box-shadow:0 8px 28px rgba(2,6,23,0.06);display:flex;flex-direction:column}
#ssj_kw_stats{font-size:13px;color:var(--muted);margin-bottom:8px}
#ssj_kw_result{width:100%;height:60vh;min-height:220px;padding:12px;border-radius:8px;border:1px solid rgba(0,0,0,0.06);resize:vertical;font-size:14px}

#ssj_kw_footer{text-align:center;margin-top:12px;color:var(--muted);font-size:13px}

@media(max-width:600px){
  #ssj_kw_actions{flex-direction:column}
  #ssj_kw_result{height:45vh}
}