:root{--td-bg:#f1f1f1;--td-surface:#fff;--td-border:#e3e3e3;--td-text:#303030;--td-text-subdued:#616161;--td-nav-bg:#ebebeb;--td-nav-active:#fff;--td-accent:#005bd3;--td-brand:#0f766e;--td-brand-dark:#115e59;--td-brand-tint:#e6f4f2;--td-unread:#005bd3;--td-radius:12px;--td-sidebar-width:240px;--td-list-width:360px;--td-topbar-height:56px;color:var(--td-text);background:var(--td-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--td-bg)}.td-pre{white-space:pre-wrap;font-size:12px;overflow-x:auto}.td-visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.td-frame{grid-template-columns:var(--td-sidebar-width) minmax(0, 1fr);grid-template-rows:var(--td-topbar-height) minmax(0, 1fr);height:100dvh;display:grid}.td-topbar{color:#fff;z-index:10;background:#1a1a1a;grid-column:1/-1;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.td-topbar__brand{border-radius:6px;flex-shrink:0;align-items:center;display:flex}.td-topbar__brand img{width:auto;height:28px;display:block}.td-topbar__brand:focus-visible,.td-topbar__menu-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.td-topbar__spacer{flex:1}.td-topbar__bell{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.td-topbar__bell:hover,.td-topbar__bell.active{background:#ffffff24}.td-topbar__bell:focus-visible{outline-offset:2px;outline:2px solid #fff}.td-topbar__bell-count{color:#fff;text-align:center;background:#c70a24;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:2px;right:0;box-shadow:0 0 0 2px #1a1a1a}.td-topbar__user{align-items:center;gap:10px;min-width:0;display:flex}.td-topbar__name{color:#e3e3e3;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;font-weight:550;overflow:hidden}.td-topbar__menu-toggle{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-8px;display:none}.td-topbar__menu-toggle:hover{background:#ffffff1f}.td-skip-link{z-index:100;color:var(--td-text);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;position:absolute;top:-48px;left:8px}.td-skip-link:focus{top:8px}.td-main:focus{outline:none}.td-sidebar{background:var(--td-nav-bg);border-right:1px solid var(--td-border);flex-direction:column;min-height:0;padding:12px 8px 8px;display:flex;overflow-y:auto}.td-nav-section{flex-direction:column;gap:1px;margin-bottom:16px;display:flex}.td-nav-section__title{color:var(--td-text-subdued);padding:4px 12px;font-size:12px;font-weight:600}.td-nav-section__head{justify-content:space-between;align-items:center;padding-right:4px;display:flex}.td-nav-section__action{border-radius:8px;justify-content:center;align-items:center;block-size:28px;inline-size:28px;display:inline-flex}.td-nav-section__action:hover{background:var(--td-nav-active)}.td-nav-section__action:focus-visible{outline:2px solid var(--td-accent);outline-offset:1px}.td-nav-link{min-height:32px;color:var(--td-text);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 4px 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.td-nav-link:hover{background:#0000000d}.td-nav-link:focus-visible{outline:2px solid var(--td-accent);outline-offset:-2px}.td-nav-link[aria-current=page],.td-nav-link.active{background:var(--td-nav-active);font-weight:650;box-shadow:0 1px #00000012,0 0 0 1px #0000000a}.td-nav-link[aria-current=page]:before,.td-nav-link.active:before{content:"";background:var(--td-brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.td-nav-link__label{align-items:center;gap:8px;min-width:0;display:flex}.td-nav-link__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.td-nav-link__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.td-nav-count{text-align:center;min-width:22px;color:var(--td-text-subdued);font-variant-numeric:tabular-nums;background:#0000000f;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:12px;font-weight:600}.td-nav-count[data-attention=true]{background:var(--td-brand);color:#fff}.td-sidebar__footer{border-top:1px solid var(--td-border);color:var(--td-text-subdued);align-items:center;gap:8px;margin-top:auto;padding:12px 12px 4px;font-size:12px;display:flex}.td-sidebar__footer img{border-radius:4px;flex-shrink:0}.td-sidebar__version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.td-nav-backdrop{display:none}.td-main{z-index:0;min-width:0;min-height:0;position:relative;overflow-y:auto}@media (width<=1024px){.td-topbar__name{display:none}}@media (width<=768px){.td-frame{grid-template-columns:minmax(0,1fr)}.td-topbar{padding:0 12px}.td-topbar__menu-toggle{display:inline-flex}.td-topbar__signout-text{display:none}.td-sidebar{top:var(--td-topbar-height);z-index:20;visibility:hidden;width:min(300px,85vw);transition:transform .2s,visibility 0s linear .2s;position:fixed;bottom:0;left:0;transform:translate(-100%);box-shadow:0 8px 24px #0000002e}.td-frame[data-nav-open=true] .td-sidebar{visibility:visible;transition:transform .2s;transform:none}.td-frame[data-nav-open=true] .td-nav-backdrop{inset:var(--td-topbar-height) 0 0 0;z-index:15;background:#00000052;display:block;position:fixed}.td-nav-link{min-height:40px;font-size:14px}}@media (prefers-reduced-motion:reduce){.td-sidebar,.td-frame[data-nav-open=true] .td-sidebar{transition:none}}.td-split{grid-template-columns:var(--td-list-width) 1fr;height:calc(100vh - var(--td-topbar-height));display:grid}.td-split__list{border-right:1px solid var(--td-border);background:var(--td-surface);min-width:0;overflow-y:auto}.td-split__detail{min-width:0;overflow-y:auto}@media (width<=1024px){.td-split{grid-template-columns:1fr;height:auto}.td-split__list,.td-split__detail{overflow:visible}.td-split[data-has-detail=true] .td-split__list,.td-split[data-has-detail=false] .td-split__detail{display:none}}.td-harness{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.td-harness__nav{background:var(--td-surface);border-right:1px solid var(--td-border);height:100vh;padding:12px;position:sticky;top:0;overflow-y:auto}.td-harness__stage{min-width:0;padding:0}.td-harness__stage--padded{padding:24px}[data-harness-fixture] .td-frame{height:auto;min-height:100vh}[data-harness-fixture] .td-main{overflow:visible}
