.button{font-size:var(--font-size-default);cursor:pointer;border-radius:var(--border-radius);border:none;box-shadow:var(--box-shadow);padding:var(--safe-sapce-med);font-weight:700}.button:disabled{cursor:default;box-shadow:none;background-color:var(--color-accent-0)}.button:hover:not(:disabled){--box-shadow-size:0px 2px 2px;box-shadow:var(--box-shadow-color) var(--box-shadow-size)}.button--default{color:var(--color-dark);background-color:var(--color-light)}.button--agree{color:var(--color-light);background-color:var(--color-accent-1)}.button--primary{color:var(--color-light);background-color:var(--color-accent-2)}.button--warning{color:var(--color-light);background-color:var(--color-accent-3)}.action-bar{padding:var(--safe-sapce-large)}.action-bar .button{margin-right:var(--safe-sapce-large)}.action-bar .button:last-child{margin-right:0}.ascii-image{display:inline-block;letter-spacing:0;white-space:nowrap}.ascii-preview .ascii-image{width:100%;text-align:center;box-shadow:var(--box-shadow);border-radius:var(--border-radius);padding:var(--safe-sapce-large);margin:var(--safe-sapce-large)}.label label{display:block;margin-bottom:var(--safe-sapce-min);font-weight:700}.input,.select{color:var(--color-dark)}.input{font-size:var(--font-size-default)}.file-select input{display:none}.palette-view{line-height:0}.palette-view__color{width:16px;height:16px;display:inline-block}.range input{vertical-align:middle}.range__range-input{width:70%}.range__number-input{width:25%}.image-proc{padding:var(--safe-sapce-large);white-space:nowrap}.image-proc .processing-settings .label{margin-top:var(--safe-sapce-large)}.image-proc .processing-settings .label:first-child{margin-top:0}.image-proc .processing-settings .label label{white-space:normal}.image-proc .palette-view{white-space:normal;margin-top:var(--safe-sapce-min)}.image-proc .image-wrapper{display:inline-block;position:relative;width:256px;height:256px;margin:var(--safe-sapce-large);vertical-align:top}.image-proc .image{max-width:100%;max-height:100%;min-width:100%;min-height:100%;object-fit:contain;background:repeating-conic-gradient(#e1e1e1 0 25%,transparent 0 50%) 50%/20px 20px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.image-proc .processing-settings{display:inline-block;width:256px;margin:var(--safe-sapce-large)}.processing-settings button,.processing-settings select{width:100%}.processing-settings .created-by{text-align:center;margin-top:var(--safe-sapce-large)}.main-template{display:flex;flex-direction:column;align-items:center}body{background-color:var(--color-layer-1);font-family:var(--font-family);font-size:var(--font-size-default);color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root{--color-dark:#323a45;--color-light:#f1f1f1;--color-layer-1:#eaedf2;--color-accent-0:#9fa7b4;--color-accent-1:#1fbba6;--color-accent-2:#14b9d6;--color-accent-3:#f17835;--font-size-default:16px;--font-family:Consolas,monaco,monospace;--safe-sapce-min:4px;--safe-sapce-med:8px;--safe-sapce-large:12px;--border-radius:4px;--box-shadow-color:rgb(0 0 0/24%);--box-shadow-size:0px 3px 8px;--box-shadow:var(--box-shadow-color) var(--box-shadow-size)}
/*# sourceMappingURL=main.af0f4353.chunk.css.map */