@layer reset,tokens,base,layout;@layer components{.tl-brand-line{display:block}.tl-console{background:var(--tt-flow) top / 100% 2px no-repeat, radial-gradient(36rem 18rem at 0% 0%, color-mix(in oklch, var(--tt-accent) 14%, transparent), transparent 70%), color-mix(in oklch, var(--tt-surface) 86%, transparent);clip-path:var(--tt-cut-path);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;display:grid;position:relative}.tl-inputs{align-content:start;gap:var(--tt-space-4);padding:var(--tt-space-5) var(--tt-space-6) var(--tt-space-6);display:grid}.tl-fields{gap:var(--tt-space-4) var(--tt-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tl-field{grid-template-rows:auto auto 1fr;align-content:start;gap:.3rem;display:grid}.tl-field--wide{grid-column:1/-1}.tl-label{font:700 .66rem / 1.2 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tt-text)}.tl-hint{font:500 .78rem / 1.3 var(--tt-font-ui);color:var(--tt-text-dim)}.tl-field input{width:100%;min-height:3rem;font:800 1.35rem / 1 var(--tt-font-ui);font-variant-numeric:tabular-nums;color:var(--tt-text);background:color-mix(in oklch, var(--tt-bg) 70%, transparent);border:1px solid var(--tt-hairline);clip-path:var(--tt-cut-path-sm);transition:border-color var(--tt-dur-1) var(--tt-ease-out), background-color var(--tt-dur-1) var(--tt-ease-out);border-radius:0;margin-top:.2rem;padding:.45rem .85rem}.tl-field>.tl-label+input{grid-row:3}.tl-field input:hover{border-color:var(--tt-border)}.tl-field input:focus-visible{border-color:var(--tt-accent-2);background:color-mix(in oklch, var(--tt-accent-2) 10%, var(--tt-bg));box-shadow:inset 0 0 0 1px var(--tt-accent-2);outline:none}.tl-out{align-content:center;gap:var(--tt-space-4) var(--tt-space-4);padding:var(--tt-space-6);background:color-mix(in oklch, var(--tt-text) 4%, transparent);border-left:1px solid var(--tt-hairline);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.tl-read{align-content:start;gap:.45rem;min-width:0;display:grid}.tl-read dt{font:700 .62rem / 1.25 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tt-text-dim)}.tl-read dd{margin:0}.tl-read output{white-space:nowrap;color:var(--tt-text);font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);line-height:1}.tl-read--lead{padding-bottom:var(--tt-space-4);border-bottom:1px solid var(--tt-hairline);grid-column:1/-1}.tl-read--lead dt{color:color-mix(in oklch, var(--tt-accent-2) 62%, var(--tt-text))}.tl-read--lead output{font-size:clamp(3.6rem,2.6rem + 3.6vw,6rem);line-height:.84}.tl-convert{gap:var(--tt-space-4);padding:var(--tt-space-5) var(--tt-space-6);background:radial-gradient(30rem 14rem at 100% 0%, color-mix(in oklch, var(--tt-accent-2) 8%, transparent), transparent 70%), color-mix(in oklch, var(--tt-surface) 86%, transparent);clip-path:var(--tt-cut-path);display:grid}.tl-pair{align-items:end;gap:var(--tt-space-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.tl-pair .tl-field{grid-template-rows:auto 1fr}.tl-pair .tl-field>.tl-label+input{grid-row:2}.tl-swap{width:1.6rem;height:1.6rem;color:color-mix(in oklch, var(--tt-accent-2) 62%, var(--tt-text));margin-bottom:.7rem}.tl-convert-note{color:var(--tt-text-dim);margin:0;font-size:.86rem}.tl-eq{font:400 1.02rem / 1.5 var(--tt-font-typing);color:var(--tt-text);margin:0}.tl-after{max-width:none}.tl-measure-text{max-width:60ch;line-height:1.6}.tl-measure-text a{color:var(--tt-text)}@media (width<=64rem){.tl-console{grid-template-columns:minmax(0,1fr)}.tl-out{border-left:0;border-top:1px solid var(--tt-hairline)}}@media (width<=40rem){.tl-inputs,.tl-out,.tl-convert{padding:var(--tt-space-4)}.tl-fields{gap:var(--tt-space-3)}.tl-out{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-read:last-child{grid-column:1/-1}.tl-pair{gap:var(--tt-space-3);grid-template-columns:minmax(0,1fr)}.tl-swap{display:none}}.tl-units{border:0;min-width:0;margin:0;padding:0}.tl-units>legend{margin-bottom:.5rem;padding:0}.tl-segments{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.tl-segment{display:grid;position:relative}.tl-segment input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tl-segment span{min-height:2.75rem;font:700 .72rem / 1.2 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-bg) 70%, transparent);box-shadow:inset 0 0 0 1px var(--tt-hairline);clip-path:var(--tt-cut-path-sm);transition:color var(--tt-dur-1) var(--tt-ease-out), background-color var(--tt-dur-1) var(--tt-ease-out);place-items:center;padding:.4rem .6rem;display:grid}.tl-segment:hover span{color:var(--tt-text)}.tl-segment input:checked+span{color:var(--tt-accent-contrast);background:var(--tt-accent);box-shadow:none}.tl-segment input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--tt-accent-2)}.tl-segment input:checked:focus-visible+span{box-shadow:inset 0 0 0 2px var(--tt-accent-contrast)}.tl-error{min-height:1.35em;color:var(--tt-error);margin:0;font-size:.86rem;line-height:1.35}.tl-field input[aria-invalid=true]{border-color:var(--tt-error)}.tl-out--stack{padding-block:var(--tt-space-4);grid-template-columns:minmax(0,1fr);align-content:stretch;gap:0}.tl-out--stack .tl-read{padding-block:var(--tt-space-4);align-content:center}.tl-out--stack .tl-read+.tl-read{border-top:1px solid var(--tt-hairline)}.tl-out--stack .tl-read output{font-size:clamp(2.2rem,1.6rem + 2.2vw,3.3rem);line-height:.9}.tl-read[data-source] output{color:var(--tt-text-dim)}.tl-read[data-source] dt:after{content:" · your input"}.tl-table-wrap{overflow-x:auto}.tl-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tl-table th,.tl-table td{text-align:right;border-bottom:1px solid var(--tt-hairline);padding:.62rem .9rem}.tl-table thead th{font:700 .64rem / 1.25 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim)}.tl-table tbody th,.tl-table tbody td{font:700 1.02rem / 1.2 var(--tt-font-ui);color:var(--tt-text)}.tl-table tbody th{color:color-mix(in oklch, var(--tt-accent-2) 62%, var(--tt-text))}.tl-table tbody tr:last-child>*{border-bottom:0}.tl-prose p{max-width:72ch;color:color-mix(in oklch, var(--tt-text) 82%, var(--tt-text-dim));margin:0;line-height:1.65}.tl-limits kbd{font:500 .85em / 1.4 var(--tt-font-typing);color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 8%, transparent);border:1px solid var(--tt-hairline);border-radius:0;padding:.05rem .4rem}@media (width<=40rem){.tl-out--stack{grid-template-columns:minmax(0,1fr)}.tl-out--stack .tl-read:last-child{grid-column:auto}.tl-table th,.tl-table td{padding:.55rem .5rem}}.kt{gap:var(--tt-space-4);padding:var(--tt-space-4) var(--tt-space-6) var(--tt-space-6);background:var(--tt-flow) top / 100% 2px no-repeat, radial-gradient(40rem 18rem at 0% 0%, color-mix(in oklch, var(--tt-accent) 12%, transparent), transparent 70%), color-mix(in oklch, var(--tt-surface) 86%, transparent);clip-path:var(--tt-cut-path);display:grid}.kt>*{min-width:0}.kt-bar{gap:var(--tt-space-3);display:grid}.kt-controls{align-items:end;gap:var(--tt-space-3) var(--tt-space-4);flex-wrap:wrap;display:flex}.kt-control{flex:13rem;max-width:18rem}.kt-control--narrow{flex:0 10rem}.kt-control select{width:100%;min-height:3rem;font:600 .95rem / 1.2 var(--tt-font-ui);color:var(--tt-text);background-color:color-mix(in oklch, var(--tt-bg) 70%, transparent);border:1px solid var(--tt-hairline);border-radius:0;margin-top:.2rem;padding:.45rem .85rem}.kt-control select:hover{border-color:var(--tt-border)}.kt-control select:focus-visible{border-color:var(--tt-accent-2);box-shadow:inset 0 0 0 1px var(--tt-accent-2);outline:none}.kt-control>.tl-label+select{grid-row:3}.kt-reset{min-height:3rem}.kt-help{color:var(--tt-text-dim);margin:0;font-size:.86rem;line-height:1.45}.kt-note{display:grid}.kt-note>*{grid-area:1/1}.kt-error{color:var(--tt-error);margin:0;font-size:.86rem;line-height:1.45}.kt-error:empty,.kt-note:has(.kt-error:not(:empty)) .kt-help{visibility:hidden}.kt-area{gap:var(--tt-space-2);padding:var(--tt-space-4);background:color-mix(in oklch, var(--tt-bg) 55%, transparent);box-shadow:inset 0 0 0 1px var(--tt-hairline);cursor:pointer;display:grid;position:relative}.kt-area:focus{box-shadow:inset 0 0 0 2px var(--tt-accent-2);cursor:default;outline:none}.kt-status{min-height:1.5rem;font:700 .7rem / 1.3 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim);align-items:center;gap:.6rem;margin:0;display:flex}.kt-status-dot{background:color-mix(in oklch, var(--tt-text-dim) 60%, transparent);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);flex:none;width:.55rem;height:.55rem}.kt-area:focus .kt-status{color:var(--tt-text)}.kt-area:focus .kt-status-dot{background:var(--tt-up)}.kt-area:focus .kt-status-idle,.kt-area:not(:focus) .kt-status-live{display:none}.kt-board{align-items:flex-start;gap:1.11111%;display:flex}.kt-cluster{min-width:0;height:auto;display:block;overflow:visible}.kt-cluster--main{aspect-ratio:15/6.5;flex:15 1 0}.kt-cluster--side{aspect-ratio:7.25/6.5;flex:7.25 1 0}.kt-area[data-form=ansi] [data-form=iso],.kt-area[data-form=iso] [data-form=ansi]{display:none}.kt-cap{fill:color-mix(in oklch, var(--tt-surface-2) 90%, transparent);stroke:var(--tt-border);stroke-width:1px;vector-effect:non-scaling-stroke}.kt-key text{fill:var(--tt-text-dim);text-anchor:middle;dominant-baseline:central}.kt-l0{font:500 34px / 1 var(--tt-font-typing)}.kt-l1,.kt-l2{font:500 27px / 1 var(--tt-font-typing)}.kt-fl{font:600 21px / 1 var(--tt-font-ui);letter-spacing:.02em}.kt-arrow{fill:none;stroke:var(--tt-text-dim);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.kt-flag{fill:var(--tt-error);display:none}.kt-key.is-tested .kt-cap{fill:color-mix(in oklch, var(--tt-accent-2) 26%, var(--tt-surface-2));stroke:color-mix(in oklch, var(--tt-accent-2) 70%, transparent)}.kt-key.is-tested text{fill:var(--tt-text)}.kt-key.is-tested .kt-arrow{stroke:var(--tt-text)}.kt-key.is-down .kt-cap{fill:var(--tt-accent);stroke:var(--tt-accent)}.kt-key.is-down text{fill:var(--tt-accent-contrast)}.kt-key.is-down .kt-arrow{stroke:var(--tt-accent-contrast)}.kt-key.is-chatter .kt-cap{stroke:var(--tt-error);stroke-width:2.5px}.kt-key.is-chatter .kt-flag{display:inline}.kt-touch{color:var(--tt-text);margin:0;font-size:.9rem;line-height:1.45;display:none}@media (hover:none) and (pointer:coarse){.kt-touch{display:block}}.kt-readouts{justify-content:space-between;align-items:end;gap:var(--tt-space-4) var(--tt-space-6);flex-wrap:wrap;display:flex}.kt-stats{gap:var(--tt-space-4) var(--tt-space-6);grid-template-columns:repeat(4,minmax(7rem,auto));margin:0;display:grid}.kt-stats .dx-num{color:var(--tt-text);font-size:clamp(1.9rem,1.4rem + 1.4vw,2.7rem);line-height:.9}.kt-stats .dx-lit{color:#0000}.kt-of{font:700 .78rem / 1 var(--tt-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--tt-text-dim);margin-left:.35rem}.kt-legend{color:var(--tt-text-dim);flex-wrap:wrap;gap:.5rem 1.2rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.kt-legend li{align-items:center;gap:.45rem;display:flex}.kt-swatch{background:color-mix(in oklch, var(--tt-surface-2) 90%, transparent);width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 1px var(--tt-border);clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px);flex:none;position:relative}.kt-swatch--down{background:var(--tt-accent);box-shadow:none}.kt-swatch--tested{background:color-mix(in oklch, var(--tt-accent-2) 26%, var(--tt-surface-2));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--tt-accent-2) 70%, transparent)}.kt-swatch--chatter{box-shadow:inset 0 0 0 2px var(--tt-error)}.kt-swatch--chatter:after{content:"";background:var(--tt-error);clip-path:polygon(0 0,100% 0,100% 100%);width:.4rem;height:.4rem;position:absolute;top:3px;right:3px}.kt-panels{gap:var(--tt-space-4);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;display:grid}.kt-side{gap:var(--tt-space-4);display:grid}.kt-panel{align-content:start;gap:var(--tt-space-3);padding:var(--tt-space-4);background:color-mix(in oklch, var(--tt-text) 4%, transparent);clip-path:var(--tt-cut-path-sm);display:grid}.kt-panel-title{font:700 .68rem / 1.2 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tt-text);margin:0}.kt-log{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.86rem}.kt-log th{font:700 .62rem / 1.2 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;text-align:left;color:var(--tt-text-dim);border-bottom:1px solid var(--tt-hairline);padding:0 .5rem .45rem 0}.kt-log th:first-child{width:24%}.kt-log th:nth-child(2){width:29%}.kt-log th:nth-child(3){width:27%}.kt-log td{overflow-wrap:anywhere;height:2.05rem;color:var(--tt-text);border-bottom:1px solid color-mix(in oklch, var(--tt-hairline) 60%, transparent);padding:.3rem .5rem .3rem 0}.kt-log td:nth-child(2),.kt-log td:nth-child(3){font-family:var(--tt-font-typing)}.kt-log td:last-child{color:var(--tt-text-dim)}.kt-log tr.is-chatter td{background:color-mix(in oklch, var(--tt-error) 12%, transparent)}.kt-log-flag{overflow-wrap:normal;font:700 .62rem / 1.4 var(--tt-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--tt-error);box-shadow:inset 0 0 0 1px var(--tt-error);padding:.05rem .35rem;display:inline-block}.kt-empty{color:var(--tt-text-dim);margin:0;font-size:.88rem;line-height:1.5}.kt-list{gap:.35rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.kt-list li{border-bottom:1px solid color-mix(in oklch, var(--tt-hairline) 60%, transparent);flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;padding:.35rem 0;display:flex}.kt-list li:last-child{border-bottom:0}.kt-list code{font:500 .88rem / 1.3 var(--tt-font-typing);color:var(--tt-text);overflow-wrap:anywhere}.kt-li-key{font-family:var(--tt-font-typing);color:var(--tt-text-dim);overflow-wrap:anywhere}.kt-li-detail{color:var(--tt-text);font-variant-numeric:tabular-nums;margin-left:auto}.kt-li-hint{color:var(--tt-text-dim);flex-basis:100%;font-size:.82rem}.kt-li-more{color:var(--tt-text-dim)}@media (width<=64rem){.kt-panels{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem){.kt{padding:var(--tt-space-4)}.kt-area{padding:var(--tt-space-3)}.kt-control{flex:100%;max-width:none}.kt-control--narrow,.kt-reset{flex:1 1 calc(50% - var(--tt-space-4))}.kt-board{justify-content:flex-end;row-gap:var(--tt-space-3);flex-wrap:wrap}.kt-cluster--main{flex:0 0 100%}.kt-cluster--side{flex:0 0 48.3333%}.kt-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.kt-stats .tl-read:last-child{grid-column:auto}.kt-log{font-size:.8rem}.kt-log th:first-child{width:21%}.kt-log th:nth-child(2){width:31%}.kt-log th:nth-child(3){width:21%}.kt-log td:last-child{white-space:nowrap}}}@layer utilities;
