.wset{width:100%;max-width:760px;align-self:flex-start;margin:0 auto;display:flex;flex-direction:column;gap:16px;animation:web-rise .4s var(--ease) both}
.wset-top{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.wset-title{margin:0;font-size:1.45rem;font-weight:750;letter-spacing:-.03em;color:#fff}
.wset-sub{margin:0;font-size:.82rem;color:var(--text-faint);flex:1;min-width:200px}
.wset-saved{align-self:center;padding:4px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-ring);color:var(--accent);font-size:.7rem;font-weight:750;opacity:0;transition:opacity .18s var(--ease)}
.wset-saved.is-on{opacity:1}
.wset-card{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-1)}
.wset-card-head{display:flex;flex-direction:column;gap:3px}
.wset-card-title{margin:0;font-size:.95rem;font-weight:750;letter-spacing:-.01em;color:var(--text)}
.wset-card-note{margin:0;font-size:.76rem;line-height:1.5;color:var(--text-faint)}
.wset-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wset-copy{display:flex;flex-direction:column;gap:2px;min-width:180px;flex:1}
.wset-label{font-size:.85rem;font-weight:650;color:var(--text)}
.wset-hint{margin:0;font-size:.74rem;line-height:1.5;color:var(--text-faint)}
.wset-control{display:flex;align-items:center;gap:8px;flex:none}
.wset-select,.wset-input{padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.82rem;outline:none;transition:border-color .14s var(--ease)}
.wset-select:focus,.wset-input:focus{border-color:var(--accent-ring)}
.wset-select{cursor:pointer;min-width:170px}
.wset-input{min-width:230px}
.wset-chips{display:flex;gap:6px;flex-wrap:wrap}
.wset-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:0 0;color:var(--text-muted);font-family:inherit;font-size:.74rem;font-weight:650;cursor:pointer;transition:all .14s var(--ease)}
.wset-chip:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}
.wset-toggle{display:inline-flex;align-items:center;gap:8px;padding:5px 6px;border:0;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-family:inherit;font-size:.74rem;font-weight:700;cursor:pointer;transition:background .14s var(--ease)}
.wset-toggle-dot{width:34px;height:20px;border-radius:999px;background:rgba(255,255,255,.12);position:relative;transition:background .18s var(--ease)}
.wset-toggle-dot::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .18s var(--ease)}
.wset-toggle.is-on{color:var(--accent)}
.wset-toggle.is-on .wset-toggle-dot{background:var(--accent)}
.wset-toggle.is-on .wset-toggle-dot::after{transform:translateX(14px)}
.wset-toggle-label{padding-right:8px}
.wset-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wset-btn{padding:9px 15px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .13s var(--ease),border-color .13s var(--ease)}
.wset-btn:hover{background:var(--surface-3);border-color:var(--line-strong)}
.wset-btn-ghost{background:0 0;border-color:var(--line);color:var(--text-muted)}
.wset-btn-ghost:hover{color:var(--text);background:var(--surface-2)}
.wset-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.wset-fact{display:flex;flex-direction:column;gap:2px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.wset-fact-label{font-size:.66rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}
.wset-fact-value{font-size:.84rem;font-weight:650;color:var(--text)}
@media (max-width:640px){
  .wset-input,.wset-select{min-width:0;width:100%}
  .wset-control{width:100%}
}
.web-navbtn.has-dot{position:relative}
.web-navbtn.has-dot::after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px rgba(11,11,15,.9);animation:wset-dot 2.4s ease-in-out infinite}
@keyframes wset-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}}