*{box-sizing:border-box;outline:none;min-width:0;min-height:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:none}html{height:100%;font-size:16px}body{min-height:100%;height:auto;font-family:Helvetica,Arial,sans-serif;line-height:1.25;margin:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none;margin:0;padding:0}p{margin:0 0 1.5rem}h1,h2,h3,h4,h5,h6{font-weight:inherit;margin:0 0 1.5rem;line-height:1.25em}img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto}img:-moz-loading{visibility:hidden}iframe{border:0 none}button{display:inline-block;padding:0;border:0 none;border-radius:0}button::-moz-focus-inner{border:0 none}button,input[type=checkbox],input[type=radio],input[type=range],input[type=button],input[type=color],select{touch-action:manipulation;cursor:pointer}button:disabled,input[type=checkbox]:disabled,input[type=radio]:disabled,input[type=range]:disabled,input[type=button]:disabled,input[type=color]:disabled,select:disabled{cursor:default}button,input,select,textarea,optgroup,option{color:inherit;font:inherit;margin:0;line-height:1.25em}input,select,textarea{display:block;min-width:0;width:100%;border:1px solid}input[type=number]{appearance:textfield}select{appearance:none}input::placeholder{color:currentColor;opacity:.3}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0;border:0 none}th,td{border:1px solid}th,td{padding:1rem}figure,blockquote{margin:0}:root{--gutter-l: 2rem;--gutter-m: 1.5rem;--gutter-s: 1rem;--gutter-xs: .5rem;--gutter-xxs: .25rem;--border-radius-l: 10px;--border-radius-m: 5px;--border-radius-s: 3px;--default-background-color: #f9f9f9;--default-text-color: #000;--default-border-color: #ddd;--form-background-color: #f0f0f0;--form-border-radius: var(--border-radius-l);--form-separator-color: rgba(0, 0, 0, .1);--navbar-background-color: #fff;--navbar-accent-color: #1a68f0;--navbar-box-shadow: 0 -4px 8px 1px rgba(0, 0, 0, .15);--spinner-color: #000;--color-picker-border-color: #000;--error-message-background-color: #bb0e02;--error-message-text-color: #fff;--warning-message-background-color: #ffc144;--warning-message-text-color: #000;--info-message-background-color: #3464b8;--info-message-text-color: #fff;--button-background-color: #fff;--button-accent-color: #1a68f0;--button-border-radius: var(--border-radius-m);--button-disabled-opacity: .4;--input-background-color: #fff;--input-border-color: #222;--input-base-color: #666;--input-accent-color: #1a68f0;--input-error-color: #e0190b;--input-border-radius: var(--border-radius-m);--input-disabled-opacity: .4;--checkbox-input-size: 20px;--checkbox-input-touch-trigger-size: 36px;--checkbox-input-border-radius: var(--border-radius-s);--checkbox-input-animation: .15s cubic-bezier(.4, 0, .6, 1);--radio-input-size: 20px;--radio-input-touch-trigger-size: 36px;--radio-input-border-radius: 100%;--radio-input-animation: 80ms cubic-bezier(0, 0, .2, 1);--select-input-option-hover-color: #eaeaea;--select-input-dropdown-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .2);--select-input-animation: .12s cubic-bezier(0, 0, .2, 1);--range-input-height: 1.5rem;--range-input-track-height: 7px;--range-input-thumb-width: 20px;--range-input-thumb-height: 20px;--range-input-touch-trigger-width: 56px;--range-input-touch-trigger-height: 36px;--range-input-thumb-border-size: 2px;--range-input-thumb-border-radius: 100%;--range-input-thumb-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);--dialog-max-width: 540px;--dialog-overlay-color: rgba(50, 50, 50, .4);--dialog-backdrop-blur: 1px;--dialog-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .2);--dialog-animation: .1s cubic-bezier(0, 0, .2, 1);--tooltip-border-radius: var(--border-radius-m);--tooltip-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .1)}.form-container{container:form-container/inline-size}.form{display:flex;flex-direction:column;gap:var(--gutter-m);padding:var(--gutter-m);background-color:var(--form-background-color);border-radius:var(--form-border-radius);background-image:url(/img/light-noise.png)}.form-title{font-size:var(--gutter-m);font-weight:700;margin:0}.form-section-title{display:flex;align-items:center;gap:var(--gutter-xs);font-size:1.125rem;font-weight:700;margin:0}.form-section-title>*{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.form-section-title>*:not(:first-child){font-size:1rem;font-weight:400}.form-section{display:flex;flex-direction:column;gap:var(--gutter-xs)}.form-actions{display:flex;gap:var(--gutter-xs)}.form-actions.--column{flex-direction:column}.form-actions>*{flex:1 1 auto}.form-row{position:relative;display:grid;grid-template-areas:"label warning value input";grid-template-columns:160px 24px 80px 1fr;gap:0 var(--gutter-xs);align-items:center;line-height:1.5rem}.form-row>.label{grid-area:label}.form-row>.value{grid-area:value}.form-row>.input{grid-area:input}.form-row>.warning{grid-area:warning}.form-row>.content{grid-column-start:value;grid-column-end:input}.form-row>.custom{grid-column-start:label;grid-column-end:input}.item-group{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gutter-xs)}.item-group button{flex:0 0 auto}.item-group app-range-slider-field{flex:1 1 auto}input{background-color:var(--input-background-color);border:1px solid var(--input-border-color);padding:.25em .5rem;line-height:1.5rem;border-radius:var(--input-border-radius)}input:not(:disabled):focus,input:not(:disabled):hover{border:1px solid var(--input-accent-color)}input:disabled{pointer-events:none;opacity:var(--input-disabled-opacity)}.warning{display:flex;align-items:center;justify-content:center;padding:0;background-color:transparent;border:0 none;height:24px;width:24px;overflow:hidden;border-radius:var(--border-radius-s);color:var(--input-error-color)}.warning:not(:disabled):hover{outline:0 none}.warning:hover+.warning-tooltip,.warning:focus+.warning-tooltip{display:block}.warning:not(:disabled):focus-visible{outline:1px solid var(--input-error-color)}.warning-tooltip{display:none;z-index:10;position:absolute;top:calc(100% + .25rem);left:calc(160px + var(--gutter-xs));background-color:var(--default-background-color);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-box-shadow);padding:.75rem;max-width:380px}.warning-tooltip>*:last-child{margin-bottom:0}@container form-container (width < 600px){.form{padding:var(--gutter-s);gap:var(--gutter-s)}.form-section:not(.--no-border){gap:0;border:1px solid var(--form-separator-color);border-radius:var(--border-radius-m)}.form-section:not(.--no-border) .form-section-title{padding:var(--gutter-xs);border-bottom:1px solid var(--form-separator-color)}.form-section:not(.--no-border) .form-section-title>*:first-child{margin-right:auto}.form-section:not(.--no-border) .form-row{padding:var(--gutter-xs)}.form-section:not(.--no-border) .form-row:not(:last-child){border-bottom:1px solid var(--form-separator-color)}.form-row{grid-template-areas:"label warning value" "input input input";grid-template-columns:1fr 24px 80px}.form-row>.value{justify-self:flex-end}.form-row>.input,.form-row>.content{margin-top:.125rem;text-align:right}.form-row>.content{grid-column-start:input}app-radio-group-field,.item-group{justify-content:flex-end}.warning-tooltip{left:0;right:0;top:calc(1.5rem + 2 * var(--gutter-xs));max-width:none}}@keyframes dialog-open{0%{display:flex}}dialog{display:none;align-items:center;justify-content:center;z-index:1000;position:fixed;overflow:hidden;background:transparent;padding:var(--gutter-l);margin:0;width:100%;height:100%;max-width:100%;inset:0;border:0 none;max-width:none;max-height:none}dialog::backdrop{background-color:var(--dialog-overlay-color);-webkit-backdrop-filter:blur(var(--dialog-backdrop-blur));backdrop-filter:blur(var(--dialog-backdrop-blur))}dialog .form{width:var(--dialog-max-width);max-width:100%;box-shadow:var(--dialog-box-shadow)}dialog:open{display:flex;transition:transform var(--dialog-animation),opacity var(--dialog-animation),display var(--dialog-animation) allow-discrete,overlay var(--dialog-animation) allow-discrete}@starting-style{dialog:open{opacity:0;transform:scale(.8)}}dialog:open::backdrop{transition:opacity var(--dialog-animation),display var(--dialog-animation) allow-discrete,overlay var(--dialog-animation) allow-discrete}@starting-style{dialog:open::backdrop{opacity:0}}@media(max-width:980px){dialog{padding:var(--gutter-s)}}button{display:flex;align-items:center;justify-content:center;gap:var(--gutter-xxs);padding:.25em .75rem;border-radius:var(--button-border-radius);background-color:var(--button-background-color);line-height:1.5rem}button.--medium{padding:.375em 1rem;line-height:1.75rem}button:not(:disabled):focus-visible,button:not(:disabled):hover{outline:1px solid var(--button-accent-color)}button[disabled]{opacity:var(--button-disabled-opacity)}canvas{display:block;background-color:var(--form-background-color);border-radius:var(--border-radius-l);background-image:url(/img/light-noise.png)}canvas.--16-by-10{width:100%;aspect-ratio:16/10}canvas.--expanded{width:100%;height:100%;padding:0;border-radius:0}.canvas-viewport{display:flex;max-width:100%;overflow-x:auto;padding:0 var(--gutter-l);gap:var(--gutter-l)}.canvas-viewport>*{flex:0 0 auto}@media(max-width:1360px){.canvas-viewport{padding:0 var(--gutter-m);gap:var(--gutter-m)}}@media(max-width:480px){.canvas-viewport{padding:0 var(--gutter-s);gap:var(--gutter-s)}}:root{background-color:var(--default-background-color);color:var(--default-text-color)}html,body{height:100%;overflow-x:hidden}.material-symbols-rounded{flex:0 0 auto;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}