#wrapper{margin:0 auto;padding:4rem 2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#fff}.add-link{border-radius:8px;border:1px solid #646cffaa;padding:.6em 1.2em;font-size:1em;font-weight:500;max-width:40%;width:100%;font-family:inherit;transition:border-color .25s}.modal{background-color:#1d1d1d;border:none;border-radius:6px;padding:0;width:min(64%,420px,calc(100% - 20px));animation:scaleIn .4s ease;position:relative}.modal--w80{width:min(80%,560px,calc(100% - 20px))}.modal--bg0{box-shadow:0 1px 1px #fff3 inset,0 6px 12px #ffffff1f inset,0 1px 2px #08080833,0 4px 4px #08080814}.modal--bg0::backdrop{opacity:0}.modal__drag-shape{cursor:move;position:absolute;top:4px;margin:0 auto;left:0;right:0;background-color:var(--dark-bg);width:32px;height:4px;border-radius:24px;padding:0}.modal__drag-shape:focus{outline:1px solid white}.modal__head{background-color:#262626;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.modal__body{display:flex;justify-content:space-between;align-items:center;padding:20px}.modal__title{color:#fff;font-weight:600;font-size:18px;margin:0;padding:0}.modal__close{background-color:#262626;display:flex;height:38px;width:38px;align-items:center;justify-content:center;color:#fff;float:right;font-size:14px;line-height:14px;font-weight:800}.modal__close:focus{outline:1.5px}.modal__close:hover{border:1px solid rgb(136,136,136)}@keyframes scaleIn{0%{transform:scale(.7)}to{transform:scale(1)}}@media(prefers-color-scheme:light){.modal{background-color:#fff}.modal__head{background-color:#f8f8f8}.modal__close{background-color:#ededed;color:var(--dark-drop)}.modal__title{color:var(--dark-drop)}button{background-color:#f9f9f9}}.button{height:42px;padding:0 1.4em;line-height:.8;border-radius:8px;line-height:1.2;font-size:14px;color:#fffc;background-color:#1110;transition:all .2s ease-in-out}.button:focus{border:1px auto white}.button:hover{color:#fff}.button--normal{background-color:#fff;color:#000000e6;border-radius:8px;overflow:hidden;justify-content:center;align-items:center;display:inline-flex;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 1px 1px #fff3 inset,0 6px 12px #ffffff1f inset,0 1px 2px #08080833,0 4px 4px #08080814}.button--normal:hover{border-color:#000;background-color:#fff;color:#000}.button--normal:focus{outline:2px solid #cfcfcf}.button--accent{background-color:#ff4d00;color:#fff;box-shadow:0 1px 1px #fff3 inset,0 6px 12px #ffffff1f inset,0 1px 2px #08080833,0 4px 4px #08080814;border-radius:8px;overflow:hidden;justify-content:center;align-items:center;display:inline-flex;font-weight:600}.button--accent:hover{background-color:#f8540e}.button--accent:focus{outline:2px solid #824c05}.button--adjacent_left{border-top-right-radius:0;border-bottom-right-radius:0}.button--adjacent_left:hover{background-color:#dcdcdc;border:none}.button--adjacent_right{border-top-left-radius:0;border-bottom-left-radius:0;background-color:#e5e5e5;box-shadow:0 1px 1px #fff3 inset,0 6px 12px #ffffff1f inset,0 1px 2px #08080833,0 4px 4px #08080814;padding:12px}.button--adjacent_right:hover{background-color:#dcdcdc;border:none}@media(prefers-color-scheme:light){.button{color:#000e;border:1.6px solid transparent}.button:hover{color:#000;border:1.6px solid black}.button--normal{background-color:#fff;border:1.6px solid transparent}.button--normal:hover{border:1.6px solid transparent}.button--accent{background-color:#ff4d00;color:#fff;font-weight:600}.button--accent:hover{background-color:#f8540e;color:#fff;border:1.6px solid transparent}}.home{padding:0}.home__head{margin:32px 0 12px}.preview{max-width:min(80vw,540px);max-height:min(60vh,420px);border:1px solid black;margin:20px 10px}.home__actions{display:flex;gap:12px;align-items:center;justify-content:center;max-width:min(64vw,660px);margin:34px auto 0}.home__load-buttons{display:flex}.about{display:flex;flex-direction:column}.about__field{display:flex;gap:6px}.input{border-radius:4px;border:1px solid rgb(144,144,144);color:#ebebeb;padding:5px 11px 8px;height:17px;background-color:var(--dark-bg);transition:all .13s ease-in-out}.input:hover{color:#fff;border-color:#ebebeb}.input:focus{outline:1.5px;border-color:#434343}.input[type=radio]{cursor:pointer}.input--full{width:100%}.input__error{position:absolute;font-size:10px}@media(prefers-color-scheme:light){.input{border:1px solid rgb(144,144,144);color:#000;background-color:#fff;transition:all .13s ease-in-out}.input:hover{color:#000;border-color:#6d6d6d}.input:focus{outline:1.5px;border-color:#222}}.editor{display:grid;grid-template-rows:38px 1fr auto 28px;grid-template-columns:48px 1fr 48px;height:100vh;position:relative}.editor__menu-bar{grid-row:1 / 2;grid-column:1 / 4;padding:2px 8px;display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:2px solid var(--dark-bg);background-color:var(--dark-gray)}.menu-bar__actions{display:flex;gap:8px;height:26px}.editor__tool-panel{grid-row:2 / 3;grid-column:1 / 2;display:flex;flex-direction:column;align-items:center;padding:12px 16px;gap:8px;background-color:var(--dark-gray);border-right:2px solid var(--dark-bg)}.editor__status-bar{position:relative;grid-row:4 / 5;grid-column:1 / 4;display:flex;gap:12px;font-size:12px;align-items:center;padding:4px 20px 4px 60px;background-color:var(--dark-gray);border-top:2px solid var(--dark-bg)}.editor__info-panel{grid-row:2 / 3;grid-column:3 / 4;display:flex;flex-direction:column;align-items:center;padding:12px 16px;background-color:var(--dark-gray);border-left:2px solid var(--dark-bg);z-index:3}.workspace{overflow:hidden;height:calc(100vh - 66px);width:calc(100vw - 96px);background-color:var(--dark-bg)}.workspace--hand{cursor:move}.workspace__canvas{display:block}.workspace__image{width:100%;height:100%;object-fit:contain}.editor__menu-button{border-radius:4px;border:1px solid transparent;padding:.4em 1em;font-size:.9em;background-color:#111}.editor__menu-button:hover{border-color:#5e5e5e}.tool-panel__icon{fill:#fff;height:18px;width:18px}.workspace__canvas--pipette{cursor:crosshair}.menu-bar__regulators{display:inline-flex;gap:10px}.menu-bar__size{max-width:240px;display:flex;align-items:center;gap:10px}.menu-bar__speed{max-width:160px;display:flex;align-items:center;gap:10px}.menu-bar__desc{font-size:10px;line-height:1.2}.status-bar__text{line-height:1.2}@media(prefers-color-scheme:light){.tool-panel__icon{fill:#213547}.editor__tool-panel,.editor__status-bar,.editor__menu-bar,.editor__info-panel{background-color:var(--light-bg);border-color:var(--light-gray)}.workspace{background-color:var(--light-gray)}}.status-bar__color{width:20px;height:20px;border-radius:20px;filter:drop-shadow(rgba(0,0,0,.3) 0px 1px 1px)}.coordinates{font-size:10px;opacity:.7;position:fixed;right:4px;bottom:4px}.editor__all-colors{display:grid;grid-template-columns:60px 1fr 1fr;gap:4px;width:min(480px,40vw)}.editor__info-color{display:flex;flex-direction:column;gap:6px}.editor__contrast-info{grid-column:1 / span 3}.button-icon{position:relative;display:flex;align-items:center;padding:.5em;margin:0;border-radius:5px;border:1px solid transparent;font-size:14px;box-shadow:0 1px 1px #fff3 inset,0 6px 12px #ffffff1f inset,0 1px 2px #08080833,0 4px 4px #08080814;color:#fffc;background-color:#1110;transition:all .2s ease;border-color:transparent}.button-icon:focus{outline:.2px solid #adadad}.button-icon:hover{color:#fff;border:border: 1px solid transparent}.button-icon--active{border:1px solid #adadad;background-color:#111}.button-icon__tooltip{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);background-color:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:10px;display:none;max-width:300px;overflow-wrap:break-word;word-wrap:break-word;z-index:999;opacity:0;transition:all .5s ease-in-out}.button-icon__tooltip{cursor:help}.button-icon__tooltip:after{z-index:5;background-color:#000c;border-radius:8px 8px 8px 0;box-shadow:1px 1px 10px #00000080;color:#fff;content:attr(data-tooltip);margin-top:-24px;font-size:10px;opacity:0;max-width:min(80%,400px);padding:3px 7px;position:fixed;visibility:hidden;transition:all .4s ease-in-out}.button-icon__tooltip:hover:after{opacity:1;visibility:visible}.button-icon:hover .button-icon__tooltip{opacity:1;transition:all .2s ease-in-out;display:block}@media(prefers-color-scheme:light){.button-icon{color:#213547;background-color:#e4e4e400;border:1px solid transparent}.button-icon:hover{color:#000;background-color:#e7e7e7aa}.button-icon--active{border:1px solid #adadad;background-color:#d4d4d4}}.dropdown{position:relative}.dropdown__field{display:flex;position:relative;width:100%}.dropdown__input{border-radius:4px 0 0 4px;border:1px solid rgb(154,154,154);padding:5px 11px 8px;height:17px;width:100%;background-color:var(--dark-drop);transition:all .13s ease-in-out}.dropdown__input:hover{background-color:var(--dark-drophover);border-color:rgb(144,144,144))}.dropdown__input:focus{outline:none}.dropdown__button{display:flex;align-items:center;justify-content:space-between;text-align:center;padding:3px;margin:0;border:1px solid rgb(154,154,154);border-left:0;border-radius:0 4px 4px 0;background-color:var(--dark-bg)}.dropdown__button:hover{background-color:var(--dark-drophover);border-color:#909090}.dropdown__button:focus{outline:none}.dropdown__list{z-index:30;display:flex;width:calc(100% - 14px);overflow:scroll;position:absolute;flex-direction:column;list-style:none;top:40px;right:0;max-height:min(200px,20vh);background-color:#222;border-radius:4px;border:1px solid rgb(154,154,154);padding:6px;margin:0}.dropdown__item{display:flex;align-items:center}@media(prefers-color-scheme:light){.dropdown__list{color:#000;background-color:#fff}.dropdown__input{border-color:#b1b1b1;background-color:#fdfdfd;transition:all .13s ease-in-out}.dropdown__input:hover{background-color:#e6e6e6;border-color:#909090}.dropdown__button{border-color:#b1b1b1;background-color:#fdfdfd}.dropdown__button:hover{background-color:#e6e6e6;border-color:#909090}}.dropdown__option{display:flex;align-items:center;gap:10px;text-align:start;width:100%;cursor:pointer;border-radius:4px;padding:6px 4px;font-size:12px;border:none;background:none}.dropdown__option:hover{background-color:#9a9a9a1a}.dropdown__field--open{outline:1px solid black;border-radius:4px}.form-group{margin-bottom:14px}.form__text{font-size:16px;padding:0;margin:8px 0}.form__label{font-size:12px}.form__name{font-weight:600;font-size:16px}.form__settings{position:relative;display:grid;align-items:center;grid-template-columns:110px 1fr;line-height:100%;gap:8px;margin-bottom:10px}.form__button{margin:0 auto}.scaling-modal{display:flex;flex-direction:column;color:#fff;align-items:start;width:95%}.tooltip{cursor:help}.tooltip:after{z-index:5;background-color:#000c;border-radius:8px 8px 8px 0;box-shadow:1px 1px 10px #00000080;color:#fff;content:attr(data-tooltip);margin-top:-24px;font-size:10px;opacity:0;max-width:min(80%,400px);padding:3px 7px;position:fixed;visibility:hidden;transition:all .4s ease-in-out}.tooltip:hover:after{opacity:1;visibility:visible}.form__select-iterpolation{display:flex;gap:10px;align-items:center}.form__lock{display:inline-flex;flex-direction:column;position:absolute;right:-32px;top:42px}.form__lock-button{width:32px;height:32px;padding:0;margin:0;border-radius:4px}.form__lock-button:hover{border:none;background-color:var(--dark-gray)}.form__lock-button:focus{border:1px solid var(--dark-gray);outline:none}.form__lock-line{width:18px;height:18px}.lock{fill:none;stroke:#909090;stroke-miterlimit:10}.form__errors{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.form__error{color:red;font-size:.8rem;margin-top:.2rem;line-height:1.2}@media(prefers-color-scheme:light){.scaling-modal{color:#000}.form__lock-button{width:32px;height:32px;padding:0;margin:0;border-radius:4px}.form__lock-button:hover{border:none;background-color:#d5d5d5}.form__lock-button:focus{border:1px solid #d5d5d5;outline:none}}.context-modal{background-color:var(--dark-gray);border:none;border-left:1px solid var(--dark-gray);padding:0;animation:translateIn .6s forwards;margin:38px 48px 0 auto;position:fixed}.context-modal__head{background-color:#262626;display:flex;gap:8px;justify-content:space-between;align-items:center;padding:4px 14px}.context-modal__body{display:flex;justify-content:space-between;align-items:center;padding:8px 14px}.context-modal__title{color:#fff;font-weight:500;font-size:16px;margin:0;padding:0}.context-modal__close{background-color:#262626;display:flex;height:30px;width:30px;align-items:center;justify-content:center;color:#fff;float:right;font-size:12px;line-height:12px;font-weight:800;border:1px solid transparent}.context-modal__close:focus{outline:1.5px}.context-modal__close:hover{border:1px solid rgb(136,136,136)}.close:hover,.close:focus{color:#888;text-decoration:none;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes translateIn{0%{transform:translate(400px)}to{transform:translate(0)}}@media(prefers-color-scheme:light){.context-modal{background-color:#fff;border-left:1px solid var(--light-gray)}.context-modal__head{background-color:#f8f8f8}.context-modal__close{background-color:var(--light-gray);color:var(--dark-drop)}.context-modal__title{color:var(--dark-drop)}button{background-color:#f9f9f9}}.curves-modal{width:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.curves-modal__preview{display:none}.curves-modal__preview--active{display:block;margin-bottom:20px;position:fixed;max-height:400px;max-width:min(400px,20%);right:0}.curves-modal__edit{display:flex;align-items:center;gap:24px}.curves-modal__settings{display:flex;align-items:center;font-size:14px;line-height:1.2}.curves-modal__settings label{cursor:pointer;padding-right:8px}.curves-modal__settings input{cursor:pointer}.curves-modal__table{display:grid;grid-template-columns:80px 90px 90px;gap:10px;align-items:center;margin:20px 0}.curves-modal__name{font-weight:500;font-size:16px;text-align:center;margin:0}.curves-modal__name--a{grid-column-start:2}.curves-modal__actions{display:flex;justify-content:flex-end;gap:12px}.filter-modal{width:100%;display:flex;align-items:stretch;flex-direction:column;justify-content:center;position:relative}.filter-modal__preview{display:none}.filter-modal__preview--active{display:none;margin-bottom:20px;position:fixed;max-height:400px;max-width:min(400px,20%);right:0}.filter-modal__edit{display:flex;align-items:center;gap:24px}.filter-modal__settings{display:flex;align-items:center;font-size:14px;line-height:1.2}.filter-modal__settings label{cursor:pointer;padding-right:8px}.filter-modal__settings input{cursor:pointer}.filter-modal__table{display:flex;flex-direction:column;gap:10px;align-items:start;margin:20px 0;border:none}.filter-modal__name{font-weight:500;font-size:16px;text-align:center;margin:0}.filter-modal__name--a{grid-column-start:2}.filter-modal__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.filter-modal__input{display:flex}.filter-modal__inputs{display:grid;grid-template-columns:64px 64px 64px;gap:6px}.filter-modal__mode{display:flex;cursor:pointer;align-items:center;gap:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#f8f8f8;background-color:#1e1e1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-bg: rgb(29, 29, 29);--dark-gray: rgb(50, 50, 50);--dark-drop: rgb(38, 38, 38);--dark-drophover: rgb(63, 63, 63);--light-gray: rgb(213, 213, 213);--light-bg: rgb(248, 248, 248);--accent: #df6d21}#root{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-image:linear-gradient(#ff4d00 -50%,#323232 80%);overflow:hidden}h1{font-size:3.2em;line-height:1.1}h1,p,span{padding:0;margin:0}::backdrop{background:linear-gradient(180deg,#0000005e 70.83%,#44444443);background-color:#1a1a1a;opacity:.75}button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}button:focus,button:focus-visible{outline:1px auto -webkit-focus-ring-color}.actions{margin-top:20px;display:flex;gap:4px;justify-content:center}@media(prefers-color-scheme:light){:root{color:#0f0e0d;background-color:#fff}a:hover{color:#747bff}button{background-color:#f0f0f0}body{background-image:linear-gradient(#FF4D00 -30%,var(--light-gray) 85%)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}