.dt-bench{--dt-red: oklch(.5 .17 27);--dt-red-bg: oklch(.965 .025 25);--dt-red-bg-2: oklch(.91 .065 25);--dt-green-bg: oklch(.958 .04 160);--dt-green-bg-2: oklch(.89 .085 160);--dt-amber: oklch(.5 .11 70);--dt-amber-bg: oklch(.965 .04 85);--dt-bar-h: 3.25rem;--dt-body-h: clamp(26rem, 64vh, 46rem);position:relative;display:grid;grid-template-rows:auto 1fr auto;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-window);overflow:clip;isolation:isolate}.dt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);min-height:var(--dt-bar-h);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);background:var(--page)}.dt-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.dt-sep{width:1px;height:1.5rem;background:var(--line)}.dt-spacer{flex:1 1 0}.dt-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;padding:0 .75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:600 .875rem/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:transform .14s var(--ease-out),background-color .16s ease,color .16s ease,box-shadow .16s ease}.dt-btn svg{width:1rem;height:1rem;flex:none}.dt-btn:active:not(:disabled){transform:scale(.97)}.dt-btn:focus-visible{outline:2px solid var(--emerald-deep);outline-offset:1px}.dt-btn:disabled{color:var(--ink-3);opacity:.55;cursor:not-allowed}.dt-btn.is-primary{background:var(--emerald-deep);color:#fff;box-shadow:inset 0 1px #fff3}.dt-btn.is-line{box-shadow:inset 0 0 0 1px var(--line-strong);background:#fff}.dt-btn[aria-pressed=true],.dt-btn[aria-expanded=true]{background:var(--mint);color:var(--emerald-ink)}.dt-btn.is-icon{width:2.25rem;padding:0}@media(hover:hover)and (pointer:fine){.dt-btn:hover:not(:disabled):not(.is-primary){background:var(--page-2)}.dt-btn.is-line:hover:not(:disabled){background:#fff;box-shadow:inset 0 0 0 1px var(--ink-3)}.dt-btn.is-primary:hover:not(:disabled){background:oklch(.46 .11 165)}.dt-btn[aria-pressed=true]:hover{background:var(--mint)}}.dt-seg{display:inline-flex;padding:2px;border:0;margin:0;border-radius:var(--radius-sm);background:var(--page-2);box-shadow:inset 0 0 0 1px var(--line)}.dt-seg legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dt-seg label{position:relative;display:inline-flex}.dt-seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.dt-seg span{display:inline-flex;align-items:center;min-height:2rem;padding:0 .65rem;border-radius:8px;font:600 .8125rem/1 var(--font-body);color:var(--ink-2);white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.dt-seg input:checked+span{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line-strong),0 2px 6px -3px oklch(.25 .05 178 / .35)}.dt-seg input:focus-visible+span{outline:2px solid var(--emerald-deep);outline-offset:1px}@media(hover:hover)and (pointer:fine){.dt-seg input:not(:checked):hover+span{color:var(--ink)}}.dt-select,.dt-input{min-height:2.25rem;padding:0 .6rem;border:0;border-radius:var(--radius-sm);background:#fff;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);font:500 .875rem/1.2 var(--font-body)}.dt-select{padding-right:1.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23415450' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;cursor:pointer}.dt-input::-moz-placeholder{color:var(--ink-3)}.dt-input::placeholder{color:var(--ink-3)}.dt-select:focus-visible,.dt-input:focus-visible{outline:2px solid var(--emerald-deep);outline-offset:1px}.dt-field{display:inline-flex;align-items:center;gap:.45rem;font:500 .8125rem/1.2 var(--font-body);color:var(--ink-2)}.dt-check{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;font:500 .8125rem/1.2 var(--font-body);color:var(--ink-2);cursor:pointer}.dt-check input{width:1rem;height:1rem;margin:0;accent-color:var(--emerald-deep)}.dt-kbd{display:inline-block;min-width:1.4em;padding:.1em .4em;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 -1px 0 var(--line-strong);font:600 .75rem/1.4 var(--font-body);color:var(--ink-2);text-align:center}.dt-body{position:relative;display:grid;min-height:0;height:var(--dt-body-h)}.dt-pane{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0}.dt-pane+.dt-pane{border-left:1px solid var(--line)}.dt-pane-head{display:flex;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--line);font:600 .8125rem/1.2 var(--font-body);color:var(--ink-2)}.dt-pane-head h2,.dt-pane-head h3{font:inherit;letter-spacing:0;color:var(--ink)}.dt-pane-head .dt-btn{min-height:2rem;font-size:.8125rem}.dt-pane-head .dt-meta{font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.dt-tabs{display:flex;min-width:0;align-self:stretch;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.dt-tab{position:relative;display:inline-flex;align-items:center;padding:0 .6rem;border:0;background:none;color:var(--ink-3);font:600 .8125rem/1 var(--font-body);white-space:nowrap;cursor:pointer}.dt-tab:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:-1px;height:2px;border-radius:2px;background:var(--emerald-deep);transform:scaleX(0);transition:transform .22s var(--ease-out)}.dt-tab[aria-selected=true]{color:var(--ink)}.dt-tab[aria-selected=true]:after{transform:scaleX(1)}.dt-tab:focus-visible{outline:2px solid var(--emerald-deep);outline-offset:-4px;border-radius:8px}@media(hover:hover)and (pointer:fine){.dt-tab:hover{color:var(--ink)}}.dt-editor{position:relative;min-width:0;min-height:0;overflow:hidden}.dt-editor>textarea{display:block;width:100%;height:100%;padding:10px 12px 10px 3.6rem;border:0;resize:none;background:linear-gradient(to right,var(--page) 0 3rem,var(--line) 3rem calc(3rem + 1px),#fff calc(3rem + 1px));color:var(--ink);font:13px/1.6 var(--font-mono);white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.dt-editor>textarea:focus{outline:none}.dt-editor .cm-editor{height:100%}.dt-editor[data-over]:after{content:"";position:absolute;inset:6px;border:2px dashed var(--emerald-ink);border-radius:var(--radius-md);background:#d5f6e68c;pointer-events:none;z-index:5}.dt-empty{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;pointer-events:none}.dt-empty[hidden]{display:none}.dt-empty>*{pointer-events:auto}.dt-empty .dt-empty-title{font:650 1.125rem/1.3 var(--font-display);letter-spacing:-.01em;color:var(--ink);pointer-events:none}.dt-empty .dt-empty-hint{max-width:36ch;font-size:.875rem;color:var(--ink-3);pointer-events:none}.dt-empty .dt-group{justify-content:center}.dt-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);min-height:2.5rem;padding:var(--space-2) var(--space-4);border-top:1px solid var(--line);background:var(--page);font:500 .8125rem/1.35 var(--font-body);color:var(--ink-2);font-variant-numeric:tabular-nums}.dt-say{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.dt-say:before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--line-strong)}.dt-say[data-tone=ok]:before{background:var(--emerald)}.dt-say[data-tone=error]{color:var(--dt-red)}.dt-say[data-tone=error]:before{background:var(--dt-red)}.dt-say[data-tone=warn]:before{background:#e49e22}.dt-say[data-tone=busy]:before{background:var(--emerald);animation:dt-pulse 1s ease-in-out infinite alternate}.dt-say .dt-btn{min-height:1.75rem;padding:0 .55rem;font-size:.8125rem}.dt-facts{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;color:var(--ink-3)}.dt-facts b{font-weight:600;color:var(--ink-2)}@keyframes dt-pulse{to{opacity:.35}}.dt-progress{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:var(--space-3);background:#ffffffdb;text-align:center}.dt-progress[hidden]{display:none}.dt-progress p{font:600 .9375rem/1.35 var(--font-body);color:var(--ink)}.dt-progress small{font-size:.8125rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.dt-track{width:min(22rem,70vw);height:6px;border-radius:99px;background:var(--page-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.dt-track>i{display:block;height:100%;border-radius:inherit;background:var(--emerald-deep);transform-origin:left;transform:scaleX(var(--p, 0));transition:transform .16s linear}.dt-track[data-indeterminate]>i{width:35%;transform:none;animation:dt-slide 1.1s var(--ease-in-out) infinite}@keyframes dt-slide{0%{transform:translate(-100%)}to{transform:translate(290%)}}.dt-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:var(--dt-amber-bg);font-size:.8125rem;color:var(--ink)}.dt-note[hidden]{display:none}.dt-note[data-tone=error]{background:var(--dt-red-bg)}.dt-note[data-tone=ok]{background:var(--mint)}.dt-note .dt-btn{min-height:1.85rem;font-size:.8125rem}.dt-menu{position:fixed;inset:auto;margin:0;min-width:13rem;max-width:min(22rem,calc(100vw - 1rem));max-height:min(70vh,30rem);padding:var(--space-1);border:0;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-float);color:var(--ink);overflow:auto}.dt-menu:popover-open{display:grid;gap:1px}.dt-menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:2.25rem;padding:0 .7rem;border:0;border-radius:8px;background:none;color:var(--ink);font:500 .875rem/1.2 var(--font-body);text-align:left;cursor:pointer}.dt-menu-item small{color:var(--ink-3);font-weight:500}.dt-menu-item:focus-visible{outline:2px solid var(--emerald-deep);outline-offset:-2px}.dt-menu-item:disabled{color:var(--ink-3);cursor:not-allowed}.dt-menu hr{margin:var(--space-1) 0;border:0;border-top:1px solid var(--line)}.dt-menu-label{padding:var(--space-2) .7rem var(--space-1);font:600 .75rem/1.2 var(--font-body);color:var(--ink-3)}@media(hover:hover)and (pointer:fine){.dt-menu-item:hover:not(:disabled){background:var(--page-2)}}.dt-toast{position:fixed;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:var(--z-toast);display:inline-flex;align-items:center;gap:.5rem;max-width:calc(100vw - 2rem);padding:.65rem 1rem;border-radius:var(--radius-pill);background:var(--night);color:var(--on-night);box-shadow:var(--shadow-float);font:600 .875rem/1.3 var(--font-body);transform:translate(-50%);transition:opacity .18s ease,transform .26s var(--ease-out)}.dt-toast[data-hidden]{opacity:0;transform:translate(-50%,.75rem);pointer-events:none}.dt-toast[data-tone=error]{background:var(--dt-red, oklch(.5 .17 27));color:#fff}.dt-dialog{width:min(32rem,calc(100vw - 2rem));padding:var(--space-6);border:0;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-window);color:var(--ink)}.dt-dialog::backdrop{background:#0e241f59}.dt-dialog h2{margin-bottom:var(--space-4);font-size:var(--step-1);letter-spacing:-.015em}.dt-dialog dl{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-5);margin:0;font-size:.875rem}.dt-dialog dt{color:var(--ink-2)}.dt-dialog dd{display:flex;gap:.25rem;justify-content:flex-end;margin:0}.dt-dialog form{display:flex;justify-content:flex-end;margin-top:var(--space-5)}.dt-under{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);margin-top:var(--space-4);font-size:.875rem;color:var(--ink-3)}.dt-under button{padding:0;border:0;background:none;color:var(--emerald-ink);font:600 .875rem/1.3 var(--font-body);cursor:pointer;text-decoration:underline;text-decoration-color:oklch(.49 .11 165 / .35);text-underline-offset:.18em}.dt-under button:focus-visible{outline:2px solid var(--emerald-deep);outline-offset:2px}@media(max-width:860px){.dt-bench{--dt-body-h: auto;border-radius:var(--radius-md)}.dt-bar{padding:var(--space-2)}.dt-pane+.dt-pane{border-left:0;border-top:1px solid var(--line)}.dt-hide-sm{display:none!important}}@media(prefers-reduced-motion:reduce){.dt-bench *,.dt-toast{transition-duration:0ms!important;animation-duration:0ms!important}.dt-track[data-indeterminate]>i{animation:none;width:100%;opacity:.5}}