:root{--wsrp-theme:#ff8fb3}
.wsrp{max-width:940px;margin:18px auto;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;padding:16px;background:linear-gradient(180deg,#fff8fb,#fff);border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,0.06)}
.wsrp-header{display:flex;align-items:center;gap:12px}
.wsrp-title{margin:0;font-size:20px;color:#222}
.wsrp-sub{margin:0;color:#666;font-size:13px}
.wsrp-controls{margin-left:auto}
.wsrp-body{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.wsrp-table{width:100%;border-collapse:collapse;margin-bottom:8px}
.wsrp-table thead th{font-size:12px;color:#888;text-align:left;padding:6px;border-bottom:1px solid #f4e8ed}
.wsrp-table td{padding:6px 4px;border-bottom:1px solid #fff0f4}
.wsrp-table input,.wsrp-table select{width:100%;padding:6px;border-radius:8px;border:1px solid #f0e9ec}
.wsrp-btn{background:var(--wsrp-theme);color:#fff;border:none;padding:8px 10px;border-radius:10px;cursor:pointer}
.wsrp-add{background:transparent;color:var(--wsrp-theme);border:1px dashed var(--wsrp-theme);padding:8px;border-radius:8px}
.wsrp-sidebar{width:320px;flex-shrink:0;background:#fff;border-radius:10px;padding:10px;border:1px solid #fde8ef}
.wsrp-results{margin-top:8px}
.wsrp-note{font-size:12px;color:#777;margin-top:8px}
.wsrp-modal{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);z-index:9999}
.wsrp-modal-inner{background:#fff;padding:12px;border-radius:10px;max-height:70vh;overflow:auto;width:90%;max-width:640px}
.wsrp-choice{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid #f5f5f5;cursor:pointer}
.wsrp-choice img{height:48px;width:48px;object-fit:cover;border-radius:6px}
.wsrp-mini{font-size:12px;color:#666;margin-top:4px}
.sr-only{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (max-width:800px){ .wsrp-body{flex-direction:column} .wsrp-sidebar{width:100%} }