:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bg-app: #f4f6f9;--bg-surface: #ffffff;--bg-raised: #ffffff;--bg-sunken: #eef1f6;--bg-inset: #f8fafc;--bg-sidebar: #ffffff;--bg-header: #ffffff;--text-primary: #16202c;--text-secondary: #55627a;--text-muted: #7b8798;--text-inverse: #ffffff;--border: #dde3ec;--border-strong: #c3ccdb;--accent: #1f6feb;--accent-hover: #1a5fd0;--accent-soft: #e7f0ff;--accent-text: #0f4ba8;--success: #17803d;--success-soft: #e3f6e9;--danger: #c02626;--danger-soft: #fdeaea;--warning: #9a6200;--warning-soft: #fdf2dc;--info: #1f6feb;--info-soft: #e7f0ff;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 2px 8px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--sidebar-width: 260px;--header-height: 56px;--transition: .12s ease}:root[data-theme=dark]{--bg-app: #0f141b;--bg-surface: #161d26;--bg-raised: #1c242f;--bg-sunken: #10161d;--bg-inset: #131a22;--bg-sidebar: #131a22;--bg-header: #131a22;--text-primary: #e8edf4;--text-secondary: #a7b3c4;--text-muted: #7d8899;--text-inverse: #0f141b;--border: #2a343f;--border-strong: #3c4856;--accent: #4c92f8;--accent-hover: #6ba4fa;--accent-soft: #16263d;--accent-text: #8fbcff;--success: #4ec97e;--success-soft: #13291c;--danger: #f28080;--danger-soft: #2e1618;--warning: #e3ad4c;--warning-soft: #2c2210;--info: #4c92f8;--info-soft: #16263d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 8px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6)}@media(prefers-reduced-motion:reduce){:root{--transition: 0ms}}:root[data-animations=off]{--transition: 0ms}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased}:root[data-animations=off] *,:root[data-animations=off] *:before,:root[data-animations=off] *:after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);line-height:1.25;font-weight:650;color:var(--text-primary)}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}h4{font-size:15px}h5{font-size:14px}h6{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}p{margin:0 0 var(--space-3)}p:last-child{margin-bottom:0}a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--accent-hover)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.92em}code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px}pre{margin:0;padding:var(--space-3);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}pre code{background:none;border:none;padding:0}kbd{display:inline-block;padding:1px 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--bg-surface);font-size:12px}hr{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.lab-app{min-height:100vh;max-width:100%;display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar main"}.lab-header{grid-area:header;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--bg-header);border-bottom:1px solid var(--border);min-width:0}.lab-header__spacer{flex:1}.lab-header__tools{display:flex;align-items:center;gap:var(--space-2);min-width:0}.lab-header__menu-btn{display:none}.lab-sidebar{grid-area:sidebar;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;padding:var(--space-4) 0 var(--space-6);background:var(--bg-sidebar);border-right:1px solid var(--border)}.lab-sidebar__brand{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);font-weight:700;font-size:15px;color:var(--text-primary);text-decoration:none}.lab-sidebar__brand:hover{color:var(--text-primary)}.lab-sidebar__logo{width:26px;height:26px;flex:none;border-radius:6px}.lab-sidebar__filter{padding:0 var(--space-4) var(--space-3)}.lab-sidebar__group{margin-bottom:var(--space-1)}.lab-sidebar__group-label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:none;font:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;text-align:left}.lab-sidebar__group-label:hover{color:var(--text-secondary)}.lab-sidebar__chevron{transition:transform var(--transition)}.lab-sidebar__chevron[data-open=false]{transform:rotate(-90deg)}.lab-sidebar__link{display:block;padding:6px var(--space-4) 6px 26px;color:var(--text-secondary);text-decoration:none;font-size:13.5px;border-left:3px solid transparent}.lab-sidebar__link:hover{background:var(--bg-sunken);color:var(--text-primary)}.lab-sidebar__link.is-active{color:var(--accent-text);background:var(--accent-soft);border-left-color:var(--accent);font-weight:600}.lab-sidebar__empty{padding:var(--space-2) var(--space-4);color:var(--text-muted);font-size:13px}.lab-main{grid-area:main;min-width:0;padding:var(--space-5)}.lab-page{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.lab-page__header{display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.lab-page__heading{flex:1 1 340px;min-width:0}.lab-page__route{display:inline-block;margin-bottom:var(--space-2);padding:2px 8px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.lab-page__summary{color:var(--text-secondary);margin:0;max-width:68ch}.lab-page__actions{display:flex;gap:var(--space-2);align-items:center}.lab-sections{display:flex;flex-direction:column;gap:var(--space-5)}.lab-skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--text-inverse);border-radius:0 0 var(--radius) 0}.lab-skip-link:focus{left:0;color:var(--text-inverse)}@media(max-width:1024px){.lab-app{grid-template-columns:1fr;grid-template-areas:"header" "main"}.lab-header__menu-btn{display:inline-flex}.lab-sidebar{position:fixed;top:0;left:0;width:min(300px,84vw);z-index:60;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-lg)}.lab-sidebar[data-open=true]{transform:translate(0)}.lab-sidebar-scrim{position:fixed;inset:0;z-index:50;background:#090e1473;border:none}}@media(max-width:640px){.lab-main{padding:var(--space-4) var(--space-3)}.lab-page{gap:var(--space-4)}h1{font-size:22px}.lab-header{padding:0 var(--space-3);gap:var(--space-2)}.lab-header__tools{overflow-x:auto;scrollbar-width:none}.lab-header__tools::-webkit-scrollbar{display:none}}.lab-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.lab-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0}.lab-card__title{margin:0}.lab-card__description{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:13px;max-width:76ch}.lab-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.lab-card__anchor{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-decoration:none;flex:none}.lab-card__anchor:hover{color:var(--accent-text)}.lab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:13.5px;font-weight:550;cursor:pointer;transition:background var(--transition),border-color var(--transition);white-space:nowrap}.lab-btn:hover:not(:disabled){background:var(--bg-sunken)}.lab-btn:disabled{opacity:.5;cursor:not-allowed}.lab-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.lab-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.lab-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.lab-btn--danger:hover:not(:disabled){filter:brightness(1.08)}.lab-btn--ghost{background:transparent;border-color:transparent}.lab-btn--ghost:hover:not(:disabled){background:var(--bg-sunken)}.lab-btn--sm{padding:4px 10px;font-size:12.5px}.lab-btn--icon{padding:6px;width:32px;height:32px}.lab-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.lab-btn-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.lab-field{display:flex;flex-direction:column;gap:5px;min-width:0}.lab-field__label{font-size:13px;font-weight:600;color:var(--text-primary)}.lab-field__required{color:var(--danger);margin-left:2px}.lab-field__hint{font-size:12px;color:var(--text-muted)}.lab-field__error{font-size:12px;color:var(--danger);font-weight:550}.lab-input,.lab-select,.lab-textarea{width:100%;padding:7px 10px;font:inherit;font-size:13.5px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--transition)}.lab-input:focus,.lab-select:focus,.lab-textarea:focus{border-color:var(--accent)}.lab-input:disabled,.lab-select:disabled,.lab-textarea:disabled{background:var(--bg-sunken);color:var(--text-muted);cursor:not-allowed}.lab-input[readonly],.lab-textarea[readonly]{background:var(--bg-sunken)}.lab-input[aria-invalid=true]{border-color:var(--danger)}.lab-textarea{resize:vertical;min-height:84px;font-family:inherit}.lab-input--color{padding:2px;height:34px}.lab-input--range{padding:0;border:none;background:none}.lab-check{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}.lab-check input{width:15px;height:15px;cursor:pointer;margin:0;flex:none}.lab-check input:disabled{cursor:not-allowed}.lab-check:has(input:disabled){color:var(--text-muted);cursor:not-allowed}.lab-check-group{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.lab-check-group--stack{flex-direction:column;gap:var(--space-2)}.lab-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.lab-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.lab-grid--wide{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.lab-stack{display:flex;flex-direction:column;gap:var(--space-3)}.lab-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.lab-mirror{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:4px var(--space-3);padding:var(--space-3);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);font-size:13px}.lab-mirror dt{color:var(--text-secondary);font-weight:600}.lab-mirror dd{margin:0;font-family:var(--font-mono);font-size:12.5px;color:var(--text-primary);overflow-wrap:anywhere}.lab-mirror dd:empty:after{content:"—";color:var(--text-muted)}.lab-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.lab-badge--neutral{background:var(--bg-sunken);color:var(--text-secondary);border-color:var(--border)}.lab-badge--success{background:var(--success-soft);color:var(--success)}.lab-badge--danger{background:var(--danger-soft);color:var(--danger)}.lab-badge--warning{background:var(--warning-soft);color:var(--warning)}.lab-badge--info{background:var(--info-soft);color:var(--accent-text)}.lab-testid-badge{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);background:var(--bg-sunken);border:1px dashed var(--border-strong);font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary)}.lab-note{padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-inset);font-size:13px;color:var(--text-secondary)}.lab-note--info{background:var(--info-soft);border-color:transparent;color:var(--accent-text)}.lab-note--warning{background:var(--warning-soft);border-color:transparent;color:var(--warning)}.lab-note--danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.lab-note--success{background:var(--success-soft);border-color:transparent;color:var(--success)}.lab-note strong{color:inherit}.lab-empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:13px;border:1px dashed var(--border-strong);border-radius:var(--radius)}.lab-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.lab-table{width:100%;border-collapse:collapse;font-size:13.5px}.lab-table caption{padding:var(--space-3);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border)}.lab-table th,.lab-table td{padding:8px var(--space-3);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.lab-table thead th{background:var(--bg-sunken);font-weight:650;font-size:12.5px;color:var(--text-secondary);position:sticky;top:0}.lab-table tbody tr:hover{background:var(--bg-inset)}.lab-table tbody tr[aria-selected=true]{background:var(--accent-soft)}.lab-table tfoot td{background:var(--bg-sunken);font-weight:600}.lab-table__sort{background:none;border:none;padding:0;font:inherit;font-weight:650;color:inherit;cursor:pointer;display:inline-flex;gap:4px;align-items:center}.lab-table__num{text-align:right;font-variant-numeric:tabular-nums}.lab-log{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.lab-log__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-sunken)}.lab-log__title{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.lab-log__spacer{flex:1}.lab-log__list{margin:0;padding:0;list-style:none;max-height:260px;overflow-y:auto;font-family:var(--font-mono);font-size:12.5px}.lab-log__entry{display:flex;gap:var(--space-3);padding:5px var(--space-4);border-bottom:1px solid var(--border)}.lab-log__entry:last-child{border-bottom:none}.lab-log__time{color:var(--text-muted);flex:none}.lab-log__message{color:var(--text-primary);overflow-wrap:anywhere}.lab-log__entry[data-level=success] .lab-log__message{color:var(--success)}.lab-log__entry[data-level=error] .lab-log__message{color:var(--danger)}.lab-log__entry[data-level=warn] .lab-log__message{color:var(--warning)}.lab-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0a101780}.lab-modal{width:min(560px,100%);max-height:min(84vh,760px);display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.lab-modal--lg{width:min(760px,100%)}.lab-modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border)}.lab-modal__title{margin:0;flex:1;font-size:16px}.lab-modal__body{padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.lab-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--bg-sunken)}.lab-toasts{position:fixed;top:calc(var(--header-height) + var(--space-3));right:var(--space-4);z-index:200;display:flex;flex-direction:column;gap:var(--space-2);width:min(360px,calc(100vw - 32px))}.lab-toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-left-width:4px}.lab-toast[data-variant=success]{border-left-color:var(--success)}.lab-toast[data-variant=error]{border-left-color:var(--danger)}.lab-toast[data-variant=warning]{border-left-color:var(--warning)}.lab-toast[data-variant=info]{border-left-color:var(--info)}.lab-toast__body{flex:1;min-width:0}.lab-toast__title{font-weight:650;font-size:13.5px}.lab-toast__message{font-size:13px;color:var(--text-secondary)}.lab-spinner{width:20px;height:20px;border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:lab-spin .8s linear infinite;flex:none}.lab-spinner--lg{width:34px;height:34px;border-width:3.5px}@keyframes lab-spin{to{transform:rotate(360deg)}}.lab-skeleton{background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--bg-inset) 50%,var(--bg-sunken) 75%);background-size:200% 100%;animation:lab-shimmer 1.4s linear infinite;border-radius:var(--radius-sm);height:14px}@keyframes lab-shimmer{to{background-position:-200% 0}}.lab-progress-track{height:8px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--border);overflow:hidden}.lab-progress-fill{height:100%;background:var(--accent);transition:width var(--transition)}body[data-inspect=on] [data-testid]{outline:1px dashed rgba(31,111,235,.55);outline-offset:1px}body[data-inspect=on] [data-testid]:hover{outline:2px solid var(--accent);position:relative}body[data-inspect=on] [data-testid]:hover:after{content:attr(data-testid);position:absolute;bottom:100%;left:0;z-index:300;padding:2px 6px;border-radius:var(--radius-sm);background:#16202c;color:#fff;font-family:var(--font-mono);font-size:11px;white-space:nowrap;pointer-events:none}.lab-audit-badge{position:fixed;bottom:var(--space-3);right:var(--space-3);z-index:300;padding:3px 9px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary)}.lab-audit-badge[data-has-duplicates=true]{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.is-display-none{display:none}.is-visibility-hidden{visibility:hidden}.is-opacity-zero{opacity:0}.is-zero-size{width:0;height:0;overflow:hidden;display:inline-block}.is-offscreen{position:absolute;left:-9999px;top:auto}.is-no-pointer-events{pointer-events:none;opacity:.55}.is-covered{position:relative}.is-covering-overlay{position:absolute;inset:0;background:#1f6feb24;border:1px dashed var(--accent);border-radius:var(--radius)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.only-desktop{display:initial}.only-mobile{display:none}@media(max-width:767px){.only-desktop{display:none!important}.only-mobile{display:initial!important}}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-mono{font-family:var(--font-mono);font-size:12.5px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.flex-gap{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.lab-custom-select{position:relative;display:flex;flex-direction:column;gap:5px}.lab-custom-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);cursor:pointer;font-size:13.5px;-webkit-user-select:none;user-select:none}.lab-custom-select__trigger[aria-disabled=true]{background:var(--bg-sunken);color:var(--text-muted);cursor:not-allowed}.lab-custom-select__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;padding:var(--space-2);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.lab-custom-select__list{margin:var(--space-2) 0 0;padding:0;list-style:none;max-height:220px;overflow-y:auto}.lab-custom-select__menu>.lab-custom-select__list:first-child{margin-top:0}.lab-custom-select__option{padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px}.lab-custom-select__option[data-active=true]{background:var(--accent-soft);color:var(--accent-text)}.lab-custom-select__option[aria-selected=true]{font-weight:650}.lab-custom-select__empty{padding:6px 8px;color:var(--text-muted);font-size:13px}.lab-token{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:12.5px}.lab-token button{border:none;background:none;cursor:pointer;color:inherit;padding:0;font-size:13px;line-height:1}.lab-mouse-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:180px;padding:var(--space-4);border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-inset);-webkit-user-select:none;user-select:none;text-align:center}.lab-hover-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);min-height:130px}.lab-hover-card__reveal{margin:0;visibility:hidden;opacity:0;font-weight:650;color:var(--success);transition:opacity var(--transition)}.lab-hover-card:hover .lab-hover-card__reveal{visibility:visible;opacity:1}.lab-key-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-inset);text-align:center}.lab-key-area:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.lab-key-area__key{font-family:var(--font-mono);font-size:24px;font-weight:700;padding:6px 18px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border-strong);min-width:120px}.lab-dnd{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lab-dnd__panel{display:flex;flex-direction:column;gap:var(--space-2);min-height:200px;padding:var(--space-3);border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-inset)}.lab-dnd__panel h3{margin:0 0 var(--space-1);font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.lab-dnd__panel--drop[data-drop-state=over]{border-color:var(--accent);background:var(--accent-soft)}.lab-dnd__panel--drop[data-drop-state=dropped]{border-color:var(--success)}.lab-dnd__item{padding:8px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);cursor:grab;font-size:13.5px;-webkit-user-select:none;user-select:none}.lab-dnd__item[data-dragging=true]{opacity:.55;cursor:grabbing;border-color:var(--accent)}.lab-dnd__item--dropped{border-color:var(--success);background:var(--success-soft);cursor:default}.lab-sortable{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.lab-sortable__item{display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);cursor:grab;-webkit-user-select:none;user-select:none}.lab-sortable__item[data-lifted=true]{border-color:var(--accent);background:var(--accent-soft)}.lab-sortable__handle{color:var(--text-muted);cursor:grab}.lab-sortable__spacer{flex:1}.lab-tooltip{position:relative;display:inline-block}.lab-tooltip__trigger{display:inline-block}.lab-tooltip__bubble{position:absolute;z-index:40;padding:5px 10px;border-radius:var(--radius-sm);background:#16202c;color:#fff;font-size:12.5px;white-space:nowrap;pointer-events:none}:root[data-theme=dark] .lab-tooltip__bubble{background:#e8edf4;color:#0f141b}.lab-tooltip__bubble--top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.lab-tooltip__bubble--bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.lab-tooltip__bubble--left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.lab-tooltip__bubble--right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.lab-tooltip-row{display:flex;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-4) 0}.lab-tooltip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-5);padding:var(--space-5) var(--space-4);justify-items:center}.lab-sticky-bar{position:sticky;top:var(--header-height);z-index:20;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-size:13.5px}.lab-sticky-bar--bottom{top:auto;bottom:var(--space-3)}.lab-scroll-box{height:240px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-inset)}.lab-scroll-box__row{padding:8px var(--space-3);border-bottom:1px solid var(--border);font-size:13.5px}.lab-scroll-box__row:last-child{border-bottom:none}.lab-hscroll{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-inset)}.lab-hscroll__card{flex:0 0 160px;height:90px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);font-size:13.5px}.lab-long-list{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:6px}.lab-long-list__item{padding:4px 0;font-size:13.5px}.lab-pagination{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.lab-record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lab-record-list__item{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);font-size:13.5px}.lab-autocomplete{position:relative;max-width:420px}.lab-autocomplete__list{position:absolute;top:100%;left:0;right:0;z-index:30;margin:4px 0 0;padding:var(--space-1);list-style:none;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);max-height:260px;overflow-y:auto}.lab-autocomplete__option{padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px}.lab-autocomplete__option[data-active=true]{background:var(--accent-soft);color:var(--accent-text)}.lab-overlay-host{position:relative;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);min-height:110px;display:flex;align-items:center;justify-content:center}.lab-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:#f4f6f9db;border-radius:var(--radius)}:root[data-theme=dark] .lab-overlay{background:#0f141bdb}.lab-iframe{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius);background:#fff}.lab-tabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--border)}.lab-tabs__tab{padding:8px 16px;border:none;border-bottom:2px solid transparent;background:none;font:inherit;font-size:13.5px;font-weight:550;color:var(--text-secondary);cursor:pointer}.lab-tabs__tab:hover{color:var(--text-primary);background:var(--bg-sunken)}.lab-tabs__tab[aria-selected=true]{color:var(--accent-text);border-bottom-color:var(--accent)}.lab-tabs__panel{padding:var(--space-3) 0}.lab-accordion{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lab-accordion__item{border-bottom:1px solid var(--border)}.lab-accordion__item:last-child{border-bottom:none}.lab-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px var(--space-3);border:none;background:var(--bg-surface);font:inherit;font-size:13.5px;font-weight:550;text-align:left;cursor:pointer}.lab-accordion__trigger:hover{background:var(--bg-sunken)}.lab-accordion__panel{padding:10px var(--space-3);background:var(--bg-inset);font-size:13.5px}details{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);background:var(--bg-inset)}details+details{margin-top:var(--space-2)}summary{cursor:pointer;font-weight:600;font-size:13.5px}details>p{margin:var(--space-2) 0 0}.lab-menu-bar{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset)}.lab-menu-bar__item{padding:6px 14px;border:none;border-radius:var(--radius-sm);background:none;font:inherit;font-size:13.5px;color:var(--text-primary);cursor:pointer}.lab-menu-bar__item:hover,.lab-menu-bar__item[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-text)}.lab-menu{position:relative;display:inline-block}.lab-menu__panel{position:absolute;top:calc(100% + 4px);left:0;z-index:40;min-width:170px;padding:var(--space-1);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column}.lab-menu__panel--absolute{position:absolute;top:auto;left:auto}.lab-menu__item{padding:6px 10px;border:none;border-radius:var(--radius-sm);background:none;font:inherit;font-size:13.5px;color:var(--text-primary);text-align:left;cursor:pointer}.lab-menu__item:hover{background:var(--bg-sunken)}.lab-menu__item--danger{color:var(--danger)}.lab-menu__separator{height:1px;margin:var(--space-1) 0;background:var(--border)}.lab-context-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:180px;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-inset);text-align:center}.lab-figure{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.lab-figure img{max-width:100%;height:auto;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-inset)}.lab-figure figcaption{font-size:12.5px;color:var(--text-secondary)}.lab-video{width:100%;max-width:560px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#000}audio{width:100%;max-width:480px}.lab-canvas{max-width:100%;border:1px solid var(--border-strong);border-radius:var(--radius);cursor:crosshair;background:#fff;touch-action:none}.lab-svg{max-width:100%;height:auto;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-inset)}.lab-editable{min-height:90px;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);font-size:14px;line-height:1.6}.lab-editable:focus-visible{border-color:var(--accent)}.lab-editable--locked{background:var(--bg-sunken);color:var(--text-secondary);min-height:0}.lab-editable--rich{min-height:190px}.lab-editable--rich h1{font-size:22px}.lab-editable--rich h2{font-size:18px}.lab-editable--rich ul,.lab-editable--rich ol{padding-left:var(--space-5)}.lab-editor-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset)}.lab-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:160px;padding:var(--space-4);border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-inset);cursor:pointer;text-align:center}.lab-dropzone[data-drag-state=over]{border-color:var(--accent);background:var(--accent-soft)}.lab-dropzone[data-drag-state=dropped]{border-color:var(--success)}.lab-upload-preview{max-width:320px;max-height:240px;border:1px solid var(--border-strong);border-radius:var(--radius)}.lab-calendar{display:inline-block;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-inset)}.lab-calendar__header{font-weight:650;margin-bottom:var(--space-3);text-align:center}.lab-calendar__grid{display:grid;grid-template-columns:repeat(7,38px);gap:4px}.lab-calendar__weekday{text-align:center;font-size:11.5px;font-weight:650;color:var(--text-muted)}.lab-calendar__blank{height:34px}.lab-calendar__day{height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);font:inherit;font-size:13px;cursor:pointer}.lab-calendar__day:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.lab-calendar__day:disabled{background:var(--bg-sunken);color:var(--text-muted);cursor:not-allowed;text-decoration:line-through}.lab-calendar__day[data-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}.lab-state-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.lab-state-row:last-child{border-bottom:none}.lab-css-sample{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);font-size:13.5px}.lab-responsive-nav{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);background:var(--bg-inset)}.lab-responsive-nav__toggle{display:none}.lab-responsive-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.lab-responsive-nav__item{padding:6px 12px;border:none;border-radius:var(--radius-sm);background:none;font:inherit;font-size:13.5px;color:var(--text-primary);cursor:pointer}.lab-responsive-nav__item:hover{background:var(--accent-soft);color:var(--accent-text)}@media(max-width:767px){.lab-responsive-nav__toggle{display:inline-flex}.lab-responsive-nav__list{display:none;flex-direction:column;margin-top:var(--space-2)}.lab-responsive-nav[data-open=true] .lab-responsive-nav__list{display:flex}}.lab-reflow{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lab-reflow__panel{flex:1 1 200px;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-inset);font-size:13.5px}.lab-reflow__panel--a{order:1}.lab-reflow__panel--b{order:2}.lab-reflow__panel--c{order:3}@media(max-width:767px){.lab-reflow{flex-direction:column}.lab-reflow__panel--a{order:3}.lab-reflow__panel--c{order:1}}.lab-nest-root{overflow-x:auto}.lab-nest{display:block;padding:8px 8px 8px 14px;border-left:2px solid var(--border-strong);margin-left:6px}.lab-nest__label{display:inline-block;margin-bottom:4px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted)}.lab-sibling-group{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset)}.lab-challenge{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.lab-challenge:last-child{border-bottom:none}.lab-challenge__title{margin:0 0 4px;font-size:14px}.lab-challenge__brief{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:13px}.lab-challenge__body{padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-inset)}.lab-challenge__body .btn{padding:5px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);font:inherit;font-size:13px;cursor:pointer}.lab-challenge__body .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.lab-challenge__body .btn.danger{color:var(--danger);border-color:var(--danger)}.lab-challenge__body button:not(.btn):not(.icon-btn){padding:5px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);font:inherit;font-size:13px;cursor:pointer}.lab-challenge__body .icon-btn{width:32px;height:32px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);font-size:15px;cursor:pointer}.lab-challenge__body .inp{padding:6px 9px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-size:13px}.lab-challenge__body label{display:block;font-size:12.5px;font-weight:600;margin-bottom:3px}.lab-challenge__body .muted{color:var(--text-muted);font-size:13px}.challenge-rows{display:flex;flex-direction:column;gap:var(--space-2)}.challenge-row{display:flex;align-items:center;gap:var(--space-3)}.challenge-row__name{min-width:90px;font-size:13.5px}.challenge-groups{display:flex;gap:var(--space-5);flex-wrap:wrap}.challenge-groups h4{margin:0 0 var(--space-1);font-size:13px}.challenge-groups ul{margin:0;padding-left:var(--space-4);font-size:13.5px}.challenge-cards{display:flex;gap:var(--space-3);flex-wrap:wrap}.challenge-cards .card{padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);font-size:13.5px}.challenge-table{border-collapse:collapse;font-size:13.5px}.challenge-table th,.challenge-table td{padding:6px 12px;border-bottom:1px solid var(--border);text-align:left}.challenge-fields{display:flex;gap:var(--space-4);flex-wrap:wrap}.challenge-icons{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.lab-link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}.lab-assertion-table td{white-space:normal;vertical-align:top}.lab-assertion-table td:first-child,.lab-assertion-table td:nth-child(2){white-space:nowrap}.lab-index-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);text-decoration:none;color:var(--text-primary);font-size:13.5px}.lab-index-card:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary)}.lab-index-card code{background:none;border:none;padding:0;font-size:12px}