.cs-tb{gap:var(--cs-space-5);flex-direction:column;display:flex}.cs-tb__controls{justify-content:space-between;align-items:flex-end;gap:var(--cs-space-4);padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl);flex-wrap:wrap;display:flex}.cs-tb__label{margin-bottom:var(--cs-space-2);font-size:var(--cs-text-xs);text-transform:uppercase;letter-spacing:var(--cs-tracking-wide);color:var(--cs-text-muted);display:block}.cs-tb__list{gap:var(--cs-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cs-tb__list li{align-items:center;gap:2px;display:flex}.cs-tb__chip{align-items:center;gap:var(--cs-space-2);min-height:38px;padding:0 var(--cs-space-3);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);font-size:var(--cs-text-xs);cursor:pointer;display:inline-flex}.cs-tb__lead{border-radius:var(--cs-radius-pill);text-transform:uppercase;letter-spacing:.06em;border:1px solid;padding:1px 6px;font-size:.625rem}.cs-tb__remove{width:22px;height:22px;color:var(--cs-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;font-size:1rem;line-height:1}.cs-tb__remove:hover{color:var(--cs-text-strong)}.cs-tb__hint{margin:var(--cs-space-2) 0 0;font-size:var(--cs-text-xs);color:var(--cs-text-muted)}.cs-tb__lock{align-items:flex-start;gap:var(--cs-space-2);margin-top:var(--cs-space-3);max-width:34rem;font-size:var(--cs-text-xs);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary);cursor:pointer;display:flex}.cs-tb__lock input{accent-color:var(--cs-accent);margin-top:.2em}.cs-tb__add{gap:var(--cs-space-2);flex-wrap:wrap;display:flex}.cs-tb__input{width:9rem;min-height:var(--cs-touch-target);padding-inline:var(--cs-space-3);background:var(--cs-inset);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);color:var(--cs-text-strong);outline:none}.cs-tb__input:focus-visible{border-color:var(--cs-accent)}.cs-tb__stagebar{justify-content:space-between;align-items:center;gap:var(--cs-space-3);margin-bottom:var(--cs-space-3);flex-wrap:wrap;display:flex}.cs-tb__stagetitle{font-size:var(--cs-text-base)}.cs-tb__modes{gap:var(--cs-space-2);display:flex}.cs-tb__mode{min-height:36px;padding:0 var(--cs-space-4);background:var(--cs-fill-subtle);border:1px solid var(--cs-border);border-radius:var(--cs-radius-pill);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer}.cs-tb__mode.is-active{background:var(--cs-fill-hover);border-color:var(--cs-border-hover);color:var(--cs-text-strong)}.cs-tb__mock{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-lg);background:var(--t-background);color:var(--t-text);transition:background var(--cs-duration-base) var(--cs-ease);overflow:hidden}.cs-tb__mocknav{padding:var(--cs-space-3) var(--cs-space-5);background:var(--t-surface);border-bottom:1px solid var(--t-border);justify-content:space-between;align-items:center;display:flex}.cs-tb__mockbrand{color:var(--t-primary);font-weight:700}.cs-tb__mocklinks{gap:var(--cs-space-2) var(--cs-space-4);font-size:var(--cs-text-sm);color:var(--t-text-muted);flex-wrap:wrap;display:flex}.cs-tb__mocklink--active{color:var(--t-link);text-underline-offset:4px;text-decoration:underline}.cs-tb__mockbody{gap:var(--cs-space-4);padding:var(--cs-space-5);display:grid}@media (width>=760px){.cs-tb__mockbody{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-tb__mockcard{padding:var(--cs-space-5);background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--cs-radius-md)}.cs-tb__mockcard h4{margin:0 0 var(--cs-space-2);font-size:var(--cs-text-md);color:var(--t-text)}.cs-tb__mockcard p{margin:0 0 var(--cs-space-3);font-size:var(--cs-text-sm);color:var(--t-text);line-height:1.55}.cs-tb__mockcard a{color:var(--t-link);text-underline-offset:3px;cursor:pointer;text-decoration:underline}.cs-tb__mockmuted{color:var(--t-text-muted)!important}.cs-tb__mockactions{gap:var(--cs-space-2);display:flex}.cs-tb__mockprimary{min-height:38px;padding:0 var(--cs-space-4);background:var(--t-primary);border-radius:var(--cs-radius-sm);color:var(--t-on-primary);font-size:var(--cs-text-sm);cursor:pointer;border:none;font-weight:600}.cs-tb__mockprimary:hover{background:var(--t-primary-hover)}.cs-tb__mockprimary:focus-visible{outline:2px solid var(--t-focus);outline-offset:2px}.cs-tb__mockghost{min-height:38px;padding:0 var(--cs-space-4);border:1px solid var(--t-border-strong);border-radius:var(--cs-radius-sm);color:var(--t-text);font-size:var(--cs-text-sm);cursor:pointer;background:0 0}.cs-tb__mockfield{gap:var(--cs-space-1);margin-bottom:var(--cs-space-4);font-size:var(--cs-text-sm);color:var(--t-text-muted);flex-direction:column;display:flex}.cs-tb__mockinput{padding:var(--cs-space-2) var(--cs-space-3);background:var(--t-background);border:1px solid var(--t-border-strong);border-radius:var(--cs-radius-sm);color:var(--t-text);font-size:var(--cs-text-sm)}.cs-tb__mockstatus{font-size:var(--cs-text-sm);font-weight:500;margin:0 0 var(--cs-space-2)!important}.cs-tb__mockstatus:before{content:"";border-radius:50%;width:.55em;height:.55em;margin-right:.5em;display:inline-block}.cs-tb__mockstatus--success:before{background:var(--t-success)}.cs-tb__mockstatus--warning:before{background:var(--t-warning)}.cs-tb__mockstatus--danger:before{background:var(--t-danger)}.cs-tb__tokens{padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl)}.cs-tb__tokenshead{justify-content:space-between;align-items:baseline;gap:var(--cs-space-2);margin:0 0 var(--cs-space-3);font-size:var(--cs-text-base);flex-wrap:wrap;display:flex}.cs-tb__tokenshint{font-size:var(--cs-text-xs);color:var(--cs-text-muted);font-weight:400}.cs-tb__tokenswrap{overflow-x:auto}.cs-tb__tokens table{border-collapse:collapse;width:100%}.cs-tb__tokens thead th{padding:var(--cs-space-2);font-size:var(--cs-text-xs);text-align:left;color:var(--cs-text-muted);border-bottom:1px solid var(--cs-border-strong);font-weight:500}.cs-tb__tokens tbody th,.cs-tb__tokens td{padding:var(--cs-space-2);text-align:left;border-bottom:1px solid var(--cs-border);vertical-align:top}.cs-tb__swatch{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-sm);width:34px;height:26px;display:block}.cs-tb__note{max-width:22rem;font-size:var(--cs-text-xs);color:var(--cs-text-muted);font-weight:400;display:block}.cs-tb__copy{background:var(--cs-fill-subtle);border:1px solid var(--cs-border);border-radius:var(--cs-radius-sm);color:var(--cs-text);font-size:var(--cs-text-sm);cursor:pointer;padding:.2rem .5rem;position:relative}.cs-tb__copy:hover{background:var(--cs-fill-hover);color:var(--cs-text-strong)}.cs-tb__ratio{font-size:var(--cs-text-sm);color:var(--cs-text-secondary);white-space:nowrap}.cs-tb__check{display:block}.cs-tb__check--miss{color:#ff8c82;font-weight:600}:root[data-theme=light] .cs-tb__check--miss{color:#b3261e}.cs-tb__needs{font-family:var(--cs-font-sans);font-weight:500}.cs-tb__misses{margin:0 0 var(--cs-space-4);max-width:38rem;font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}.cs-tb__ratio--none{color:var(--cs-text-faint)}.cs-tb__export{background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-xl);overflow:hidden}.cs-tb__formats{gap:var(--cs-space-2);padding:var(--cs-space-4);border-bottom:1px solid var(--cs-border);flex-wrap:wrap;display:flex}.cs-tb__format{min-height:36px;padding:0 var(--cs-space-3);background:var(--cs-fill-subtle);border:1px solid var(--cs-border);border-radius:var(--cs-radius-pill);color:var(--cs-text-secondary);font-size:var(--cs-text-sm);cursor:pointer}.cs-tb__format.is-active{background:var(--cs-fill-hover);border-color:var(--cs-border-hover);color:var(--cs-text-strong)}.cs-tb__copyall{margin-left:auto}.cs-tb__code{padding:var(--cs-space-4);background:var(--cs-inset);max-height:26rem;color:var(--cs-text);font-family:var(--cs-font-mono);font-size:var(--cs-text-sm);line-height:var(--cs-leading-normal);margin:0;overflow:auto}@media (width<=640px){.cs-tb__note{display:none}}.cs-toolhead[data-astro-cid-3dj73tzq]{gap:var(--cs-space-4);padding-block:var(--cs-space-4) var(--cs-space-6);flex-direction:column;display:flex}.cs-toolhead[data-astro-cid-3dj73tzq] h1[data-astro-cid-3dj73tzq]{font-size:var(--cs-text-xl);letter-spacing:var(--cs-tracking-tight)}@media (width>=768px){.cs-toolhead[data-astro-cid-3dj73tzq] h1[data-astro-cid-3dj73tzq]{font-size:var(--cs-text-2xl)}}.cs-answer[data-astro-cid-3dj73tzq]{font-size:var(--cs-text-md);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary);max-width:38rem}.cs-tb-mount[data-astro-cid-3dj73tzq]{margin-bottom:var(--cs-space-8)}.cs-tb-prose[data-astro-cid-3dj73tzq]{padding:0 var(--cs-space-4) var(--cs-space-5)}.cs-tb-remap[data-astro-cid-3dj73tzq]{gap:var(--cs-space-5);margin:0;padding:0;list-style:none;display:grid}@media (width>=860px){.cs-tb-remap[data-astro-cid-3dj73tzq]{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-tb-remap[data-astro-cid-3dj73tzq] h3[data-astro-cid-3dj73tzq]{font-size:var(--cs-text-base);margin-bottom:var(--cs-space-2)}.cs-tb-remap[data-astro-cid-3dj73tzq] p[data-astro-cid-3dj73tzq]{max-width:34rem;font-size:var(--cs-text-sm);line-height:var(--cs-leading-relaxed);color:var(--cs-text-secondary)}