/* wuc-style.css v1.2.0 */
.wuc-wrapper {
    font-family:-apple-system,"Segoe UI",Roboto,sans-serif;
    max-width:var(--wuc-width,560px);margin:2rem auto;
    background:#fff;border:1px solid #e2e8f0;
    border-radius:var(--wuc-radius,16px);padding:2.5rem 2rem;
    box-shadow:0 4px 24px rgba(0,0,0,0.08);color:#1a202c;
}
.wuc-step{display:none}
.wuc-step.active{display:block;animation:wucFadeIn .3s ease}
@keyframes wucFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.wuc-icon{font-size:2.5rem;text-align:center;margin-bottom:.6rem}
.wuc-title{font-size:1.4rem;font-weight:700;text-align:center;margin:0 0 .4rem;color:#0f172a}
.wuc-subtitle{text-align:center;color:#64748b;font-size:.95rem;margin-bottom:1.4rem}

/* Version buttons */
.wuc-options{display:flex;flex-direction:column;gap:.7rem}
.wuc-option{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.2rem;
    border:2px solid #e2e8f0;border-radius:10px;background:#f8fafc;
    font-size:.97rem;font-weight:500;color:#1a202c;cursor:pointer;
    transition:all .18s ease;text-align:left}
.wuc-option:hover{border-color:var(--wuc-accent,#0ea5e9);background:#f0f9ff;color:#0369a1;transform:translateX(4px)}
.wuc-option-icon{font-size:1.3rem;flex-shrink:0}

/* Category grid – 25 buttons */
.wuc-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;margin-bottom:1rem}
.wuc-cat-btn{padding:.65rem .9rem;border:1.5px solid #e2e8f0;border-radius:8px;
    background:#f8fafc;font-size:.88rem;font-weight:500;color:#334155;
    cursor:pointer;text-align:left;transition:all .16s ease;line-height:1.3}
.wuc-cat-btn:hover{border-color:var(--wuc-accent,#0ea5e9);background:#f0f9ff;color:#0369a1;transform:translateY(-1px);box-shadow:0 2px 8px rgba(14,165,233,.15)}

/* Result */
.wuc-result-box{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;
    padding:1.2rem 1.4rem;font-size:.95rem;line-height:1.7;color:#166534;margin:1.2rem 0}
.wuc-result-box.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}
.wuc-result-box ol{padding-left:1.2rem;margin:.5rem 0 0}
.wuc-result-box li{margin-bottom:.4rem}

.wuc-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.2rem;flex-wrap:wrap}
.wuc-btn-primary{background:var(--wuc-accent,#0ea5e9);color:#fff;border:none;
    padding:.65rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .18s}
.wuc-btn-primary:hover{filter:brightness(.9)}
.wuc-btn-secondary{background:transparent;color:#64748b;border:1.5px solid #e2e8f0;
    padding:.65rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .18s}
.wuc-btn-secondary:hover{border-color:var(--wuc-accent,#0ea5e9);color:#0369a1}
.wuc-back{background:none;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;margin-top:.75rem;display:block}
.wuc-back:hover{color:var(--wuc-accent,#0ea5e9)}

@media (prefers-color-scheme:dark){
    .wuc-wrapper{background:#1e293b;border-color:#334155;color:#e2e8f0;box-shadow:0 4px 24px rgba(0,0,0,.4)}
    .wuc-title{color:#f1f5f9}.wuc-subtitle{color:#94a3b8}
    .wuc-option{background:#0f172a;border-color:#334155;color:#e2e8f0}
    .wuc-option:hover{background:#0c4a6e;border-color:var(--wuc-accent,#0ea5e9);color:#fff}
    .wuc-cat-btn{background:#0f172a;border-color:#334155;color:#cbd5e1}
    .wuc-cat-btn:hover{background:#0c4a6e;border-color:var(--wuc-accent,#0ea5e9);color:#fff}
    .wuc-result-box{background:#052e16;border-color:#166534;color:#bbf7d0}
    .wuc-result-box.error{background:#450a0a;border-color:#991b1b;color:#fca5a5}
    .wuc-btn-secondary{border-color:#475569;color:#94a3b8}
}
@media (max-width:480px){
    .wuc-wrapper{padding:1.5rem 1rem;margin:1rem}
    .wuc-title{font-size:1.2rem}
    .wuc-cat-grid{grid-template-columns:1fr 1fr}
}