.wb-cmp-001{position:fixed;right:24px;bottom:24px;width:360px;max-width:calc(100vw - 32px);padding:18px 18px 16px;background:var(--wb-color-bg-elevated, #fff);border:1px solid var(--wb-color-line-subtle, rgba(38, 37, 30, .14));border-radius:14px;box-shadow:0 18px 48px #0f0e0c29;z-index:1200;display:flex;flex-direction:column;gap:12px;animation:wb-cmp-001-enter .22s cubic-bezier(.2,.7,.2,1)}@keyframes wb-cmp-001-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wb-cmp-001__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wb-cmp-001__title{margin:0;font-size:15px;font-weight:700;color:var(--wb-color-fg-strong, #26251e);line-height:1.3}.wb-cmp-001__close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;color:var(--wb-color-fg-soft, rgba(38, 37, 30, .62));cursor:pointer}.wb-cmp-001__close:hover{background:var(--wb-color-bg-subtle, #ebeae5)}.wb-cmp-001__message{margin:0;font-size:13px;color:var(--wb-color-fg-soft, rgba(38, 37, 30, .62));line-height:1.55}.wb-cmp-001__actions{display:flex;gap:8px;justify-content:flex-end}.wb-cmp-001__btn{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s}.wb-cmp-001__btn--secondary{background:transparent;border:1px solid var(--wb-color-line-subtle, rgba(38, 37, 30, .14));color:var(--wb-color-fg-soft, rgba(38, 37, 30, .62))}.wb-cmp-001__btn--secondary:hover{background:var(--wb-color-bg-subtle, #ebeae5)}.wb-cmp-001__btn--primary{background:var(--wb-color-fg-strong, #26251e);border:0;color:var(--wb-color-bg-elevated, #fff)}.wb-cmp-001__btn--primary:hover{opacity:.92}.wb-cmp-001[data-variant=destructive] .wb-cmp-001__btn--primary{background:#b1392f}@media (max-width: 767px){.wb-cmp-001{right:0;left:0;bottom:0;width:auto;max-width:none;border-radius:16px 16px 0 0;padding:20px 20px max(16px,env(safe-area-inset-bottom))}.wb-cmp-001__actions{flex-direction:column-reverse}.wb-cmp-001__btn{width:100%;padding:12px 16px;font-size:14px}}[data-device=mobile] .wb-cmp-001{right:0;left:0;bottom:0;width:auto;max-width:none;border-radius:16px 16px 0 0;padding:20px 20px max(16px,env(safe-area-inset-bottom))}[data-device=mobile] .wb-cmp-001__actions{flex-direction:column-reverse}[data-device=mobile] .wb-cmp-001__btn{width:100%;padding:12px 16px;font-size:14px}.wb-cmp-002{position:fixed;bottom:24px;right:24px;z-index:1300;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px);pointer-events:none;align-items:flex-end}.wb-cmp-002__item{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;width:320px;max-width:calc(100vw - 32px);padding:12px 14px;background:var(--wb-color-bg-elevated, #fff);border:1px solid var(--wb-color-line-subtle, rgba(38, 37, 30, .14));border-radius:12px;box-shadow:0 14px 32px #0f0e0c1f;font-size:13px;color:var(--wb-color-fg-strong, #26251e);animation:wb-cmp-002-enter .2s cubic-bezier(.2,.7,.2,1)}@keyframes wb-cmp-002-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wb-cmp-002__item[data-tone=success]{border-color:#2e6f3547}.wb-cmp-002__item[data-tone=error]{border-color:#9b2f2f52;background:#fff8f8}.wb-cmp-002__icon{flex-shrink:0;margin-top:1px;color:var(--wb-color-fg-soft, rgba(38, 37, 30, .62))}.wb-cmp-002__item[data-tone=success] .wb-cmp-002__icon{color:#2e7b3a}.wb-cmp-002__item[data-tone=error] .wb-cmp-002__icon{color:#9b2f2f}.wb-cmp-002__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wb-cmp-002__title{font-size:13px;font-weight:700;color:var(--wb-color-fg-strong, #26251e);line-height:1.3}.wb-cmp-002__text{font-size:12px;font-weight:500;color:var(--wb-color-fg-soft, rgba(38, 37, 30, .62));line-height:1.45}.wb-cmp-002__close{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;color:var(--wb-color-fg-soft, rgba(38, 37, 30, .62));cursor:pointer;flex-shrink:0}.wb-cmp-002__close:hover{background:var(--wb-color-bg-subtle, #ebeae5)}@media (max-width: 767px){.wb-cmp-002{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px;left:12px;align-items:stretch}.wb-cmp-002__item{width:auto}}[data-device=mobile] .wb-cmp-002{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px;left:12px;align-items:stretch}[data-device=mobile] .wb-cmp-002__item{width:auto}.wb-cmp-003{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.wb-cmp-003__item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--wb-color-bg-subtle, #ebeae5);border:1px solid var(--wb-color-line-subtle, rgba(38, 37, 30, .12));border-radius:10px;font-size:13px;color:var(--wb-color-fg-default, rgba(38, 37, 30, .82));line-height:1.5}.wb-cmp-003__item[data-tone=warning]{background:#fff7ea;border-color:#a06e1047;color:#7a5310}.wb-cmp-003__icon{flex-shrink:0}.wb-cmp-003__text{flex:1;min-width:0}.wb-cmp-003__close{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:999px;color:currentColor;opacity:.6;cursor:pointer;flex-shrink:0}.wb-cmp-003__close:hover{opacity:1}.wb-cmp-004{position:fixed;right:24px;bottom:24px;width:360px;max-width:calc(100vw - 32px);background:var(--wb-color-bg-elevated, #fff);border:1px solid var(--wb-color-line-subtle, rgba(38, 37, 30, .14));border-radius:14px;box-shadow:0 18px 48px #0f0e0c24;overflow:hidden;z-index:1100;display:flex;flex-direction:column;animation:wb-cmp-004-enter .24s cubic-bezier(.2,.7,.2,1)}@keyframes wb-cmp-004-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wb-cmp-004__media{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--wb-color-bg-muted, #e6e5e0);overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#f0efeb 25%,transparent 25%),linear-gradient(-45deg,#f0efeb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0efeb 75%),linear-gradient(-45deg,transparent 75%,#f0efeb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,10px 0;background-color:var(--wb-color-bg-subtle, #ebeae5)}.wb-cmp-004__media img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.wb-cmp-004__media-placeholder{display:inline-flex;align-items:center;justify-content:center;color:var(--wb-color-fg-mute, rgba(38, 37, 30, .35));z-index:1}.wb-cmp-004__pagination{position:absolute;top:10px;left:10px;padding:4px 10px;background:#26251e8c;color:#fff;font-size:11px;font-weight:600;border-radius:999px;z-index:2;letter-spacing:0}.wb-cmp-004__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 4px}.wb-cmp-004__cta{align-self:flex-start;margin-top:4px;padding:8px 14px;background:var(--wb-color-fg-strong, #26251e);color:var(--wb-color-bg-elevated, #fff);font-size:12px;font-weight:600;border-radius:999px;text-decoration:none}.wb-cmp-004__cta:hover{opacity:.92}.wb-cmp-004__actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 14px;border-top:1px solid var(--wb-color-line-subtle, rgba(38, 37, 30, .08))}.wb-cmp-004__action{padding:6px 4px;background:transparent;border:0;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.wb-cmp-004__action--mute{color:var(--wb-color-fg-soft, rgba(38, 37, 30, .62))}.wb-cmp-004__action--mute:hover,.wb-cmp-004__action--close{color:var(--wb-color-fg-strong, #26251e)}.wb-cmp-004__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}.wb-cmp-004__title{margin:0;font-size:14px;font-weight:700;color:var(--wb-color-fg-strong, #26251e)}.wb-cmp-004__text{margin:0;font-size:12px;color:var(--wb-color-fg-soft, rgba(38, 37, 30, .62));line-height:1.55}.wb-cmp-004__cta--overlay{position:absolute;right:12px;bottom:12px;z-index:2;padding:8px 14px;background:#fffffff0;color:var(--wb-color-fg-strong, #26251e);font-size:12px;font-weight:600;border-radius:999px;text-decoration:none;box-shadow:0 6px 16px #0f0e0c2e}.wb-cmp-004__cta--overlay:hover{background:#fff}@media (max-width: 767px){.wb-cmp-004{right:0;left:0;bottom:0;width:auto;max-width:none;border-radius:16px 16px 0 0;box-shadow:0 -12px 36px #0f0e0c24}.wb-cmp-004__actions{padding:12px 20px max(14px,env(safe-area-inset-bottom))}}[data-device=mobile] .wb-cmp-004{right:0;left:0;bottom:0;width:auto;max-width:none;border-radius:16px 16px 0 0;box-shadow:0 -12px 36px #0f0e0c24}[data-device=mobile] .wb-cmp-004__actions{padding:12px 20px max(14px,env(safe-area-inset-bottom))}.wb-arc-index,.wb-arc-screen{--arc-bg: var(--wb-color-bg-base, #f2f1ed);--arc-card: var(--wb-color-bg-elevated, #ffffff);--arc-border: var(--wb-color-line-subtle, rgba(38, 37, 30, .07));--arc-text: var(--wb-color-fg-strong, #26251e);--arc-muted: var(--wb-color-fg-mute, rgba(38, 37, 30, .45));--arc-accent: var(--wb-color-accent, #f54e00);background:var(--arc-bg);color:var(--arc-text);min-height:100vh;padding:32px clamp(24px,4vw,48px);font-family:var(--wb-font-sans);box-sizing:border-box}.wb-arc-link{background:transparent;border:0;color:var(--arc-accent);font-size:14px;cursor:pointer;padding:4px 0}.wb-arc-link:hover{text-decoration:underline}.wb-arc-index__head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.wb-arc-index__title{font-size:28px;font-weight:700;margin:0 0 6px}.wb-arc-index__sub{font-size:14px;color:var(--arc-muted);margin:0;max-width:720px;line-height:1.5}.wb-arc-index__summary{display:flex;gap:16px;font-size:13px;color:var(--arc-muted);background:var(--arc-card);border:1px solid var(--arc-border);border-radius:8px;padding:10px 14px}.wb-arc-index__summary strong{color:var(--arc-text);font-weight:700;margin-right:4px}.wb-arc-index__filters{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.wb-arc-index__device-toggle{display:inline-flex;gap:6px;background:var(--arc-card);border:1px solid var(--arc-border);border-radius:8px;padding:4px}.wb-arc-index__check{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--arc-muted)}.wb-arc-index__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.wb-arc-card{display:block;width:100%;text-align:left;background:var(--arc-card);border:1px solid var(--arc-border);border-radius:10px;padding:16px;cursor:pointer;transition:border-color .12s,transform .12s;font:inherit;color:inherit}.wb-arc-card:hover:not(:disabled){border-color:var(--arc-accent);transform:translateY(-1px)}.wb-arc-card:disabled{cursor:not-allowed;opacity:.6}.wb-arc-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wb-arc-card__id{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:var(--arc-muted);letter-spacing:0}.wb-arc-card__badges{display:inline-flex;gap:6px}.wb-arc-card__title{font-size:15px;font-weight:600;margin-bottom:6px}.wb-arc-card__route{font-size:12px;color:var(--arc-muted);font-family:ui-monospace,SFMono-Regular,monospace;margin-bottom:8px;word-break:break-all}.wb-arc-card__stats{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--arc-muted);margin-bottom:6px}.wb-arc-card__commits{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.wb-arc-card__commits code{font-size:11px;background:var(--arc-bg);border-radius:4px;padding:2px 6px;color:var(--arc-muted)}.wb-arc-card__reason{font-size:12px;color:var(--arc-muted);font-style:italic}.wb-arc-card--ready{border-left:3px solid #16a34a}.wb-arc-card--partial{border-left:3px solid #d97706}.wb-arc-card--pending{border-left:3px solid #9ca3af}.wb-arc-card--deferred{border-left:3px solid #d1d5db}.wb-arc-index__foot{margin-top:32px;padding-top:16px;border-top:1px solid var(--arc-border)}.wb-arc-index__foot p{font-size:12px;color:var(--arc-muted);margin:0}.wb-arc-index__foot code{font-size:12px;background:var(--arc-card);border:1px solid var(--arc-border);border-radius:4px;padding:2px 6px}.wb-arc-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid transparent;letter-spacing:0}.wb-arc-badge--green{background:#dcfce7;color:#166534}.wb-arc-badge--amber{background:#fef3c7;color:#92400e}.wb-arc-badge--gray{background:#f3f4f6;color:#374151}.wb-arc-badge--blue{background:#dbeafe;color:#1e40af}.wb-arc-badge--ghost{background:transparent;color:#6b7280;border-color:#e5e7eb}.wb-arc-chip{appearance:none;border:1px solid var(--arc-border, #e5e5e5);background:var(--arc-card, #fff);color:var(--arc-text, #1a1a1a);font-size:12px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .12s,border-color .12s}.wb-arc-chip:hover{border-color:var(--arc-accent, #f54e00)}.wb-arc-chip.is-active{background:var(--arc-accent, #f54e00);color:#fff;border-color:var(--arc-accent, #f54e00)}.wb-arc-screen__head{margin-bottom:20px}.wb-arc-screen__heading{margin-top:8px}.wb-arc-screen__title{display:flex;gap:12px;align-items:baseline;font-size:22px;font-weight:700;margin:0 0 8px}.wb-arc-screen__id{font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;color:var(--arc-muted);font-weight:500}.wb-arc-screen__meta-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wb-arc-screen__route{font-size:12px;color:var(--arc-muted);background:var(--arc-card);border:1px solid var(--arc-border);border-radius:4px;padding:2px 6px}.wb-arc-screen__body{display:grid;grid-template-columns:240px 1fr 240px;gap:20px;align-items:flex-start}@media (max-width: 1280px){.wb-arc-screen__body{grid-template-columns:1fr}}.wb-arc-screen__side{background:var(--arc-card);border:1px solid var(--arc-border);border-radius:10px;padding:16px;font-size:13px;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}.wb-arc-screen__side-title{font-size:13px;font-weight:700;margin:0 0 12px;color:var(--arc-muted);text-transform:uppercase;letter-spacing:0}.wb-arc-screen__meta-block{margin-bottom:14px}.wb-arc-screen__meta-block:last-child{margin-bottom:0}.wb-arc-screen__meta-title{font-size:11px;font-weight:700;color:var(--arc-muted);text-transform:uppercase;letter-spacing:0;margin-bottom:4px}.wb-arc-screen__meta-body code{font-size:11px;word-break:break-all}.wb-arc-screen__list{margin:0;padding:0;list-style:none}.wb-arc-screen__list li{padding:2px 0;font-size:12px;color:var(--arc-muted)}.wb-arc-screen__variant{margin-bottom:14px}.wb-arc-screen__variant-name{font-size:11px;font-weight:700;color:var(--arc-muted);text-transform:uppercase;letter-spacing:0;margin-bottom:6px}.wb-arc-screen__variant-options{display:flex;flex-wrap:wrap;gap:4px}.wb-arc-screen__stage{background:var(--arc-card);border:1px solid var(--arc-border);border-radius:10px;padding:24px;display:flex;justify-content:center;min-height:600px}.wb-arc-screen__deferred{text-align:center;padding:60px 20px;color:var(--arc-muted)}.wb-arc-screen__deferred h2{font-size:18px;margin-bottom:12px;color:var(--arc-text)}.wb-arc-screen__deferred ul{list-style:none;padding:0;margin:12px auto;max-width:480px}.wb-arc-screen__deferred li{padding:6px 0}.wb-arc-screen__loading{padding:40px;color:var(--arc-muted);font-size:13px;text-align:center}.wb-arc-screen__note{font-size:12px;color:var(--arc-muted);margin:8px 0 0}.wb-arc-frame{display:inline-flex;flex-direction:column;gap:10px}.wb-arc-frame__chrome{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--arc-muted, #6b7280)}.wb-arc-frame__dots{display:inline-flex;gap:4px}.wb-arc-frame__dots span{width:8px;height:8px;border-radius:50%;background:#d1d5db}.wb-arc-frame__dots span:nth-child(1){background:#ef4444}.wb-arc-frame__dots span:nth-child(2){background:#f59e0b}.wb-arc-frame__dots span:nth-child(3){background:#22c55e}.wb-arc-frame__label{font-family:ui-monospace,SFMono-Regular,monospace}.wb-arc-frame__device{position:relative;background:var(--arc-bg, #f5f5f5);border:1px solid var(--arc-border, #e5e5e5);border-radius:8px;overflow:hidden}.wb-arc-frame--mobile .wb-arc-frame__device{border-radius:36px;border-width:6px;border-color:#1f2937;box-shadow:0 8px 24px #00000026}.wb-arc-frame__viewport{width:100%;height:100%;overflow:auto;box-sizing:border-box}.wb-arc-frame__notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:110px;height:28px;background:#000;border-radius:16px;z-index:5;pointer-events:none}.wb-arc-frame__home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:#000;border-radius:999px;opacity:.85;z-index:5;pointer-events:none}.wb-arc-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;align-items:flex-start}@media (max-width: 1080px){.wb-arc-compare{grid-template-columns:1fr}}.wb-arc-compare__pane{display:flex;flex-direction:column;gap:8px;min-width:0}.wb-arc-compare__label{font-size:11px;font-weight:700;color:var(--arc-muted);text-transform:uppercase;letter-spacing:0}.wb-arc-compare__iframe{width:100%;height:800px;border:1px solid var(--arc-border);border-radius:8px;background:#fff}.wb-arc-frame--mobile .wb-arc-frame__viewport{scroll-snap-type:x proximity}.wb-arc-index__roles{margin-bottom:12px;font-size:12px;color:var(--arc-muted)}.wb-arc-index__roles strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:0;color:var(--arc-text);margin-bottom:6px}.wb-arc-index__roles ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.wb-arc-index__roles li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wb-arc-inspector-wide .wb-inspector{max-width:none;width:100%}.wb-arc-sidebar-fill .wb-sidebar,.wb-arc-sidebar-fill .wb-sidebar--mobile{position:relative!important;transform:none!important;width:100%!important;height:100%!important;max-width:none;box-shadow:none}.wb-arc-sidebar-fill .wb-sidebar.wb-sidebar--collapsed,.wb-arc-sidebar-fill .wb-sidebar--mobile.wb-sidebar--collapsed{width:0!important;max-width:0!important;padding:0!important;opacity:0;pointer-events:none;overflow:hidden}.wb-arc-sidebar-fill .wb-sidebar-overlay{display:none!important}.wb-arc-sidebar-fill .wb-sidebar-reopen{position:absolute!important;top:16px!important;left:16px!important}.wb-arc-detail-fill .wb-detail{position:absolute!important;inset:0;background:#26251e75;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 16px;gap:0;overflow-y:auto}.wb-arc-detail-fill .wb-detail>.wb-detail__main,.wb-arc-detail-fill .wb-detail>.wb-detail__cta-bar{width:100%;max-width:880px;background:var(--wb-color-bg-elevated, #ffffff);box-sizing:border-box;flex-shrink:0}.wb-arc-detail-fill .wb-detail>.wb-detail__header{background:transparent;border-bottom:0;border-radius:0;margin-top:0;width:100%;max-width:880px;box-sizing:border-box}.wb-arc-detail-fill .wb-detail>.wb-detail__main{border-left:0;border-right:0;border-radius:0;box-shadow:0 24px 48px #26251e2e;overflow:hidden}.wb-arc-detail-fill .wb-detail>.wb-detail__cta-bar{border-radius:0;border-top:1px solid var(--wb-color-line-subtle, rgba(38, 37, 30, .07));position:static!important;box-shadow:0 24px 48px #26251e2e}.wb-arc-frame--mobile .wb-arc-detail-fill .wb-detail{background:var(--wb-color-bg-base, #f2f1ed);padding:0}.wb-arc-frame--mobile .wb-arc-detail-fill .wb-detail>.wb-detail__header,.wb-arc-frame--mobile .wb-arc-detail-fill .wb-detail>.wb-detail__main,.wb-arc-frame--mobile .wb-arc-detail-fill .wb-detail>.wb-detail__cta-bar{max-width:none;width:100%;border-radius:0;border-left:0;border-right:0;box-shadow:none}.wb-arc-frame--mobile .wb-arc-detail-fill .wb-detail__inner{padding:0!important;display:block!important;grid-template-columns:none!important}.wb-arc-frame--mobile .wb-arc-detail-fill .wb-detail__inner>*:not(.wb-detail__hero){padding-left:16px;padding-right:16px}.wb-arc-frame--mobile .wb-arc-detail-fill .wb-detail__hero{margin:0 0 12px;width:100%;height:240px}