.text-input{display:flex;flex-direction:column;color:#333;padding:.5rem 0}.text-input label{margin:0 0 .5rem;font-size:14px}.text-input input[type=text]{padding:.25rem .5rem;outline:none;background-color:transparent;border:1px solid transparent;border-bottom-color:rgba(51,51,51,.5);display:border-box}.text-input input[type=text]:focus{outline:none;border:1px solid #333}.text-input input[type=text]::placeholder{color:rgba(51,51,51,.5)}.color-input{display:flex;flex-direction:column;gap:12px;color:#333;min-height:56px;max-height:56px}.color-input label{display:block;flex:1 1 auto;margin:0}.color-input-row{display:flex;align-items:center;width:100%;flex:0 0 auto}.color-input-row input[type=color]{width:100%;height:24px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.color-input-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-row input[type=color]::-webkit-color-swatch{border:1px dotted #333;border-radius:0}.color-input-row input[type=color]::-moz-color-swatch{border:1px dotted #333;border-radius:0}.curve-editor{display:flex;flex-direction:column;gap:8px;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;padding:8px 0}.curve-editor__header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.curve-editor__label{flex:1 1 auto}.curve-editor__surface{display:block;width:100%;height:auto;max-width:100%;background:rgba(51,51,51,.03);border:1px dotted #333;cursor:crosshair;touch-action:none;overflow:visible}.curve-editor__panel{fill:rgba(51,51,51,.04);stroke:rgba(51,51,51,.2);stroke-width:1}.curve-editor__grid{stroke:rgba(51,51,51,.09);stroke-width:1}.curve-editor__curve{fill:none;stroke:#333;stroke-width:1;stroke-linecap:round;pointer-events:none}.curve-editor__handle-line{stroke:rgba(51,51,51,.35);stroke-width:1}.curve-editor__handle-point,.curve-editor__point{cursor:-webkit-grab;cursor:grab;transition:fill .15s ease,stroke .15s ease,opacity .15s ease}.curve-editor__handle-point{fill:#f9f8f5;stroke:#333;stroke-width:1.5}.curve-editor__point{fill:#f9f8f5;stroke:#333;stroke-width:2}.curve-editor__point.is-selected{fill:#333;stroke:#f9f8f5}.curve-editor__point.is-endpoint{opacity:.9}.curve-editor:focus-visible .curve-editor__surface{border-style:solid}