:root{--color-black:hsla(0,0%,0%,1.0);--color-white:hsla(0,0%,100%,1.0);--color-warm-dark:rgb(25,21,15);--color-warm-light:rgb(216,203,180);interpolate-size:allow-keywords;--background:hsl(50,5%,86%);--card-background:hsl(50,5%,91%);--nav-background:hsla(0,0%,100%,0.8);--input-background:hsla(0,0%,100%,0.5);--elevated-background:hsla(0,0%,100%,0.8);--indent-background:hsla(0,0%,0%,0.08);--backdrop-color:hsla(50,5%,56%,0.5);--foreground:hsl(50,5%,10%);--color-cta:hsla(0,0%,0%,1.0);--color-cta-inverted:hsla(0,0%,100%,1.0);--reader-background:var(--color-warm-light);--reader-foreground:var(--color-warm-dark);--color-error-main:hsl(0,79%,55%);--color-error-contrast:hsl(0,0%,100%);--color-success-main:hsl(140,85%,37%);--color-success-contrast:hsl(0,0%,100%);--color-warning-main:hsl(35,100%,40%);--color-warning-contrast:hsl(35,100%,98%);--color-time:hsl(345,100%,45%);--paper-shadow:0 0.12rem 0.24rem hsla(0,0%,0%,0.04),0 0.4rem 0.3rem hsla(0,0%,0%,0.03),0 0.8rem 0.4rem hsla(0,0%,0%,0.02),0 0.06rem 0.03rem hsla(0,0%,100%,0.5) inset;--nav-shadow:0 0.4rem 0.6rem hsla(0,0%,0%,0.05),0 1.2rem 1rem hsla(0,0%,0%,0.04),0 2rem 1.4rem hsla(0,0%,0%,0.03),0 0.06rem 0.03rem hsla(0,0%,100%,0.7) inset;--elevated-shadow:0 0.1rem 0.2rem hsla(0,0%,0%,0.1),0 0.06rem 0.03rem hsla(0,0%,100%,0.5) inset;--indent-shadow:0 0.1rem 0.2rem hsla(0,0%,0%,0.1) inset,0 0.06rem 0.03rem hsla(0,0%,100%,0.5);--button-primary-background:var(--foreground);--button-primary-foreground:var(--background);--button-primary-shadow:var(--elevated-shadow);--button-secondary-background:hsla(0,0%,0%,0.1);--button-secondary-foreground:var(--color-cta);--button-secondary-shadow:none;--button-tertiary-background:transparent;--button-tertiary-foreground:var(--foreground);--border-color:hsl(from var(--foreground) h s l/0.1);--border-color-hover:hsl(from var(--foreground) h s l/0.25);--border-color-focus:hsl(from var(--foreground) h s l/0.7)}[data-theme=dark]{--background:hsl(50,5%,10%);--card-background:hsl(50,5%,15%);--nav-background:hsla(50,5%,28%,0.75);--input-background:hsla(0,0%,0%,0.17);--elevated-background:hsla(50,100%,95%,0.14);--indent-background:hsla(0,0%,0%,0.25);--backdrop-color:hsla(50,5%,5%,0.5);--foreground:hsl(50,5%,86%);--color-cta:hsla(0,0%,100%,1.0);--color-cta-inverted:hsla(0,0%,0%,1.0);--reader-background:var(--color-warm-dark);--reader-foreground:var(--color-warm-light);--color-error-main:hsl(0,79%,55%);--color-error-contrast:hsl(0,0%,100%);--color-success-main:hsl(140,85%,37%);--color-success-contrast:hsl(0,0%,100%);--color-warning-main:hsl(38,100%,42%);--color-warning-contrast:hsl(28,100%,3%);--color-time:hsl(50,100%,50%);--color-time-text:hsl(50,100%,50%);--paper-shadow:0 0.12rem 0.24rem hsla(0,0%,0%,0.05),0 0.4rem 0.3rem hsla(0,0%,0%,0.05),0 0.8rem 0.4rem hsla(0,0%,0%,0.03),0 0.06rem 0.03rem hsla(0,0%,100%,0.1) inset;--nav-shadow:0 0.6rem 1.2rem hsla(0,0%,0%,0.15),0 1.2rem 2.4rem hsla(0,0%,0%,0.10),0 0.06rem 0.03rem hsla(0,0%,100%,0.15) inset;--elevated-shadow:0 0.15rem 0.3rem hsla(0,0%,0%,0.2),0 0.06rem 0.03rem hsla(0,0%,100%,0.1) inset;--indent-shadow:0 0.15rem 0.3rem hsla(0,0%,0%,0.2) inset,0 0.06rem 0.03rem hsla(0,0%,100%,0.1);--button-primary-background:var(--foreground);--button-primary-foreground:var(--background);--button-primary-shadow:var(--elevated-shadow);--button-secondary-background:var(--elevated-background);--button-secondary-foreground:var(--color-cta);--button-secondary-shadow:var(--elevated-shadow);--button-tertiary-background:transparent;--button-tertiary-foreground:var(--foreground);--border-color:hsl(from var(--foreground) h s l/0.1);--border-color-hover:hsl(from var(--foreground) h s l/0.25);--border-color-focus:hsl(from var(--foreground) h s l/0.7)}:root{--font-family-primary:var(--font-geist-sans),sans-serif;--font-family-mono:var(--font-geist-mono),monospace;--font-size-base:clamp(14px,0.4vw + 9px,18px);--border-radius-xs:0.25rem;--border-radius-sm:0.5rem;--border-radius-md:0.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-full:9999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--border-width:0.1rem;--mobile-menu-height:4.5rem;--main-padding:var(--spacing-xl);--main-vertical-gap:var(--spacing-lg);--default-orientation:row;--input-height-sm:1.8rem;--input-height-nav:2.5rem;--input-height-md:2.5rem;--input-height-lg:3.5rem;--input-padding:calc(var(--spacing-sm) * 1.35);--card-spacing:var(--spacing-lg);--col-min-width:22rem;--blur-radius-nav:1.5rem;@media (max-width:1001px){--main-padding:var(--spacing-lg);--main-vertical-gap:var(--spacing-md);--default-orientation:column}@media (max-width:401px){--spacing-xs:0.2rem;--spacing-sm:0.4rem;--spacing-md:0.75rem;--spacing-lg:1.25rem;--spacing-xl:2rem;--col-min-width:20rem}@media (max-width:301px){--col-min-width:16rem;--font-size-base:clamp(12px,0.4vw + 9px,18px)}}html{font-size:var(--font-size-base);scroll-behavior:smooth;overflow-anchor:none}body{color:var(--foreground);background-color:var(--background);display:flex;flex-direction:row;min-height:100svh;box-sizing:border-box;transition:color .2s,background-color .2s;@media (max-width:1001px){flex-direction:column;padding-top:var(--mobile-menu-height)}}body,button,input,select,textarea{font-family:var(--font-family-primary);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.main-content{display:flex;flex:1;flex-direction:column;padding:var(--main-padding);position:relative}@media (min-width:1001px){.main-content{padding-left:calc(var(--main-padding) - var(--spacing-md))}}.tabs-wrapper{display:flex;flex-direction:var(--default-orientation);gap:var(--main-padding)}.tabs-content{display:flex;flex-direction:column;gap:var(--main-vertical-gap);flex:1}.input-group{display:flex;flex-direction:row;gap:var(--spacing-md);align-items:center;width:100%;box-sizing:border-box}.input-group>*{flex:1;box-sizing:border-box}hr{border:0;margin:0;padding:0;height:var(--border-width);background:var(--border-color);border-radius:var(--border-radius-sm)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;text-wrap:balance}h1{font-size:2.65rem;margin:0;padding:0;line-height:1.1;letter-spacing:-.02em;font-weight:600;@media (max-width:701px){font-size:2.1rem}}h2{font-size:1.6rem;font-weight:550;line-height:1.2;@media (max-width:701px){font-size:1.5rem}}h3,summary{font-size:1.35rem;font-weight:500;letter-spacing:-.01em}h3,h4,summary{line-height:1.2}h4{font-size:1.1rem;font-weight:600}.input-label,.label,h5,label,legend{font-size:1rem;font-weight:500;line-height:1;padding:0}.input-label,h5,legend{color:hsl(from var(--foreground) h s l/.5)}.input-value{color:hsl(from var(--foreground) h s l/1);font-size:.85em;font-weight:600;letter-spacing:.02em;line-height:1;padding:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}h6{font-size:.85rem;line-height:1.3;font-weight:600;color:hsl(from var(--foreground) h s l/.6)}figcaption,li,ol,p,ul{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.4;text-wrap:pretty}p.intro-text{color:hsl(from var(--foreground) h s l/.6)}p.text-sub-ttcard{opacity:.5;margin-top:calc(var(--spacing-md) * -1)}ol,ul{list-style-position:inside}ol a,p a,ul a{color:inherit;text-decoration:underline;text-underline-offset:.15rem}strong{font-weight:600}code,pre{font-family:var(--font-family-mono)}pre{background:var(--input-background);border-radius:var(--border-radius-md);color:hsl(from var(--foreground) h s l/.6);border:var(--border-width) dashed var(--border-color);padding:0;tab-size:2;word-break:normal;hyphens:none;position:relative;overflow-x:auto}pre,pre code{white-space:pre-wrap;word-break:break-all}pre code{background:none;white-space-collapse:preserve;-webkit-overflow-scrolling:touch;overflow-x:scroll;display:block;max-width:100%;min-width:100px}details,pre code{padding:var(--spacing-md)}details{border-radius:var(--border-radius-md);background:var(--input-background);border:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;height:fit-content;flex:1}summary{cursor:pointer;list-style:none;margin:0;padding:0}summary::-webkit-details-marker{display:none}details[open]{gap:var(--spacing-md)}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}fieldset legend{display:flex;margin-bottom:var(--spacing-sm)}fieldset p{font-size:.85rem;font-weight:500;line-height:1.3;color:hsl(from var(--foreground) h s l/.5);display:flex}.label,label{cursor:pointer}input,select,textarea{border-radius:var(--border-radius-md);outline:none;background:var(--input-background);border:var(--border-width) solid var(--border-color);font-size:1rem;font-weight:400;color:inherit;font-family:inherit;appearance:none;-webkit-appearance:none;transition:all .2s;min-width:0}input:not([type=radio]):not([type=checkbox]),textarea{cursor:text}select{cursor:pointer}input[type=radio]{cursor:pointer;border-radius:var(--border-radius-full);height:calc(var(--input-height-md) * .65);width:calc(var(--input-height-md) * .65)}input[type=radio]:checked{border:.55rem solid var(--button-primary-background)}input[type=checkbox]{cursor:pointer;border-radius:var(--border-radius-sm);height:var(--spacing-lg);width:var(--spacing-lg)}input[type=checkbox]:checked{background:var(--button-primary-background);border-color:var(--button-primary-background)}input[type=range]{cursor:pointer}input[type=range]::-webkit-slider-runnable-track{cursor:pointer}input:focus,select:focus,textarea:focus{border-color:var(--border-color-focus)}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.3;cursor:default!important;pointer-events:none}button:disabled:focus,button:read-only:focus,input:disabled:focus,input:read-only:focus,select:disabled:focus,select:read-only:focus,textarea:disabled:focus,textarea:read-only:focus{border-color:var(--border-color)}.hidden-input{display:none}.draggable-file-area{border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;justify-content:center;cursor:pointer;width:100%;border:var(--border-width) dashed var(--border-color);background-color:var(--input-background);text-align:center}.draggable-file-area.dragging{border-color:var(--border-color-focus);background-color:var(--button-secondary-background)}.draggable-file-area svg{width:3rem;height:3rem;stroke-width:1}.draggable-file-area p,.draggable-file-area svg{opacity:.5}.draggable-file-area.dragging p,.draggable-file-area.dragging svg{opacity:1}@media (hover:hover){.draggable-file-area:hover{border-color:var(--border-color-hover)}.draggable-file-area:hover p,.draggable-file-area:hover svg{opacity:.75}}.button,.label,.tt-upload-area,a,button,label{transition:all .2s}.button:active,.label:active,.tt-upload-area:active,a:active,button:active,label:active{transition:all 0s;opacity:.8!important;transform:scale(.98);box-shadow:none!important}.centered-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(var(--main-vertical-gap) * 1.5);padding:calc(var(--main-vertical-gap) * 2.5);margin:calc(var(--main-vertical-gap) * -1);box-sizing:border-box;flex:1;background:radial-gradient(circle,rgba(255,255,255,.05) 0,rgba(255,255,255,0) 50%)}.centered-content>*{width:100%;max-width:30rem}.chrome-picker{background:var(--card-background)!important;backdrop-filter:blur(1rem)!important;border-radius:var(--border-radius-sm)!important;overflow:hidden!important;box-shadow:var(--elevated-shadow)!important;width:18rem!important}.full-width-picker .chrome-picker{width:100%!important}.chrome-picker input{background:var(--background)!important;color:var(--foreground)!important;border:var(--border-width) solid var(--border-color)!important;border-radius:var(--border-radius-sm)!important;padding:.5rem!important;font-size:.875rem!important}.chrome-picker .flexbox-fix:nth-child(2)>div:first-child{flex:1!important;width:auto!important;display:flex!important;margin:0!important}.chrome-picker .flexbox-fix:nth-child(2)>div:first-child div{border:none!important}.chrome-picker .flexbox-fix:nth-child(2)>div:first-child label{opacity:.5!important;margin:.25rem 0 0!important;color:var(--foreground)!important}.chrome-picker .flexbox-fix:nth-child(2)>div:first-child input{outline:none!important;box-shadow:none!important;border:var(--border-width) solid var(--border-color)!important}@media (hover:hover){.chrome-picker .flexbox-fix:nth-child(2)>div:first-child input:hover{border:var(--border-width) solid var(--border-color-hover)!important}}.chrome-picker .flexbox-fix:nth-child(2)>div:first-child input:focus{border:var(--border-width) solid var(--border-color-focus)!important}.chrome-picker .flexbox-fix:nth-child(2)>div:first-child *{flex:1!important;display:flex!important;width:100%!important;margin:0!important;background:transparent!important;color:var(--foreground)!important;flex-direction:column!important}.chrome-picker .flexbox-fix svg{width:1.75rem!important;height:1.75rem!important;fill:#777777!important}.color-popover-container{position:relative;display:flex}.color-popover-container>button{width:2.5rem;height:2.5rem;border:var(--border-width) solid var(--border-color);box-shadow:var(--paper-shadow);border-radius:var(--border-radius-full);cursor:pointer;appearance:none;overflow:hidden;position:relative}.color-popover-container>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,#777 25%,transparent 0),linear-gradient(-45deg,#777 25%,transparent 0),linear-gradient(45deg,transparent 75%,#777 0),linear-gradient(-45deg,transparent 75%,#777 0);background-size:1rem 1rem;background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;z-index:-1;opacity:.25}@media (hover:hover){.color-popover-container>button:hover{border:var(--border-width) solid var(--border-color-hover)}}.color-popover-container>div{position:absolute;z-index:2;top:100%;right:0;margin-top:var(--spacing-md)}.color-popover-container>div>div{border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}