.wh{color:var(--ink);font-size:14px;line-height:20px}.wh h2,.wh h3,.wh p{margin:0}.wh code{border-radius:var(--radius-xs);background:var(--surface-sunken);color:var(--ink);padding:1px 5px;font-size:12px}.wh-overlay{z-index:1100;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060c098c;justify-content:center;align-items:center;animation:.16s ease-out wh-fade;display:flex;position:fixed;inset:0}.wh-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:760px;max-height:min(88vh,860px);box-shadow:var(--shadow-preview);flex-direction:column;animation:.18s cubic-bezier(.2,.8,.2,1) wh-rise;display:flex;overflow:hidden}.wh-modal>.wh{flex-direction:column;flex:1;min-height:0;display:flex}.wh-modal .wh-body{overscroll-behavior:contain;overflow-y:auto}@keyframes wh-fade{0%{opacity:0}to{opacity:1}}@keyframes wh-rise{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.wh-head{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);display:flex}.wh-head__icon{border-radius:var(--radius-md);background:var(--evergreen-100);width:36px;height:36px;color:var(--evergreen-700);flex:none;place-items:center;display:grid}.wh-head__text{flex:1;min-width:0}.wh-head__text h2{font:600 17px/24px var(--font-display);letter-spacing:-.01em}.wh-head__text p{color:var(--ink-muted);margin-top:2px;font-size:13px;line-height:20px}.wh .wh-head__close{margin:-2px -6px 0 0}.wh button.wh-icon-btn,.wh button.wh-icon-btn:hover{border-radius:var(--radius-sm);width:32px;height:32px;min-height:32px;box-shadow:none;color:var(--ink-subtle);background:0 0;border:1px solid #0000;flex:none;place-items:center;gap:0;padding:0;transition:background-color .12s,color .12s,border-color .12s;display:inline-grid}.wh button.wh-icon-btn:hover{background:var(--surface-sunken);color:var(--ink)}.wh button.wh-icon-btn:focus-visible{outline:2px solid var(--evergreen-700);outline-offset:1px}.wh button.wh-icon-btn:disabled{opacity:.4;background:0 0}.wh button.wh-icon-btn--danger:hover{background:rgba(var(--down-rgb), .1);color:var(--signal-down)}.wh button.wh-icon-btn--boxed,.wh button.wh-icon-btn--boxed:hover{border-color:var(--line-strong);width:38px;height:38px;min-height:38px}.wh button.wh-icon-btn--boxed:hover{border-color:var(--evergreen-500);color:var(--evergreen-700);background:var(--evergreen-100)}.wh-tabs{gap:var(--space-5);padding:0 var(--space-5);border-bottom:1px solid var(--line);display:flex}.wh--embedded .wh-tabs{padding-top:var(--space-1)}.wh button.wh-tab,.wh button.wh-tab:hover{align-items:center;gap:var(--space-2);min-height:44px;box-shadow:none;color:var(--ink-muted);font:500 14px/20px var(--font-sans);background:0 0;border:0;border-radius:0;padding:0 2px;transition:color .12s;display:inline-flex;position:relative}.wh button.wh-tab:hover{color:var(--ink)}.wh button.wh-tab:after{content:"";background:var(--evergreen-700);border-radius:2px 2px 0 0;height:2px;transition:transform .16s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.wh button.wh-tab[aria-selected=true]{color:var(--ink);font-weight:600}.wh button.wh-tab[aria-selected=true]:after{transform:scaleX(1)}.wh button.wh-tab:focus-visible{outline:2px solid var(--evergreen-700);outline-offset:-2px}.wh-tab__count{border-radius:var(--radius-pill);background:var(--surface-sunken);min-width:20px;color:var(--ink-subtle);font:500 11px/18px var(--font-mono);text-align:center;padding:0 6px}.wh button.wh-tab[aria-selected=true] .wh-tab__count{background:var(--evergreen-100);color:var(--evergreen-700)}.wh-body{padding:var(--space-5)}.wh-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.wh-toolbar__meta{color:var(--ink-muted);font-size:13px}.wh-toolbar__meta strong{color:var(--ink);font-weight:600}.wh-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.wh-card{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color .15s,box-shadow .15s}.wh-card:hover{border-color:var(--line-strong);box-shadow:0 1px 2px #0000000a}.wh-card.is-paused{background:var(--surface-raised)}.wh-card.is-paused .wh-card__title strong,.wh-card.is-paused .wh-card__url,.wh-card.is-paused .wh-pills{opacity:.6}.wh-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.wh-card__title{align-items:center;gap:var(--space-2);min-width:0;display:flex}.wh-card__title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.wh-dot{background:var(--line-strong);border-radius:50%;flex:none;width:8px;height:8px}.wh-dot.is-on{background:var(--signal-up);box-shadow:0 0 0 3px rgba(var(--signal-rgb), .15)}.wh-dot.is-warn{background:var(--signal-warn);box-shadow:0 0 0 3px rgba(var(--amber-rgb), .15)}.wh-tag{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-sunken);color:var(--ink-muted);font:500 11px/18px var(--font-sans);white-space:nowrap;flex:none;padding:0 6px}.wh-card__actions{flex:none;align-items:center;gap:2px;display:flex}.wh-card__toggle{align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 0;cursor:pointer;color:var(--ink-subtle);-webkit-user-select:none;user-select:none;font-size:12px;display:inline-flex}.wh-card__sep{width:1px;height:16px;margin:0 var(--space-1);background:var(--line)}.wh-card__url{margin:var(--space-2) 0 var(--space-3);color:var(--ink-muted);font:12px/18px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;padding-left:16px;overflow:hidden}.wh-card__meta{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding-left:16px;display:flex}.wh-pills{flex-wrap:wrap;gap:6px;display:flex}.wh-pill{border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink-muted);align-items:center;gap:5px;padding:0 8px;font-size:12px;line-height:22px;display:inline-flex}.wh-pill svg{color:var(--ink-subtle)}.wh-card__fail{color:var(--signal-down);align-items:center;gap:4px;font-size:12px;display:inline-flex}.wh-switch{appearance:none;border-radius:var(--radius-pill);background:var(--line-strong);cursor:pointer;flex:none;width:34px;height:20px;margin:0;transition:background-color .15s;position:relative}.wh-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.wh-switch:checked{background:var(--evergreen-700)}.wh-switch:checked:after{transform:translate(14px)}.wh-switch:disabled{opacity:.5;cursor:progress}.wh-switch:focus-visible{outline:2px solid var(--evergreen-700);outline-offset:2px}.wh-form{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised)}.wh-form__title{margin-bottom:var(--space-4);font:600 15px/22px var(--font-display)}.wh-field{min-width:0;margin:0 0 var(--space-5);border:0;padding:0}.wh-field>label,.wh-field>legend{color:var(--ink);margin-bottom:6px;padding:0;font-size:13px;font-weight:600;display:block}.wh-hint{color:var(--ink-subtle);margin-top:6px;font-size:12px;font-weight:400;line-height:18px;display:block}.wh-input{width:100%;height:38px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:14px/20px var(--font-sans);transition:border-color .12s,box-shadow .12s}.wh-input--mono{font-family:var(--font-mono);font-size:13px}.wh-input::placeholder{color:var(--ink-subtle);opacity:.8}.wh-input:hover{border-color:var(--anchor-line)}.wh-input:focus{border-color:var(--evergreen-700);box-shadow:0 0 0 3px rgba(var(--signal-rgb), .14);outline:none}.wh-input-group{gap:var(--space-2);display:flex}.wh-header-row{gap:var(--space-2);grid-template-columns:minmax(120px,180px) 1fr;display:grid}.wh-choices{gap:var(--space-2);display:grid}.wh-choices--3{grid-template-columns:repeat(3,minmax(0,1fr))}.wh button.wh-choice,.wh button.wh-choice:hover,.wh .wh-choice{min-height:0;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:none;color:var(--ink);font:400 13px/18px var(--font-sans);text-align:left;white-space:normal;cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;transition:border-color .12s,background-color .12s,box-shadow .12s;display:flex}.wh button.wh-choice:hover,.wh .wh-choice:hover{border-color:var(--anchor-line);background:var(--surface)}.wh button.wh-choice[aria-pressed=true]{border-color:var(--evergreen-700);background:var(--evergreen-100);box-shadow:inset 0 0 0 1px var(--evergreen-700)}.wh .wh-choice--check:has(input:checked){border-color:var(--evergreen-700);background:var(--evergreen-100);box-shadow:inset 0 0 0 1px var(--evergreen-700)}.wh button.wh-choice:focus-visible{outline:2px solid var(--evergreen-700);outline-offset:2px}.wh .wh-choice--check:has(:focus-visible){outline:2px solid var(--evergreen-700);outline-offset:2px}.wh-choice__head{color:var(--ink);align-items:center;gap:6px;font-weight:600;display:flex}.wh-choice__head svg{color:var(--ink-subtle);flex:none}.wh button.wh-choice[aria-pressed=true] .wh-choice__head svg{color:var(--evergreen-700)}.wh .wh-choice--check:has(input:checked) .wh-choice__head svg{color:var(--evergreen-700)}.wh-choice__desc{color:var(--ink-muted);font-size:12px;line-height:18px;display:block}.wh-choice__radio{border:1px solid var(--line-strong);background:var(--surface);border-radius:50%;flex:none;width:14px;height:14px;margin-left:auto}.wh button.wh-choice[aria-pressed=true] .wh-choice__radio{border:4px solid var(--evergreen-700)}.wh .wh-choice__code{color:var(--ink-subtle);margin-left:auto;padding:0 5px;font-size:11px;font-weight:400}.wh .wh-choice--check{gap:var(--space-3);flex-direction:row;position:relative}.wh-choice--check input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.wh-choice--check>span:last-child{flex:1;gap:4px;min-width:0;display:grid}.wh-choice__box{border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface);color:#0000;flex:none;place-items:center;width:16px;height:16px;margin-top:1px;transition:background-color .12s,border-color .12s;display:grid}.wh-choice--check:has(input:checked) .wh-choice__box{border-color:var(--evergreen-700);background:var(--evergreen-700);color:var(--on-evergreen)}.wh-switch-row{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;display:flex}.wh-switch-row .wh-switch{margin-top:1px}.wh-switch-row strong{font-size:13px;font-weight:600;line-height:20px;display:block}.wh-switch-row .wh-hint{margin-top:0}.wh-form__actions{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.wh-form__actions-end{gap:var(--space-2);display:flex}.wh-alert{align-items:flex-start;gap:var(--space-2);margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid;font-size:13px;line-height:20px;display:flex}.wh-body>.wh-alert:first-child{margin:0 0 var(--space-4)}.wh-alert svg{flex:none;margin-top:2px}.wh-alert.is-success{border-color:rgba(var(--signal-rgb), .3);background:rgba(var(--signal-rgb), .07);color:var(--signal-up)}.wh-alert.is-error{border-color:rgba(var(--down-rgb), .3);background:rgba(var(--down-rgb), .07);color:var(--signal-down)}.wh-alert strong{font-weight:600}.wh-alert__meta{font:12px/18px var(--font-mono);opacity:.8;margin-top:2px}.wh-empty{padding:var(--space-7) var(--space-4);text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-md);flex-direction:column;align-items:center;display:flex}.wh-empty--gate{margin:0 var(--space-5) var(--space-5)}.wh-empty__icon{width:44px;height:44px;margin-bottom:var(--space-3);background:var(--surface-sunken);color:var(--ink-subtle);border-radius:50%;place-items:center;display:grid}.wh-empty h3{font:600 15px/22px var(--font-display);margin-bottom:6px}.wh-empty p{max-width:420px;margin-bottom:var(--space-4);color:var(--ink-muted);font-size:13px;line-height:20px}.wh-empty p:last-child{margin-bottom:0}.wh-skeleton{gap:var(--space-3);display:grid}.wh-skeleton span{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken), var(--surface-raised), var(--surface-sunken));background-size:200% 100%;height:104px;animation:1.2s ease-in-out infinite wh-shimmer}@keyframes wh-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.wh-table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);overflow-x:auto}.wh-table{border-collapse:collapse;width:100%;font-size:13px}.wh-table th{background:var(--table-head);border-bottom:1px solid var(--line);color:var(--ink-subtle);text-align:left;white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:500}.wh-table td{border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:10px 12px}.wh-table tbody tr:last-child td{border-bottom:0}.wh-table tbody tr:hover td{background:var(--surface-raised)}.wh-table .is-num{text-align:right}.wh-table .mono{font-size:12px}.wh-table__event{align-items:center;gap:6px;font-weight:500;display:inline-flex}.wh-table__event svg{color:var(--ink-subtle)}.wh-table__ep{text-overflow:ellipsis;vertical-align:bottom;max-width:180px;color:var(--ink-muted);display:inline-block;overflow:hidden}.wh-table__time{color:var(--ink-subtle)}.wh-status{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;line-height:22px;display:inline-flex}.wh-status.is-delivered{background:rgba(var(--signal-rgb), .1);color:var(--signal-up)}.wh-status.is-pending,.wh-status.is-in_flight{background:rgba(var(--amber-rgb), .12);color:var(--signal-warn)}.wh-status.is-failed{background:rgba(var(--down-rgb), .1);color:var(--signal-down)}.wh-spin{animation:1s linear infinite wh-spin}@keyframes wh-spin{to{transform:rotate(360deg)}}@media (width<=720px){.wh-choices--3,.wh-header-row{grid-template-columns:1fr}.wh-head,.wh-body{padding-left:var(--space-4);padding-right:var(--space-4)}.wh-tabs{padding:0 var(--space-4)}.wh-card__head{flex-wrap:wrap}.wh-card__toggle span{display:none}.wh-form{padding:var(--space-4)}.wh-overlay{align-items:flex-end;padding:0}.wh-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh}}@media (prefers-reduced-motion:reduce){.wh-overlay,.wh-modal,.wh-skeleton span,.wh-spin{animation:none}}
