.trace-launcher{position:fixed;right:18px;bottom:18px;z-index:80;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 13px;border:1px solid rgba(0,255,157,.32);background:rgba(4,13,10,.96);color:var(--ink-100);font-size:9px;letter-spacing:.13em;cursor:pointer}.trace-live-dot,.trace-streaming i{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px rgba(0,255,157,.35);animation:pulse-dot 2s infinite}.trace-drawer{position:fixed;z-index:79;top:8px;right:8px;bottom:8px;display:flex;width:min(360px,calc(100vw - 16px));flex-direction:column;overflow:hidden;border:1px solid rgba(0,255,157,.22);background:rgba(5,13,11,.985);box-shadow:0 18px 70px rgba(0,0,0,.65),0 0 30px rgba(0,255,157,.045);visibility:hidden;pointer-events:none;transform:translateX(calc(100% + 18px));transition:transform .22s ease,visibility .22s ease}.trace-drawer--open{visibility:visible;pointer-events:auto;transform:translateX(0)}.trace-header{min-height:44px;flex:0 0 44px;justify-content:space-between;gap:8px;padding:0 13px;border-bottom:1px solid hsla(0,0%,100%,.09)}.trace-header,.trace-header__identity{display:flex;min-width:0;align-items:center}.trace-header__identity{gap:9px}.trace-header__title{flex:0 0 auto;color:var(--ink-100);font-size:9px;letter-spacing:.13em}.trace-header__uri{overflow:hidden;color:var(--ink-400);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.trace-streaming{display:inline-flex;min-height:22px;flex:0 0 auto;align-items:center;gap:5px;padding:0 7px;border:1px solid rgba(0,255,157,.65);color:var(--neon);font-size:8px;letter-spacing:.08em}.trace-streaming i{width:5px;height:5px}.trace-filters{display:flex;min-height:40px;flex:0 0 40px;align-items:stretch;justify-content:space-between;gap:1px;overflow-x:auto;padding:0 10px;border-bottom:1px solid hsla(0,0%,100%,.09);scrollbar-width:none}.trace-filters::-webkit-scrollbar{display:none}.trace-filter{position:relative;display:inline-flex;min-width:0;flex:0 0 auto;align-items:center;gap:3px;padding:0 6px;border:0;background:transparent;color:var(--ink-400);font:inherit;font-size:8px;letter-spacing:.07em;white-space:nowrap;cursor:pointer}.trace-filter:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;background:transparent;content:""}.trace-filter:hover,.trace-filter[aria-pressed=true]{color:var(--neon)}.trace-filter[aria-pressed=true]:after{background:var(--neon)}.trace-filter__count{color:inherit;opacity:.78}.trace-events{min-height:0;flex:1 1 auto;overflow-y:auto;padding:2px 13px 10px;scrollbar-color:rgba(164,192,178,.6) hsla(0,0%,100%,.04);scrollbar-width:thin}.trace-event{display:grid;grid-template-columns:64px 9px minmax(0,1fr);gap:0 8px;min-height:49px;align-content:center;padding:6px 2px;border-bottom:1px solid hsla(0,0%,100%,.065);animation:fade-up .22s ease both}.trace-event__time{grid-column:1;grid-row:1/span 2;padding-top:1px;color:var(--ink-400);font-size:9px;white-space:nowrap}.trace-event__dot{grid-column:2;grid-row:1;width:9px;height:9px;margin-top:2px;border:1px solid hsla(0,0%,100%,.16);border-radius:50%}.trace-event__dot--marker{border-radius:2px}.trace-event__copy{grid-column:3;grid-row:1/span 2;min-width:0}.trace-event__heading{display:flex;min-width:0;align-items:baseline;gap:8px;line-height:1.3}.trace-event__kind{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.07em}.trace-event__code{min-width:0;font-size:10px}.trace-event__code,.trace-event__detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-event__detail{margin:3px 0 0;color:var(--ink-400);font-size:9px;line-height:1.35}.trace-empty{margin:16px 2px;color:var(--ink-400);font-size:10px}.trace-footer{display:flex;min-height:52px;flex:0 0 52px;align-items:center;gap:9px;padding:7px 9px 7px 12px;border-top:1px solid hsla(0,0%,100%,.1)}.trace-footer__count{flex:0 0 auto;color:var(--ink-300);font-size:8px;white-space:nowrap}.trace-footer__note{min-width:0;flex:1 1 auto;overflow:hidden;color:var(--ink-400);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.trace-hide{display:inline-flex;min-height:34px;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid var(--neon);background:transparent;color:var(--neon);font:inherit;font-size:8px;letter-spacing:.08em;white-space:nowrap;cursor:pointer}.trace-hide:hover{background:rgba(0,255,157,.08)}.trace-hide svg{width:12px;height:12px}@media (max-width:380px){.trace-drawer{top:6px;right:6px;bottom:6px;width:calc(100vw - 12px)}.trace-header{padding:0 9px;gap:5px}.trace-header__identity{gap:6px}.trace-header__uri{font-size:7px}.trace-streaming{gap:4px;padding:0 5px;font-size:7px}.trace-filters{padding:0 5px}.trace-filter{gap:2px;padding:0 5px;font-size:7px}.trace-event{grid-template-columns:59px 8px minmax(0,1fr);gap:0 7px}.trace-footer{gap:6px;padding-right:7px;padding-left:9px}.trace-footer__note{font-size:6px}.trace-hide{gap:4px;padding:0 7px;font-size:7px}}@media (max-width:330px){.trace-footer__note{display:none}.trace-footer__count{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){.trace-event,.trace-live-dot,.trace-streaming i{animation:none}.trace-drawer{transition:none}}