.sig-panel{border:1px solid var(--glass-border);background:linear-gradient(165deg, #ffffff1a, #ffffff05 60%), var(--color-ink-800);box-shadow:var(--shadow-glass-lit);border-radius:1.5rem;position:relative}.sig-label{color:var(--color-soft-dark);text-align:end;font-size:.6875rem}.sig-swap{animation:fade-in var(--duration-ui) ease backwards}.sig-chip{border:1px solid var(--color-line-dark-strong);min-height:2.5rem;color:var(--color-soft-dark);transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, background-color var(--duration-fast) ease;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.sig-chip:hover{color:#fff;border-color:#ffffff73}.sig-chip[aria-current=true]{border-color:var(--color-accent-bright);color:#fff;background:#7cc0ff29}.sig-action{background:var(--color-accent);color:#fff;min-height:2.5rem;transition:background-color var(--duration-fast) ease;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.sig-action:hover{background:var(--color-accent-deep)}.sig-segments{border:1px solid var(--color-line-dark);background:#ffffff0a;border-radius:999px;padding:.1875rem;display:inline-flex}.sig-segment{min-height:2.25rem;color:var(--color-soft-dark);transition:color var(--duration-fast) ease;border-radius:999px;padding-inline:.875rem;font-size:.8125rem;font-weight:500;position:relative}.sig-segment:hover,.sig-segment[aria-current=true]{color:#fff}.sig-segment-on{background:var(--color-accent);border-radius:999px;position:absolute;inset:0}.sig-stage{background:#070e20b3;border-radius:1rem;justify-content:center;padding:clamp(.5rem,2.5vw,1.5rem);display:flex;overflow:hidden}.sig-browser{border-radius:.75rem;max-width:none;position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #000c}.sig-browser[style]{transform-origin:top;position:absolute;top:0;left:50%}.sig-browser[data-animate]{transition:transform var(--duration-surface) var(--ease-out-expo)}.sig-lane{border:1px solid var(--color-line-dark);transition:border-color var(--duration-base) ease, background-color var(--duration-base) ease;border-radius:.875rem;padding:.625rem}.sig-lane[data-on=true]{background:#7cc0ff14;border-color:#7cc0ff8c}.sig-node{border:1px solid var(--color-line-dark);background:#ffffff08;border-radius:1rem;padding:1rem}.sig-node-title{color:var(--color-soft-dark);font-size:.75rem;font-weight:500}.sig-status{white-space:nowrap;color:var(--color-muted-dark);align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;display:inline-flex}.sig-status[data-state=checking]{color:var(--color-accent-bright)}.sig-status[data-state=pass]{color:var(--color-success-bright)}.sig-status[data-state=fail]{color:var(--color-error-bright)}.sig-status[data-state=fixed]{color:var(--color-signal)}.sig-spinner{border:1.5px solid;border-inline-end-color:#0000;border-radius:50%;width:.75rem;height:.75rem;animation:.7s linear infinite sig-spin}@keyframes sig-spin{to{transform:rotate(360deg)}}.sig-switch{appearance:none;cursor:pointer;width:2.5rem;height:1.5rem;transition:background-color var(--duration-fast) ease;background:#ffffff38;border-radius:999px;flex:none;position:relative}.sig-switch:after{content:"";top:.1875rem;width:1.125rem;height:1.125rem;transition:translate var(--duration-ui) var(--ease-out-expo);background:#fff;border-radius:50%;position:absolute;inset-inline-start:.1875rem}.sig-switch:checked{background:var(--color-accent)}.sig-switch:checked:after{translate:1rem}html[dir=rtl] .sig-switch:checked:after{translate:-1rem}.sig-msg{animation:sig-msg .36s var(--ease-out-expo) calc(var(--i,0) * .11s) backwards}@keyframes sig-msg{0%{opacity:0;transform:translateY(8px)}}.sig-trace-dot{inset-inline-start:-1.25rem;background:var(--color-accent-bright);border-radius:50%;width:.4375rem;height:.4375rem;position:absolute;top:.25rem}.sig-trace-dot[data-on=true]{background:var(--color-signal)}@media (prefers-reduced-motion:reduce){.sig-swap,.sig-msg,.sig-spinner{animation:none}}