*,:before,:after{box-sizing:border-box}:root{--measure-spacing:.5rem;--measure-radius:.3rem;--measure-fs-title:1.3rem;--measure-fs-textarea:1.1rem;--opacity-1:.15;--opacity-2:.3;--opacity-3:.45;--opacity-4:.6;--opacity-5:.75;--opacity-6:.9;--anim-transitions:.25s linear;--color-background-stop1:0,50%,45%;--color-background-stop2:230,60%,20%;--color-background:0,0%,85%;--color-text:0,0%,10%;--color-accent:240,50%,30%;--color-success:120,50%,30%;--color-error:0,50%,30%}@media (prefers-color-scheme:dark){:root{--color-background-stop1:160,28%,65%;--color-background-stop2:30,100%,75%;--color-background:0,0%,10%;--color-text:0,0%,85%;--color-accent:240,50%,50%;--color-success:120,50%,50%;--color-error:0,50%,50%}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-optical-sizing:auto;font-variation-settings:"wdth" 100,"YTLC" 500;background:linear-gradient(135deg,hsl(var(--color-background-stop1)),hsl(var(--color-background-stop2)));width:100vw;min-width:480px;height:100svh;color:hsl(var(--color-text));margin:0;padding:0;font-family:BodyText,sans-serif;font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.container-section input{font:inherit}.container-section .text-area{font-optical-sizing:auto;font-family:CodeText,monospace;font-size:var(--measure-fs-textarea);font-variation-settings:"wdth" 100,"YTLC" 500;font-style:normal;font-weight:400}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 200,"opsz" 20}.flex-wrap{flex-wrap:wrap}.button{color:hsl(var(--color-text));cursor:pointer;-webkit-user-select:none;user-select:none}.header{justify-content:space-between;align-items:baseline;gap:var(--measure-spacing);padding:var(--measure-spacing);background-color:hsla(var(--color-background),var(--opacity-4));flex-wrap:wrap;display:flex}.header .tagline{font-style:italic}.main{padding:var(--measure-spacing);gap:var(--measure-spacing);flex-flow:wrap;display:flex}.container,.action-bar{background-color:hsla(var(--color-background),var(--opacity-1));border-radius:var(--measure-radius);gap:0;width:100%;display:flex}.container{flex-direction:column}.container-header,.container-section-header{margin:calc(var(--measure-spacing)/2)calc(var(--measure-spacing)/2)0;padding:var(--measure-spacing);border-radius:var(--measure-radius)var(--measure-radius)0 0;background-color:hsla(var(--color-background),var(--opacity-2));justify-content:space-between;align-items:center;display:flex}.container-title,.container-section-title{cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700}.container-title{font-size:var(--measure-fs-title)}.container-section-title{font-size:calc(var(--measure-fs-title)-.1rem)}.container-buttons{gap:0;display:flex}.header .button,.container-buttons .button,.container-section-buttons .button,.action-bar .button{border-radius:var(--measure-radius);transition:background var(--anim-transitions),color var(--anim-transitions);background-color:transparent;border:none}.header .button:hover,.container-buttons .button:hover,.container-section-buttons .button:hover,.action-bar .button:hover{background-color:hsla(var(--color-text),var(--opacity-3));color:hsl(var(--color-background))}.container-body,.container-section-body{margin:0 calc(var(--measure-spacing)/2)calc(var(--measure-spacing)/2);border-top:solid 1px hsla(var(--color-background),var(--opacity-2));border-radius:0 0 var(--measure-radius)var(--measure-radius);background-color:hsla(var(--color-background),var(--opacity-2));justify-content:space-between;display:flex}.container-section{margin:var(--measure-spacing);flex:250px}.container-section .text-area{width:100%;min-height:10rem;padding:var(--measure-spacing);border-radius:var(--measure-radius);background-color:hsla(var(--color-background),var(--opacity-3));color:hsla(var(--color-text),var(--opacity-3));transition:background var(--anim-transitions),color var(--anim-transitions);border:none}.container-section .text-area:focus{background-color:hsla(var(--color-text),var(--opacity-3));color:hsla(var(--color-background),var(--opacity-6));outline:none}.container-section input[type=text]{padding:var(--measure-spacing);border-radius:var(--measure-radius);background-color:hsla(var(--color-background),var(--opacity-3));color:hsla(var(--color-text),var(--opacity-3));transition:background var(--anim-transitions),color var(--anim-transitions);border:none}.container-section input[type=text]:focus{background-color:hsla(var(--color-text),var(--opacity-1));color:hsla(var(--color-text),1);outline:none}.container-section .select-dropdown,.container-section .select-list{font:inherit;width:100%;margin:var(--measure-spacing);padding:var(--measure-spacing);border-radius:var(--measure-radius);border:none}.action-bar-body{justify-content:center;gap:var(--measure-spacing);width:100%;margin:calc(var(--measure-spacing)/2);padding:calc(var(--measure-spacing)/2)var(--measure-spacing);border-radius:0 0 var(--measure-radius)var(--measure-radius);background-color:hsla(var(--color-background),var(--opacity-2));display:flex}.dialog{border-radius:var(--measure-radius);background-color:transparent;border:none;width:70%;min-width:400px}.dialog::backdrop{background-color:hsla(var(--color-background),var(--opacity-1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog .container-section{gap:var(--measure-spacing);flex-direction:column;display:flex}.form-row{justify-content:center;align-items:center;gap:var(--measure-spacing);display:flex}.form-row>label{flex:0 10ch}.form-row>.select-dropdown,.form-row>.select-list,.form-row>.button{flex:1}.form-row>input[type=text]{flex:1}.form-row>.select-dropdown,.form-row>.select-list{margin:0}#dialog-prompt-settings .form-row>label{flex:1}.button-accent{padding-block:var(--measure-spacing);border-radius:var(--measure-radius);background-color:hsla(var(--color-accent));transition:background var(--anim-transitions),color var(--anim-transitions);border:none}.button-accent:hover{background-color:hsla(var(--color-accent),var(--opacity-3))}.button-accent:active{background-color:hsl(var(--color-text));color:hsla(var(--color-accent))}#prompt-variables .container-body{max-height:250px;overflow-y:auto}