.demo-accent-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid var(--border-soft);border-radius:14px;font-size:12px;background:var(--surface)}.demo-accent-label{flex-basis:100%;color:var(--text-muted);font-size:11px;font-weight:650;margin-bottom:2px}.demo-accent-reset,.demo-accent-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid var(--border-soft);border-radius:9px;cursor:pointer;font-size:11px}.demo-accent-reset[aria-pressed=true]{border-color:var(--text-muted);background:var(--surface-solid)}.wsl-lab .demo-accent-picker{--text:#202a35;--text-muted:#697481;--surface:#f6f8fa;--surface-solid:white;--border-soft:#e5e9ed;color:var(--text)}.widget-demo{--text:#f2f6ff;--text-muted:#a4b2c8;--surface:#172133;--surface-solid:#1d2c44;--border-soft:#ffffff1a;color:var(--text)}.widget-demo-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.widget-demo-style-grid button{min-height:38px;padding:8px 5px;border:1px solid var(--border-soft);border-radius:10px;font-size:11px;font-weight:550;color:#b7c5d8;background:#121c2d;cursor:pointer;transition:background .15s,border-color .15s}.widget-demo-style-grid button:hover{background:#213350;color:#fff}.widget-demo-style-grid button[aria-pressed=true]{color:#fff;background:#2765cf;border-color:#78a8fa;box-shadow:inset 0 1px #ffffff18}.widget-demo-style-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#a4b2c8;font-size:11px;margin-bottom:9px}.widget-demo-style-caption strong{color:#edf4ff;font-weight:650}.widget-demo .contact-segmented{background:#172133;border-color:#ffffff1a;padding:3px;border-radius:10px}.widget-demo .contact-segmented button{color:#a4b2c8;border-radius:7px;background:transparent}.widget-demo .contact-segmented button[aria-pressed=true]{background:#2c4161;color:#fff}.widget-demo .btn-ghost{background:#172133;color:#dce7f7;border-color:#ffffff1a;border-radius:10px;min-height:36px}.widget-demo .btn-ghost:hover{background:#213350}body:has([data-widget-demo-active=true]) [data-feedback-launcher][aria-expanded=false]{opacity:0;pointer-events:none}@media(max-width:520px){.widget-demo-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-accent-picker{gap:7px;padding:10px}.demo-accent-label{margin-bottom:1px}}