.prop-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}:where(.prop-slider,.prop-inline-slider-track,.prop-dial,.prop-pad,.prop-wheel,.react-aria-Slider,.color-slider,.app-status-zoom-slider){-webkit-user-select:none;user-select:none}svg.icon-filled{fill:currentColor;stroke:none}.prop-chevron{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;flex:none;width:10px;height:10px}.prop-field{box-sizing:border-box;align-items:stretch;height:28px;display:inline-flex;position:relative;overflow:hidden}.prop-field-input{min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:auto;padding:0 6px}.prop-inline-slider{flex:none;width:60px;height:28px;display:inline-flex;position:relative}.prop-inline-slider-track,.prop-inline-slider-input{box-sizing:border-box;border:1px solid var(--control-border,ButtonBorder);border-radius:var(--control-radius,6px);background:var(--control-background,Field);width:100%;height:100%;color:var(--text,FieldText);font:inherit;font-variant-numeric:tabular-nums}.prop-inline-slider-track{background-image:linear-gradient(to right, color-mix(in srgb, var(--accent,Highlight) 26%, transparent) var(--prop-fill,0%), transparent var(--prop-fill,0%));cursor:ew-resize;touch-action:none;outline:none;justify-content:center;align-items:center;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.prop-inline-slider-track:after{content:"";top:0;bottom:0;left:clamp(0px, calc(var(--prop-fill,0%) - 1px), calc(100% - 2px));background:var(--accent,Highlight);pointer-events:none;width:2px;position:absolute}.prop-inline-slider-value{z-index:1;pointer-events:none;position:relative}.prop-inline-slider-track:hover:not([aria-disabled=true]){border-color:var(--control-border-hover,Highlight)}.prop-inline-slider-track:focus-visible,.prop-inline-slider-input:focus-visible{border-color:var(--accent,Highlight);box-shadow:0 0 0 3px var(--focus-ring,Highlight);outline:none}.prop-inline-slider-track[aria-disabled=true]{color:var(--text-disabled,GrayText);cursor:default;opacity:.7}.prop-inline-slider-input{text-align:center;min-height:0;padding:0 6px}.prop-field-dropdown{width:20px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.prop-steppers{flex-direction:column;flex:none;width:16px;display:flex}.prop-stepper{min-height:0;color:inherit;cursor:pointer;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;padding:0;display:flex}.prop-stepper-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:8px;height:5px}.prop-select-button{box-sizing:border-box;max-width:100%;height:28px;font:inherit;white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.prop-select-button.is-inline{gap:4px;max-width:240px;padding:0 5px 0 6px}.prop-select-button.is-inline .prop-select-value{gap:5px}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden],[type=button],[type=submit]),textarea,select,.prop-field,.react-aria-NumberField .react-aria-Group,.react-aria-ComboBox .react-aria-Group){box-sizing:border-box;border:1px solid var(--control-border,#8a8a94);border-radius:var(--control-radius,6px);background:var(--control-background,Field);min-height:28px;color:var(--text,FieldText);font:inherit;transition:border-color .12s,box-shadow .12s}:where(input,textarea,select){padding:0 8px}:where(textarea){padding:6px 8px}:where(input,textarea)::placeholder{color:var(--control-placeholder,GrayText)}:where(.prop-field,.react-aria-Group) :where(input){min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none}:where(.react-aria-NumberField,.react-aria-ComboBox) .react-aria-Group{align-items:stretch;display:inline-flex;overflow:hidden}:where(.react-aria-NumberField,.react-aria-ComboBox) .react-aria-Group .react-aria-Input{flex:auto;min-width:0}:where(.prop-select-button,.react-aria-Select>.react-aria-Button,.react-aria-Button,.is-default,.prop-reset,.prop-button,.prop-browse){box-sizing:border-box;border:1px solid var(--control-border,ButtonBorder);border-radius:var(--control-radius,6px);background:var(--control-background,ButtonFace);min-height:28px;color:var(--text,ButtonText);font:inherit;cursor:pointer;outline:none;padding:0 12px;transition:border-color .12s,background-color .12s,box-shadow .12s}:where(.prop-select-button){padding:0 6px 0 8px}:where(.prop-field,.react-aria-Group) :where(.react-aria-Button,.prop-stepper,.prop-field-dropdown){min-height:0;color:var(--text-muted,inherit);background:0 0;border:0;border-radius:0;padding:0 6px}:where(.prop-field) :where(.prop-stepper){padding:0}:where(.prop-field,.react-aria-Group) :where(.react-aria-Button,.prop-stepper,.prop-field-dropdown)[data-hovered]{background:var(--hover-background,transparent);color:var(--text,inherit)}:where(.prop-field,.react-aria-Group) :where(.react-aria-Button,.prop-stepper,.prop-field-dropdown)[data-pressed]{background:var(--pressed-background,transparent)}:where(input,textarea,select):hover:not(:disabled,:focus),:where(.prop-field,.react-aria-Group)[data-hovered]:not([data-focus-within],[data-disabled]),:where(.prop-select-button,.react-aria-Button,.is-default,.prop-reset,.prop-button,.prop-browse)[data-hovered]:not([data-disabled]){border-color:var(--control-border-hover,Highlight)}:where(.prop-select-button,.react-aria-Button,.is-default,.prop-reset,.prop-button,.prop-browse)[data-hovered]:not([data-disabled]){background:var(--control-background-hover,ButtonFace)}:where(.prop-select-button,.react-aria-Button,.is-default,.prop-reset,.prop-button,.prop-browse)[data-pressed]:not([data-disabled]),:where(.react-aria-Select)[data-open]>.react-aria-Button,:where(.prop-select)[data-open] .prop-select-button{background:var(--pressed-background,ButtonFace)}:where(input,textarea,select):focus-visible,:where(.prop-field,.react-aria-Group)[data-focus-within],:where(.prop-select-button,.react-aria-Button,.is-default,.prop-reset,.prop-button,.prop-browse)[data-focus-visible]{border-color:var(--accent,Highlight);box-shadow:0 0 0 3px var(--focus-ring,Highlight);outline:none}:where(.prop-field,.react-aria-Group) :where(input):focus-visible{box-shadow:none;outline:none}:where(input,textarea,select):disabled,:where(.prop-field,.react-aria-Group)[data-disabled],:where(.prop-select-button,.react-aria-Button,.is-default,.prop-reset,.prop-button,.prop-browse)[data-disabled]{border-color:var(--control-border,GrayText);background:var(--control-disabled-background,Field);color:var(--text-disabled,GrayText);cursor:default;opacity:.7}:where(.prop-popover,.react-aria-Popover:not(.app-popover,.overflow-menu-popover)){box-sizing:border-box;min-width:var(--trigger-width);border:1px solid var(--popover-border,var(--border));background:var(--popover-background,Canvas);color:var(--text,CanvasText);box-shadow:var(--popover-shadow,0 4px 12px #00000040);border-radius:8px;overflow:auto}:where(.overflow-menu-popover){border:1px solid var(--popover-border,var(--border));background:var(--popover-background,Canvas);color:var(--text,CanvasText);box-shadow:var(--popover-shadow,0 4px 12px #00000040);border-radius:8px}:where(.prop-listbox,.react-aria-Popover .react-aria-ListBox){box-sizing:border-box;max-height:min(320px, var(--available-height,320px), 60vh);overscroll-behavior:contain;background:0 0;border:0;outline:none;margin:0;padding:4px;list-style:none;overflow:auto}:where(.prop-option,.react-aria-ListBoxItem){white-space:nowrap;cursor:default;border-radius:4px;outline:none;align-items:center;gap:8px;min-height:28px;padding:0 10px;display:flex}:where(.prop-option,.react-aria-ListBoxItem)[data-focused],:where(.prop-option,.react-aria-ListBoxItem)[data-hovered]{background:var(--hover-background,Highlight)}:where(.prop-option,.react-aria-ListBoxItem)[data-selected]{background:var(--accent-soft,Highlight);color:var(--text,HighlightText);font-weight:600}:where(.prop-option,.react-aria-ListBoxItem)[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--accent,Highlight)}:where(.prop-option,.react-aria-ListBoxItem)[data-disabled]{color:var(--text-disabled,GrayText)}:where(.prop-listbox-header,.react-aria-ListBox header){color:var(--text-muted,inherit);letter-spacing:.03em;text-transform:uppercase;padding:6px 10px 2px;font-size:11px;font-weight:600}:where(.react-aria-Checkbox,.prop-radio,.react-aria-Radio){cursor:pointer;align-items:center;gap:8px;min-height:24px;display:inline-flex}:where(.react-aria-Checkbox,.prop-radio,.react-aria-Radio):before{content:"";box-sizing:border-box;border:1px solid var(--control-border,ButtonBorder);background:var(--control-background,Field) center / 12px 12px no-repeat;border-radius:4px;flex:none;width:16px;height:16px;transition:background-color .12s,border-color .12s}:where(.prop-radio,.react-aria-Radio):before{border-radius:50%}:where(.react-aria-Checkbox,.prop-radio,.react-aria-Radio)[data-hovered]:before{border-color:var(--control-border-hover,Highlight)}:where(.react-aria-Checkbox)[data-selected]:before{border-color:var(--accent,Highlight);background-color:var(--accent,Highlight);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:where(.prop-radio,.react-aria-Radio)[data-selected]:before{border:5px solid var(--accent,Highlight);background-color:var(--control-background,Field)}:where(.react-aria-Checkbox,.prop-radio,.react-aria-Radio)[data-focus-visible]:before{box-shadow:0 0 0 3px var(--focus-ring,Highlight)}:where(.react-aria-Checkbox,.prop-radio,.react-aria-Radio)[data-disabled]{color:var(--text-disabled,GrayText);cursor:default}:where(.react-aria-Checkbox,.prop-radio,.react-aria-Radio)[data-disabled]:before{opacity:.6}:where(.react-aria-Tooltip,[role=tooltip],.prop-tooltip,.app-tooltip,.tool-tooltip){pointer-events:none}.modal.prop-dialog{width:min(90vw, calc(345px * var(--prop-dialog-scale,1)))}.modal.prop-dialog.is-resizable{resize:both;min-width:280px;min-height:200px;overflow:auto}.error-details{border:1px solid var(--border);white-space:pre-wrap;max-height:16em;margin:0 0 8px;padding:8px;font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow:auto}.prop-form,.prop-panel{flex-direction:column;gap:10px;display:flex}.prop-tab-list{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.prop-tabs [role=tab]{color:var(--text);cursor:pointer;background:0 0;border:0;padding:4px 10px}.prop-tabs [role=tab][aria-selected=true]{border-bottom:2px solid var(--accent);font-weight:600}.prop-control{flex-direction:column;gap:4px;display:flex}.prop-tooltip{border:1px solid var(--popover-border,var(--border));background:var(--popover-background,var(--panel-background));max-width:280px;color:var(--text);box-shadow:var(--popover-shadow,0 2px 6px #00000040);white-space:pre-line;border-radius:6px;padding:4px 8px;font-size:12px}.prop-heading-row{align-items:center;gap:8px;display:flex}.prop-heading{overflow-wrap:anywhere;min-width:0;font-weight:600}.prop-header-line{border:0;border-top:1px solid var(--border);flex:1;margin:0}.prop-description,.prop-footnote,.prop-value-text{color:var(--text);margin:0;font-size:.9em}.prop-footnote{opacity:.8}.prop-body{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prop-reset{margin-left:auto}.prop-slider-row,.prop-axis-row,.prop-angle-row,.prop-path-row,.prop-color-fields{align-items:center;gap:8px;width:100%;display:flex}.prop-axis-letter{text-align:center;width:1.2em}.prop-slider{border:1px solid var(--border);background:var(--panel-background);touch-action:none;border-radius:8px;flex:1;min-width:120px;height:16px;margin:0 6px;position:relative}.prop-slider-thumb{outline:none;width:24px;height:24px;margin:-12px 0 0 -12px;position:absolute;top:50%}.prop-slider-thumb:before{content:"";background:var(--accent);border:2px solid var(--accent-text);box-sizing:border-box;border-radius:50%;position:absolute;inset:5px}.prop-slider-thumb:focus-visible:before{box-shadow:0 0 0 2px var(--accent)}.prop-slider-thumb[aria-disabled=true]:before{opacity:.5}.prop-slider-tick{background:var(--border);width:1px;position:absolute;top:0;bottom:0}.prop-number{width:96px;display:inline-flex}.prop-number .prop-field{width:100%}.prop-preset{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prop-preset .prop-field-input{width:72px}.prop-error{color:var(--danger,#c62828);font-size:.85em}.prop-dial{border:1px solid var(--border);background:var(--panel-background);touch-action:none;border-radius:50%;outline:none;flex:none;width:56px;height:56px;position:relative}.prop-dial:focus-visible{box-shadow:0 0 0 2px var(--accent)}.prop-dial-needle{transform-origin:0;background:var(--accent);width:50%;height:2px;margin-top:-1px;position:absolute;top:50%;left:50%}.prop-pad{border:1px solid var(--border);background-color:var(--panel-background);touch-action:none;background-position:50%;background-size:cover;flex:none;width:140px;height:140px;position:relative}.prop-pad.is-circular{background-image:radial-gradient(circle at 35% 35%, #fff, var(--panel-background) 60%, #8a8a94);border-radius:50%}.prop-pad-nub{background:var(--accent);border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 1px #000}.prop-button,.prop-select-button,.prop-browse{cursor:pointer}.prop-select{display:inline-flex}.prop-listbox.is-multiline [role=option]{white-space:normal}.prop-radio-group{flex-direction:column;gap:4px;display:flex}.prop-choice-grid{--prop-choice-cell:32px;--prop-choice-gap:6px;gap:2px;display:grid}.prop-choice-cell{box-sizing:border-box;border:1px solid var(--control-border,ButtonBorder);border-radius:var(--control-radius,6px);background:var(--control-background,ButtonFace);color:var(--text,ButtonText);cursor:pointer;justify-content:center;align-items:center;transition:border-color .12s,background-color .12s;display:flex;position:relative}.prop-choice-cell[data-hovered]:not([data-disabled]){border-color:var(--control-border-hover,Highlight);background:var(--control-background-hover,ButtonFace)}.prop-choice-cell[data-selected]{border-color:var(--accent,Highlight);background:var(--accent-soft,Highlight);color:var(--text,HighlightText)}.prop-choice-cell[data-focus-visible]{box-shadow:0 0 0 3px var(--focus-ring,Highlight)}.prop-choice-cell[data-disabled]{color:var(--text-disabled,GrayText);cursor:default;opacity:.6}.prop-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prop-text{flex:1}.prop-input{box-sizing:border-box;width:100%}.prop-path-row .prop-text{flex:1;min-width:0}.prop-link{color:var(--accent);overflow-wrap:anywhere;text-decoration:underline}.prop-color{flex-wrap:wrap;align-items:flex-start;gap:12px;width:100%;min-width:0;display:flex}.prop-wheel{touch-action:none;background:radial-gradient(circle,#fff,#fff0 70%),conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;flex:none;width:120px;height:120px;position:relative}.prop-wheel-nub{border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #000}.prop-color-fields{flex-direction:column;flex:auto;align-items:stretch;width:auto;min-width:0}.prop-swatch{border:1px solid var(--border);height:24px;display:block}.prop-channels{gap:6px;display:flex}.prop-channels .prop-number{flex:84px;width:auto;min-width:0}.prop-dialog-separator{border:0;border-top:1px solid var(--border);margin:12px 0 4px}.prop-dialog-actions{flex-wrap:wrap}.prop-form.is-inline{display:contents}.prop-control.is-inline{white-space:nowrap;flex-direction:row;align-items:center;gap:4px;height:28px;display:flex}.prop-control.is-inline .prop-body{flex-wrap:nowrap}.prop-inline-label{color:var(--text-muted,var(--text));white-space:nowrap;font-size:12px}.prop-control.is-inline .prop-preset{flex:none;position:relative}.prop-control.is-inline .prop-error{z-index:5;border:1px solid var(--border);background:var(--panel-background);white-space:nowrap;border-radius:4px;padding:2px 6px;position:absolute;top:calc(100% + 4px);left:0}.prop-control.is-inline .prop-number{width:auto}.prop-control.is-inline .prop-number .prop-field-input{width:6ch}.prop-control.is-inline .prop-preset .prop-field-input{width:5ch}.prop-control.is-inline .prop-checkbox,.prop-control.is-inline .react-aria-Checkbox{white-space:nowrap}.prop-select-value{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.prop-select-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.prop-select-sizer{display:inline-grid}.prop-select-sizer>*{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;min-width:0;overflow:hidden}.prop-select-ghost{visibility:hidden}.prop-option{align-items:center;gap:8px;display:flex}.prop-dialog-notice{border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text);margin:10px 0 0;padding:6px 8px;font-size:.9em}.prop-help{background:var(--panel-background);max-width:280px;color:var(--text);border:1px solid var(--border);padding:8px 10px}.modal-header{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:8px;margin:-16px -16px 12px;padding:16px 16px 0;display:flex}.modal-header .modal-title{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.modal-close{border-radius:var(--control-radius,6px);width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;flex:none;justify-content:center;align-items:center;margin:-6px -8px -6px 0;padding:0;transition:background-color .12s,color .12s;display:flex}.modal-close[data-hovered]:not([data-disabled]){background:var(--hover-background)}.modal-close[data-pressed]:not([data-disabled]){background:var(--pressed-background)}.modal-close[data-disabled]{opacity:.32;cursor:default}.modal-close[data-focus-visible]{outline:2px solid var(--accent);outline-offset:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.modal-close-icon{width:16px;height:16px}.overflow-row{flex:auto;align-items:center;min-width:0;height:100%;display:flex}.overflow-row-items{flex:auto;align-items:center;gap:6px;min-width:0;height:100%;display:flex;overflow:hidden}.overflow-row-items [data-strip-item]{flex:none;max-height:100%}.overflow-row-items [data-overflowed]{visibility:hidden}.overflow-row-more{flex:none;align-items:center;padding-left:6px;display:flex}.overflow-row-more-button{border-radius:var(--control-radius,6px);width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.overflow-row-more-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:16px;height:16px}.overflow-menu-popover{max-width:min(420px,90vw);max-height:min(70vh,560px);overflow:auto}.overflow-menu{outline:none;padding:8px}.overflow-menu-items{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.overflow-menu-items [data-strip-item][hidden]{display:none}:root{--curves-luminosity:#000;--curves-red:red;--curves-green:#0f0;--curves-blue:#00f}[data-color-scheme=dark]{--curves-luminosity:#fff;--curves-red:#df2020;--curves-green:#20df20;--curves-blue:#2020df}.curves-form{flex-direction:column;gap:8px;width:min(320px,90vw);display:flex}.curves-mode-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.curves-heading{white-space:nowrap;margin:0;font-size:12px;font-weight:600}.curves-mode{width:90px}.curves-plot{width:100%}.curves-svg{color:var(--text);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;display:block}.curves-channels{justify-content:space-between;gap:8px;display:flex}.curves-readout,.curves-tip{min-height:1em;margin:0;font-size:12px}.curves-footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.curves-button{min-width:72px}:root{--levels-blend:black}[data-color-scheme=dark]{--levels-blend:white}.levels-form{flex-direction:column;gap:8px;min-width:min(460px,90vw);display:flex}.levels-body{gap:10px;height:300px;min-height:240px;display:flex}.levels-column{flex-direction:column;align-items:center;gap:4px;min-height:0;display:flex}.levels-histogram-column{flex:1 1 0;min-width:90px}.levels-histogram-wrap{flex:auto;width:100%;min-height:0}.levels-histogram{background:var(--levels-background,transparent);border:1px solid gray;width:100%;height:100%;display:block}.levels-heading{white-space:nowrap;margin:0;font-size:12px;font-weight:600}.levels-input,.levels-output{flex:none;height:100%}.levels-input{width:110px}.levels-output{width:150px}.levels-output-row{flex:auto;gap:6px;width:100%;min-height:0;display:flex}.levels-output-stack{flex-direction:column;align-items:center;gap:4px;display:flex}.levels-gradient{touch-action:none;border:1px solid gray;flex:auto;width:24px;min-height:120px;position:relative}.levels-gradient[data-disabled]{opacity:.5}.levels-nub{pointer-events:none;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #888;width:0;height:0;position:absolute;left:-8px;transform:translateY(50%)}.levels-nub.is-highlighted{border-left-color:#fff}.levels-spin-wrap,.levels-spin{width:100%}.levels-spin input{box-sizing:border-box;text-align:right;width:100%;min-height:24px}.levels-swatch{cursor:pointer;border:1px solid #666;width:40px;height:24px;padding:0}.levels-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.levels-footer-left,.levels-footer-right{align-items:center;gap:8px;display:flex}.levels-button{width:85px}.levels-channels{gap:8px;display:flex}.app-menu-thumbnail{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;flex:none;margin-inline-end:8px}.file-message{white-space:pre-line}.file-choice{grid-template-columns:max-content 1fr;align-items:center;gap:4px 12px;margin-block:8px;display:grid}.file-choice p{margin:0}.file-save-form{gap:12px;display:grid}.save-config-body{grid-template-columns:minmax(220px,1fr) minmax(0,1.4fr);gap:16px;display:grid}.save-config-heading{margin:0 0 8px;font-size:1em}.save-config-image{place-items:center;min-height:160px;max-height:50vh;display:grid;overflow:auto}.save-config-image img{object-fit:contain;max-width:100%;max-height:50vh;image-rendering:pixelated}.file-field{gap:4px;display:grid}.about{gap:6px;display:grid}.about-banner{justify-self:center;width:64px;height:64px}.about-name{margin:0;font-size:1.25em;font-weight:600}.about-component-list{max-height:16rem;overflow-y:auto}.open-source-list{gap:8px;display:grid}.open-source-heading{margin:0 0 4px;font-size:.95em}.about-components{border:1px solid var(--border);margin:0;padding:0;list-style:none}.about-license{padding:6px 8px}.about-license p{margin:0 0 4px}.about-copyright{white-space:pre-line}.about-components li+li{border-top:1px solid var(--border)}.about-component{box-sizing:border-box;text-align:start;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:28px;display:flex}.about-license pre{white-space:pre-wrap;max-height:14rem;margin:0;font-size:11px;overflow:auto}.help-update-check{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.help-update-check p{margin:0}.app-update-notice,.app-install-hint{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-update-notice p,.app-install-hint p{margin:0}.app-update-actions{gap:8px;display:flex}.print-view{display:none}@media print{body>:not(.print-view){display:none!important}.print-view{display:block}.print-view.is-fit{height:100vh}.print-view img{object-fit:contain;max-width:none;display:block}}.settings-dialog{grid-template-columns:180px minmax(0,1fr);gap:12px;min-height:360px;max-height:70vh;display:grid}.settings-sections{outline:none;flex-direction:column;gap:2px;padding:4px;display:flex;overflow:auto}.settings-section{cursor:default;border-radius:4px;outline:none;padding:6px 8px}.settings-section[data-focus-visible]{outline:2px solid var(--accent);outline-offset:1px}.settings-section[data-selected]{background:var(--accent);color:var(--accent-text)}.settings-page{flex-direction:column;gap:12px;min-width:0;padding-inline-end:4px;display:flex;overflow:auto}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-note,.settings-status{margin:0;font-size:.9em}.settings-confirm{border:1px solid;border-radius:6px;flex-direction:column;gap:8px;padding:8px;display:flex}.settings-confirm h3,.settings-storage h3,.settings-tool-row h3{margin:4px 0;font-size:1em}.settings-diagnostics{border-collapse:collapse;width:100%;font-size:.9em}.settings-diagnostics th,.settings-diagnostics td{text-align:start;vertical-align:top;padding:2px 6px}.settings-diagnostics td:first-child{width:45%}.settings-diagnostics tbody th{padding-top:8px;font-weight:600}:root[data-animations=off] *,:root[data-animations=off] :before,:root[data-animations=off] :after{transition:none;animation:none}:root{--left-sidebar-width:104px;--right-sidebar-width:280px;--status-bar-height:25px;--tool-options-height:40px;--menu-bar-height:32px;--common-actions-height:40px;--header-inset:14px;--min-viewport-width:1024px;--min-viewport-height:700px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-background:#e4e4e8;--panel-background:#f5f5f7;--panel-header-background:#e8e8ec;--toolbar-background:linear-gradient(#fbfbfc, #e6e6ea);--canvas-area-background:#cfcfd4;--text:#1d1d21;--text-disabled:#6b6b74;--text-muted:#55555e;--border:#c5c5cc;--accent:#1f6feb;--accent-text:#fff;--ruler-background:#ececf0;--ruler-text:#3a3a42;--ruler-tick:#6a6a74;--ruler-selection:#1f6feb40;--ruler-marker:#d93636;--control-radius:6px;--control-background:#fff;--control-background-hover:#fafafc;--control-border:#c2c2ca;--control-border-hover:#8e8e99;--control-disabled-background:#ededf1;--control-placeholder:#8a8a94;--focus-ring:color-mix(in srgb, var(--accent) 40%, transparent);--hover-background:#0000000f;--pressed-background:#0000001f;--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--popover-background:#fff;--popover-border:#c9c9d0;--popover-shadow:0 8px 24px #00000024, 0 1px 3px #0000001a;--header-background:#f7f7f9;--header-divider:#00000012;--header-separator:#00000024}:root[data-color-scheme=dark]{--control-background:#1c1c21;--control-background-hover:#202026;--control-border:#45454f;--control-border-hover:#6c6c78;--control-disabled-background:#25252a;--control-placeholder:#7d7d88;--hover-background:#ffffff12;--pressed-background:#ffffff21;--accent-soft:color-mix(in srgb, var(--accent) 20%, transparent);--popover-background:#2c2c33;--popover-border:#474751;--popover-shadow:0 8px 24px #00000080, 0 1px 3px #0006;--header-background:#2a2a30;--header-divider:#ffffff0f;--header-separator:#ffffff21;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-background:#1d1d21;--panel-background:#28282e;--panel-header-background:#222227;--toolbar-background:linear-gradient(#2e2e35, #24242a);--canvas-area-background:#151518;--text:#e8e8ee;--text-disabled:#9a9aa4;--text-muted:#a9a9b3;--border:#3b3b44;--accent:#58a6ff;--accent-text:#0b0b0e;--ruler-background:#2a2a31;--ruler-text:#c8c8d0;--ruler-tick:#8a8a96;--ruler-selection:#58a6ff4d;--ruler-marker:#ff6b6b}html,body,#root{height:100%;margin:0}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,sans-serif;font-size:13px}@media (pointer:coarse),(hover:none){html,body{overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent}}.app-shell{grid-template-rows:auto auto auto minmax(0, 1fr) var(--status-bar-height);height:100%;min-width:var(--min-viewport-width);min-height:var(--min-viewport-height);box-sizing:border-box;background:var(--app-background);color:var(--text);touch-action:manipulation;font-family:system-ui,sans-serif;font-size:13px;display:grid}.app-menu-bar{height:var(--menu-bar-height);padding:0 calc(var(--header-inset) - 8px);background:var(--header-background);border-bottom:1px solid var(--header-divider);grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;display:flex}.app-tool-options{background:var(--header-background);border-bottom:1px solid var(--border);flex-direction:column;grid-area:2/1/auto/-1;min-width:0;display:flex}.app-tool-config{min-width:0;height:var(--tool-options-height);align-items:center;display:flex;overflow:hidden}.app-common-actions{height:var(--common-actions-height);padding:0 calc(var(--header-inset) - 8px);border-bottom:1px solid var(--header-divider);align-items:center;gap:2px;display:flex}.app-common-button{border-radius:var(--control-radius);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s;display:flex}.app-common-button[data-hovered]:not([data-disabled]){background:var(--hover-background)}.app-common-button[data-pressed]:not([data-disabled]){background:var(--pressed-background)}.app-common-button[data-selected]{background:var(--accent-soft);color:var(--accent)}.app-common-button[data-selected][data-hovered]:not([data-disabled]){background:color-mix(in srgb, var(--accent) 24%, transparent)}.app-common-button[data-disabled]{color:var(--text);opacity:.32;cursor:default}.app-common-button[data-focus-visible]{outline:2px solid var(--accent);outline-offset:0}.app-common-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.app-common-separator{background:var(--header-separator);border:0;flex:none;align-self:center;width:1px;height:20px;margin:0 6px}.app-image-tabs{background:var(--panel-header-background);border-bottom:1px solid var(--border);grid-area:3/1/auto/-1;min-height:36px}.app-image-tab-strip{align-items:stretch;height:100%;min-height:36px;display:flex}.app-image-tab-scroller{scroll-behavior:smooth;flex:auto;align-items:flex-end;gap:2px;min-width:0;padding:4px 4px 0;display:flex;position:relative;overflow:hidden}.app-image-tab-scroller.is-fade-start{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px);mask-image:linear-gradient(90deg,#0000,#000 24px)}.app-image-tab-scroller.is-fade-end{-webkit-mask-image:linear-gradient(270deg,#0000,#000 24px);mask-image:linear-gradient(270deg,#0000,#000 24px)}.app-image-tab-scroller.is-fade-start.is-fade-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.app-image-tab-item{flex:none;width:128px;transition:transform .25s;animation:.5s ease-out app-tab-fade-in;position:relative}.app-image-tab-item.is-dragging{z-index:1;transition:none}.app-image-tab{box-sizing:border-box;border:1px solid var(--border);background:var(--panel-header-background);width:100%;height:32px;color:var(--text);font:inherit;cursor:default;-webkit-user-select:none;user-select:none;border-bottom:0;border-radius:4px 4px 0 0;outline:none;align-items:center;gap:6px;padding:2px 28px 2px 2px;font-size:12px;display:flex;position:relative}.app-image-tab.is-active{background:var(--panel-background);box-shadow:inset 0 2px 0 var(--accent)}.app-image-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.app-image-tab-thumb{flex:none;justify-content:center;align-items:center;width:40px;height:26px;display:flex}.app-image-tab-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-image-tab-dirty{background:var(--accent);border-radius:50%;width:11px;height:11px;margin-top:-5.5px;transition:opacity .25s;position:absolute;top:50%;right:7.5px}.app-image-tab-item:hover .app-image-tab-dirty{opacity:0;transition-duration:.1s}.app-image-tab-item:has(:focus-visible) .app-image-tab-dirty{opacity:0;transition-duration:.1s}.app-image-tab-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:11px;height:11px;animation:.8s linear infinite app-tab-spin}.app-image-tab-close{background:var(--panel-background);width:24px;height:24px;color:var(--text);opacity:0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .25s;display:flex;position:absolute;top:4px;right:2px}.app-image-tab-item:hover .app-image-tab-close,.app-image-tab-item:not(.is-dirty) .app-image-tab-close.is-active{opacity:1}.app-image-tab-item:has(:focus-visible) .app-image-tab-close{opacity:1}.app-image-tab-item:hover .app-image-tab-close{transition-duration:.1s}.app-image-tab-arrow,.app-image-tab-list-button{width:22px;color:var(--text);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.app-image-tab-arrow[disabled]{opacity:.4}.app-image-tab-list-item{align-items:center;gap:8px;display:flex}.app-image-tab-list-slot{flex:none;justify-content:center;align-items:center;width:28px;height:20px;display:flex}.app-image-tab-list-thumb{background:conic-gradient(#fff 25%, #ccc 0 50%, #fff 0 75%, #ccc 0) 0 0 / 8px 8px;display:block}.app-image-tab-menu-anchor{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:fixed}@keyframes app-tab-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-tab-spin{to{transform:rotate(360deg)}}.app-sidebar{background:var(--panel-background);border-color:var(--border);border-style:solid;border-width:0;min-width:0;min-height:0;overflow:hidden}.app-sidebar-left{border-right-width:1px;grid-area:4/1}.app-sidebar-right{border-left-width:1px;grid-area:4/3}.app-canvas-area{background:var(--canvas-area-background);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;grid-area:4/2;min-width:0;min-height:0;position:relative;overflow:hidden}.app-status-bar{box-sizing:border-box;height:var(--status-bar-height);background:var(--panel-background);border-top:1px solid var(--border);grid-area:5/1/auto/-1;align-items:center;display:flex}.app-status-content{flex:auto;align-items:center;gap:6px;min-width:0;height:100%;padding:0 6px;font-size:12px;display:flex}.app-status-context{white-space:nowrap;flex:auto;align-items:center;gap:4px;min-width:0;height:100%;display:flex;overflow:hidden}.app-status-context-text{flex:auto;min-width:0;height:100%;display:flex;position:relative}.app-status-cursor{width:17ch;height:100%;display:flex;position:relative}.app-painted-text,.app-painted-text>canvas{width:100%;height:100%;display:block}.app-status-text{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.app-status-separator{background:var(--border);flex:none;width:1px;height:14px}.app-status-progress{flex:none;align-items:center;gap:6px;display:flex}.app-status-progress-bar{border:1px solid var(--border);background:var(--panel-background);width:96px;height:8px;position:relative;overflow:hidden}.app-status-progress-fill{background:var(--accent);height:100%}.app-status-progress-indeterminate{width:30%;animation:1.2s linear infinite app-status-indeterminate}@keyframes app-status-indeterminate{0%{transform:translate(-100%)}to{transform:translate(333%)}}.app-status-button{min-width:20px;height:20px;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;padding:0 4px}.app-status-button[data-hovered]{border-color:var(--border);background:color-mix(in srgb, var(--accent) 16%, transparent)}.app-status-button[data-focus-visible]{outline:2px solid var(--accent);outline-offset:1px}.app-status-button[data-disabled]{opacity:.45}.app-status-zoom{text-align:right;min-width:48px}.app-status-zoom-wrap{flex:none;width:48px;height:20px;position:relative}.app-zoom-entry{box-sizing:border-box;background:var(--panel-background);width:48px;height:20px;color:var(--text);font:inherit;outline:1px solid var(--accent);border:0;padding:0 4px;position:absolute;inset:0}.app-zoom-entry-invalid{outline:2px solid #d93025;animation:.3s app-zoom-shake}@keyframes app-zoom-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.app-status-zoom-slider{flex:none;width:120px;height:16px;position:relative}.app-status-slider-track,.app-slider-track{background:var(--border);border-radius:2px;height:4px;position:relative;top:6px}.app-status-slider-track>div,.app-slider-track>div{box-sizing:border-box;border:2px solid var(--panel-background);background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:50%}.app-status-zoom-slider[data-disabled]{opacity:.45}.app-sidebar-column{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.app-panel{border-bottom:1px solid var(--border);flex-direction:column;flex:none;min-height:0;display:flex;overflow:hidden}.app-panel.is-fill{flex:auto}.app-panel-header{box-sizing:border-box;background:var(--panel-header-background);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:2px;height:26px;padding:0 4px 0 2px;display:flex}.app-panel-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:12px;font-weight:600;overflow:hidden}.app-panel-chevron{width:20px;height:20px;color:inherit;cursor:default;background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.app-panel-chevron:hover{background:var(--border)}.app-panel-chevron-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px;transition:transform .15s}.app-panel-chevron-icon.is-collapsed{transform:rotate(-90deg)}.app-panel-body{flex:auto;min-height:0;overflow:auto}.app-splitter{background:var(--border);cursor:row-resize;touch-action:none;flex:0 0 4px;height:4px}.app-splitter:hover,.app-splitter:focus-visible{background:var(--accent)}.app-splitter[aria-disabled=true]{cursor:default;background:var(--border)}.app-splitter-width{z-index:2;cursor:col-resize;background:0 0;flex:none;width:4px;height:auto;position:absolute;top:0;bottom:0;left:0}.app-splitter-width:hover,.app-splitter-width:focus-visible{background:var(--accent)}.app-splitter-width[aria-disabled=true]{background:0 0}.app-tooltip{background:var(--popover-background);color:var(--text);border:1px solid var(--popover-border);box-shadow:var(--popover-shadow);white-space:pre-line;border-radius:6px;padding:4px 8px;font-size:12px}.app-layers{flex-direction:column;height:100%;min-height:0;display:flex}.app-layers-empty{opacity:.7;margin:0;padding:8px}.app-layers-list{scroll-behavior:smooth;flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.app-layer-row{box-sizing:border-box;border-bottom:1px solid var(--border);align-items:center;gap:4px;height:40px;padding:0 6px 0 4px;transition:transform .25s;animation:.5s app-layer-fade-in;display:flex;position:relative}.app-layer-row[aria-current=true]{background:color-mix(in srgb, var(--accent) 22%, transparent)}.app-layer-row.is-dragging{z-index:1;background:var(--panel-background);transition:none;box-shadow:0 2px 6px #0000004d}.app-layer-visible{flex:none;align-items:center;display:flex}.app-layer-check{border:1px solid;border-radius:2px;width:12px;height:12px}.app-layer-visible[data-selected] .app-layer-check{background:var(--accent);border-color:var(--accent)}.app-layer-select{min-width:0;color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:0;flex:auto;align-items:center;gap:6px;padding:0 4px;display:flex}.app-layer-thumb{flex:none;justify-content:center;align-items:center;width:40px;height:26px;display:flex}.app-layer-thumb-image,.app-image-tab-thumb-image{background:conic-gradient(#fff 25%, #ccc 0 50%, #fff 0 75%, #ccc 0) 0 0 / 8px 8px;flex:none;display:block;box-shadow:0 1px 3px #0006}.app-layer-thumb-image img,.app-image-tab-thumb-image img{width:100%;height:100%;display:block}.app-layer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-layer-toolbar{border-top:1px solid var(--border);flex-wrap:wrap;flex:none;gap:2px;padding:3px;display:flex}.app-panel-tool{border-radius:var(--control-radius);width:28px;height:24px;color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s;display:flex}.app-panel-tool[data-hovered]:not([data-disabled]){background:var(--hover-background)}.app-panel-tool[data-pressed]:not([data-disabled]){background:var(--pressed-background)}.app-panel-tool[data-disabled]{opacity:.32;cursor:default}.app-panel-tool[data-focus-visible]{outline:2px solid var(--accent);outline-offset:0}.app-panel-tool-icon{width:16px;height:16px}@keyframes app-layer-fade-in{0%{opacity:0}to{opacity:1}}.app-history{flex-direction:column;height:100%;min-height:0;display:flex}.app-history-empty{opacity:.7;margin:0;padding:8px}.app-history-list{flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.app-history-row{border-bottom:1px solid var(--border)}.app-history-row[aria-current=step]{background:color-mix(in srgb, var(--accent) 22%, transparent)}.app-history-row.is-undone{opacity:.45}.app-history-item{box-sizing:border-box;width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:0;align-items:center;gap:6px;padding:3px 6px;display:flex}.app-history-item:hover{background:var(--border)}.app-history-icon{flex:none;width:14px;height:14px}.app-history-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-history-toolbar{border-top:1px solid var(--border);flex-wrap:wrap;flex:none;gap:2px;padding:3px;display:flex}.layer-properties{flex-direction:column;gap:8px;min-width:300px;display:flex}.layer-properties-heading{margin:0;font-size:12px;font-weight:600}.layer-properties-field{flex-direction:column;gap:2px;display:flex}.layer-properties-opacity{align-items:center;gap:8px;display:flex}.layer-properties-slider{flex:1;grid-template-columns:auto minmax(160px,1fr);align-items:center;gap:12px;height:16px;margin-right:7px;display:grid}.layer-properties-slider .app-slider-track{top:0}.image-dialog{flex-direction:column;gap:8px;min-width:320px;display:flex}.image-size-fields{flex-direction:column;gap:6px;display:flex}.image-size-heading{margin:6px 0 0;font-size:12px;font-weight:600}.image-size-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-size-mode{flex-direction:column;gap:4px;display:flex}.image-size-summary p,.image-size-memory{margin:0}.image-anchor{align-items:center;gap:12px;display:flex}.image-anchor-grid{grid-template-rows:repeat(3,18px);grid-template-columns:repeat(3,18px);gap:2px;display:grid}.image-anchor-grid>*{border:1px solid var(--border);cursor:pointer}.image-anchor-grid [data-selected]{background:var(--accent)}.app-aux{align-items:center;gap:2px;display:flex}.app-aux-panels{border-right:1px solid var(--header-separator);align-items:center;gap:2px;margin-right:4px;padding-right:6px;display:flex}.app-aux-panels .app-aux-button[data-selected]{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}.app-canvas-area:focus{outline:none}.modal-overlay{z-index:10;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.is-clear{background:0 0}.modal{background:var(--panel-background);max-width:min(480px,90vw);max-height:90vh;color:var(--text);border:1px solid var(--border);overflow:auto;box-shadow:0 8px 24px #0000004d}.modal-dialog{outline:none;padding:16px}.modal-title{margin:0 0 12px;font-size:15px;font-weight:600}.modal-wide{max-width:min(720px,90vw)}.paste-thumbnail{border:1px solid var(--border,#888);max-width:120px;max-height:120px;image-rendering:pixelated;margin:8px 0;display:block}.unsaved-heading{margin:12px 0 4px;font-size:13px;font-weight:600}.unsaved-list{flex-wrap:wrap;gap:8px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.unsaved-thumb{width:120px;font:inherit;color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.unsaved-thumb img{object-fit:contain;background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 50%/12px 12px;width:100%;height:80px}.unsaved-thumb span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.unsaved-thumb[data-focus-visible]{outline:2px solid var(--accent);outline-offset:1px}.shortcut-group h3{margin:12px 0 4px;font-size:13px;font-weight:600}.shortcut-table{border-collapse:collapse;width:100%}.shortcut-table th,.shortcut-table td{text-align:left;white-space:nowrap;padding:2px 8px}.app-aux-button,.app-menu-button{min-width:26px;height:26px;color:inherit;border-radius:var(--control-radius);font:inherit;cursor:default;background:0 0;border:0;outline:none;margin:0;padding:0 8px;transition:background-color .12s}.app-aux-button[data-hovered],.app-menu-button[data-hovered]{background:var(--hover-background)}.app-aux-button[data-pressed],.app-menu-button[data-pressed],.app-menu-button[aria-expanded=true],.app-aux-button[aria-expanded=true]{background:var(--pressed-background)}.app-aux-button[data-focus-visible],.app-menu-button[data-focus-visible]{outline:2px solid var(--accent);outline-offset:0}.app-popover{background:var(--popover-background);color:var(--text);border:1px solid var(--popover-border);box-shadow:var(--popover-shadow);border-radius:8px}.app-menu{outline:none;min-width:180px;margin:0;padding:4px;list-style:none}.app-menu-list{align-items:center;min-width:0;display:flex}.app-menu-item{cursor:default;border-radius:4px;outline:none;align-items:baseline;gap:24px;padding:5px 20px 5px 24px;display:flex;position:relative}.app-menu-item[data-selected]:before{content:"✓";position:absolute;left:8px}.app-menu-item[data-disabled]{color:var(--text-disabled)}.app-menu-item[data-focused]{background:var(--accent);color:var(--accent-text)}.app-menu-group:after{content:"▸";margin-left:auto}.app-menu-label{white-space:nowrap}.app-menu-shortcut{color:var(--text-muted);white-space:nowrap;margin-left:auto}.app-menu-item[data-focused] .app-menu-shortcut{color:inherit}.app-menu-separator{background:var(--border);height:1px;margin:4px 0}.app-canvas-frame{--ruler-size:0px;position:absolute;inset:0}.app-viewport{inset:var(--ruler-size) 0 0 var(--ruler-size);position:absolute}.app-canvas-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.app-tool-busy{z-index:2;box-sizing:border-box;pointer-events:none;border:2px solid #80808066;border-top-color:#1f6feb;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.8s linear infinite app-tab-spin;position:absolute}.app-ruler{background:var(--ruler-background);display:block;position:absolute}.app-ruler-horizontal{top:0;left:var(--ruler-size);width:calc(100% - var(--ruler-size));height:var(--ruler-size)}.app-ruler-vertical{top:var(--ruler-size);width:var(--ruler-size);height:calc(100% - var(--ruler-size));left:0}.app-ruler-marker{pointer-events:none;display:block;position:absolute}.app-ruler-marker-horizontal{top:0;left:var(--ruler-size);width:calc(100% - var(--ruler-size));height:var(--ruler-size)}.app-ruler-marker-vertical{top:var(--ruler-size);width:var(--ruler-size);height:calc(100% - var(--ruler-size));left:0}.app-ruler-corner{width:var(--ruler-size);height:var(--ruler-size);background:var(--ruler-background);color:var(--ruler-text);border-right:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:0;left:0}.app-notice{z-index:1;background:var(--panel-background);border:1px solid var(--border);margin:0;padding:6px 10px;position:absolute;top:8px;left:8px;right:8px}.app-shell :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell .app-canvas-area[data-pointer-focus]:focus-visible{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--color-checkerboard:repeating-conic-gradient(#c8c8c8 0% 25%, #fff 0% 50%) 0 0 / 8px 8px}.colors-panel{flex-direction:column;gap:6px;min-height:0;padding:6px;font-size:12px;display:flex}.colors-panel.is-drop-target{outline:2px dashed var(--accent);outline-offset:-4px}.colors-top{align-items:stretch;gap:8px;display:flex}.colors-controls{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.colors-controls-row{align-items:center;gap:6px;display:flex}.color-pair{flex:none;width:60px;height:60px;position:relative}.color-chip{border:1px solid var(--border);cursor:default;border-radius:2px;width:30px;height:30px;padding:0;position:absolute}.color-chip.is-primary{top:0;left:0}.color-chip.is-secondary{bottom:0;right:0}.color-chip[data-selected]{box-shadow:0 0 0 2px var(--accent)}.color-icon-button{border:1px solid var(--border);background:var(--panel-background);width:24px;height:24px;color:inherit;cursor:default;border-radius:3px;justify-content:center;align-items:center;padding:0;display:inline-flex}.color-icon{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}.color-editor{--color-field-height:20px;grid-template-columns:clamp(84px,42%,116px) minmax(0,1fr);align-items:start;gap:8px;display:grid}.color-editor-picker{flex-direction:column;align-self:center;align-items:stretch;gap:8px;min-width:0;display:flex}.color-editor-bars{flex-direction:column;gap:4px;min-width:0;display:flex}.color-wheel{aspect-ratio:1;touch-action:none;cursor:crosshair;border-radius:50%;width:100%;position:relative}.color-wheel-nub{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #000}.color-wheel-nub.is-other{opacity:0;transition:opacity .225s ease-out}.color-wheel-nub.is-other.is-shown{opacity:1;transition:opacity .15s ease-in}.color-group{flex-direction:column;gap:4px;display:flex}.color-group-heading{white-space:nowrap;text-overflow:ellipsis;opacity:.75;height:12px;margin:0;font-size:11px;font-weight:600;line-height:12px;overflow:hidden}.color-slider-row{height:var(--color-field-height);align-items:center;gap:4px;display:flex}.color-slider{flex:1;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:2px;min-width:0;display:grid}.color-slider-track{border:1px solid var(--border);border-radius:3px;height:10px;margin:0 4px;position:relative}.color-slider-track>div{box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:2px;width:8px;height:16px;position:absolute;top:50%}.color-spin,.color-hex{flex:none}.color-spin input,.color-hex input{box-sizing:border-box;width:36px;height:var(--color-field-height);font-variant-numeric:tabular-nums;text-align:right;border-radius:4px;min-height:0;padding:0 4px}.color-hex{align-items:center;gap:4px;min-width:0;display:flex}.color-hex input{text-align:left;flex:1;width:0;min-width:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.color-picker-form .color-editor{width:340px}.colors-palette-toolbar{align-items:center;gap:6px;min-width:0;display:flex}.color-tool-button{border:1px solid var(--border);background:var(--panel-background);min-width:24px;height:24px;color:inherit;font:inherit;cursor:default;border-radius:3px;padding:0 6px}.color-add-button{width:24px;padding:0;font-weight:600}.color-add-button[data-selected]{box-shadow:inset 0 0 0 2px var(--accent)}.color-palette-name{text-overflow:ellipsis;white-space:nowrap;opacity:.8;min-width:0;overflow:hidden}.color-palette{justify-content:start;gap:1px;display:grid}.color-palette-swatch{box-sizing:border-box;aspect-ratio:1;border:1px solid #00000059;border-radius:1px;width:100%;min-width:0;padding:0}.color-palette-swatch:hover,.color-palette-swatch:focus-visible{z-index:1;border-color:#fff;position:relative;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000}.app-shell .color-palette-swatch:focus-visible{box-shadow:inset 0 0 0 1px #000, 0 0 0 1px #000, 0 0 0 3px var(--accent);outline:none}.color-palette.is-adding .color-palette-swatch{cursor:copy}.color-palette.is-adding.is-blink{opacity:.4}.color-more-button{flex:none;margin-left:auto}.palette-name-form{flex-direction:column;gap:8px;min-width:300px;display:flex}.palette-name-field{flex-direction:column;gap:2px;display:flex}.palette-name-error{color:#c00000}.palette-name-list{flex-direction:column;gap:2px;max-height:160px;display:flex;overflow:auto}.palette-name-list-heading{margin:0;font-size:12px}.palette-name-option{color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:0;padding:2px 6px}.palette-name-option[aria-pressed=true]{background:var(--panel-header-background)}@media (forced-colors:active){.app-shell{color:canvastext;background:canvas}.app-menu-bar,.app-tool-options,.app-image-tabs,.app-sidebar,.app-status-bar,.app-canvas-area{background:canvas;border-color:canvastext}.app-panel-header{border-bottom:1px solid canvastext}.app-splitter,.app-splitter-width{background:buttontext}}@media (prefers-reduced-motion:reduce){:root:root *,:root:root :before,:root:root :after{scroll-behavior:auto;transition-duration:0s;animation-duration:0s}:root:root .app-tool-busy,:root:root .app-image-tab-spinner,:root:root .app-status-progress-indeterminate{animation-duration:2.4s}}.app-shell.is-compact{--compact-bar-height:48px;--compact-rail-width:52px;--status-bar-height:36px;grid-template-columns:var(--compact-rail-width) auto minmax(0, 1fr) auto;grid-template-rows:var(--compact-bar-height) auto auto minmax(0, 1fr) var(--status-bar-height);min-width:0;height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--header-background);grid-template-areas:"start start start end""opts opts opts opts""tabs tabs tabs tabs""rail canvas canvas canvas""status status status status";overflow:hidden}.app-shell.is-compact:not(.has-rail){grid-template-areas:"start start start end""opts opts opts opts""tabs tabs tabs tabs""canvas canvas canvas canvas""status status status status"}.app-shell.is-compact.is-short{grid-template-rows:var(--compact-bar-height) auto minmax(0, 1fr) var(--status-bar-height);grid-template-areas:"start start opts end""tabs tabs tabs tabs""rail canvas canvas canvas""status status status status"}.app-shell.is-compact.is-short:not(.has-rail){grid-template-areas:"start start opts end""tabs tabs tabs tabs""canvas canvas canvas canvas""status status status status"}.is-compact .app-compact-start,.is-compact .app-compact-end{background:var(--header-background);border-bottom:1px solid var(--border);align-items:center;gap:2px;min-width:0;padding:0 4px;display:flex}.is-compact .app-compact-start{grid-area:start}.is-compact .app-compact-end{grid-area:end;justify-content:flex-end}.is-compact .app-tool-options{border-bottom:1px solid var(--border);grid-area:opts}.is-compact .app-tool-config{height:var(--compact-bar-height)}.is-compact .tool-options-strip{padding:0 6px}.is-compact .app-image-tabs{grid-area:tabs}.is-compact .app-sidebar-left{border-right-width:1px;grid-area:rail}.is-compact .app-canvas-area{grid-area:canvas}.is-compact .app-status-bar{grid-area:status}.app-compact-button{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;outline:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.app-compact-button[data-pressed]:not([data-disabled]){background:var(--pressed-background)}.app-compact-button[data-selected]{background:var(--accent-soft);color:var(--accent)}.app-compact-button[data-focus-visible]{outline:2px solid var(--accent);outline-offset:-2px}.app-compact-button .app-common-icon,.app-modifier-button .app-common-icon{width:20px;height:20px}.app-compact-panels{gap:2px;display:flex}.is-compact .app-common-actions{border:0;height:auto;padding:0}.is-compact .app-common-button{border-radius:10px;width:44px;height:44px}.is-compact .app-common-button .app-common-icon{width:20px;height:20px}.is-compact .app-sidebar-left .app-panel-header{display:none}.is-compact .app-sidebar-left .app-panel{border-bottom:0}.is-compact .tools-grid{grid-template-columns:minmax(0,1fr);gap:2px;padding:4px}.is-compact .tool-button{border-radius:10px;height:44px}.is-compact .tool-button.is-wide{grid-column:auto}.is-compact .tool-icon{width:20px;height:20px}.is-compact .tool-icon.is-wide{width:40px}.is-compact .app-status-content{gap:4px;padding:0 8px}.is-compact .app-status-context,.is-compact .app-status-cursor,.is-compact .app-status-units,.is-compact .app-status-zoom-slider,.is-compact .app-status-separator{display:none}.is-compact .app-status-size{margin-right:auto}.is-compact .app-status-button{border-radius:8px;min-width:36px;height:32px}.app-sheet{z-index:4;background:var(--panel-background);border-top:1px solid var(--border);border-radius:14px 14px 0 0;flex-direction:column;grid-area:canvas;align-self:end;min-width:0;height:min(58%,560px);min-height:0;display:flex;overflow:hidden;box-shadow:0 -6px 24px #0003}.is-side-sheet .app-sheet{border-top:0;border-left:1px solid var(--border);border-radius:14px 0 0 14px;place-self:stretch end;width:min(360px,88%);height:auto;box-shadow:-6px 0 24px #0003}.app-sheet-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;padding:2px 4px 2px 8px;display:flex}.app-sheet-tabs{flex:auto;gap:4px;min-width:0;display:flex}.app-sheet-tab{height:36px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:18px;outline:none;padding:0 12px;font-weight:600}.app-sheet-tab[data-selected]{background:var(--accent-soft);color:var(--accent)}.app-sheet-tab[data-focus-visible]{outline:2px solid var(--accent);outline-offset:-2px}.app-sheet-body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.app-sheet-body>*{flex:auto;min-height:0}.app-sheet .colors-panel{flex:none}.app-modifier-bar{z-index:3;gap:6px;display:flex;position:absolute;bottom:8px;left:8px}.app-modifier-button{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-background) 92%, transparent);width:44px;height:44px;color:var(--text);font:inherit;touch-action:manipulation;cursor:pointer;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000002e}.app-modifier-button[data-selected]{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.app-modifier-button[data-focus-visible]{outline:2px solid var(--accent);outline-offset:2px}:root[data-layout=compact] .app-menu-item{box-sizing:border-box;align-items:center;min-height:44px;padding-top:6px;padding-bottom:6px}:root[data-layout=compact] .app-menu{max-height:calc(var(--app-visual-height,100dvh) - 72px);overflow:auto}:root[data-layout=compact] .overflow-menu-popover{max-width:calc(100vw - 16px)}:root[data-layout=compact] .modal-overlay{height:var(--app-visual-height,100dvh);align-items:flex-end;bottom:auto}:root[data-layout=compact] .modal{transform:none!important}:root[data-layout=compact] .modal-header{cursor:auto}:root[data-layout=compact] .modal{box-sizing:border-box;width:100%;max-width:100%;max-height:calc(var(--app-visual-height,100dvh) - env(safe-area-inset-top) - 16px);padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:14px 14px 0 0}:root[data-layout=compact] .modal.prop-dialog,:root[data-layout=compact] .modal.modal-preview{max-height:min(56%, calc(var(--app-visual-height,100dvh) - 16px))}:root[data-layout=compact] .modal-overlay:has(.prop-dialog,.modal-preview){background:0 0}@media (orientation:landscape){:root[data-layout=compact] .modal-overlay:has(.prop-dialog,.modal-preview){justify-content:flex-end;align-items:stretch}:root[data-layout=compact] .modal.prop-dialog,:root[data-layout=compact] .modal.modal-preview{width:min(400px,55%);max-height:none;padding-right:env(safe-area-inset-right);border-width:0 0 0 1px;border-radius:14px 0 0 14px}}:root[data-layout=compact] .modal.prop-dialog.is-resizable{resize:none;min-width:0}:root[data-layout=compact] .modal-close{width:44px;height:44px;margin:-10px -12px -10px 0}:root[data-layout=compact] .modal-actions :where(button,.react-aria-Button){min-height:40px;padding-inline:16px}:root[data-layout=compact] .settings-dialog{min-height:0;max-height:calc(var(--app-visual-height,100dvh) - 120px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}:root[data-layout=compact] .settings-sections{overscroll-behavior:contain;border-bottom:1px solid var(--border);flex-direction:row;padding-bottom:6px;overflow-x:auto}:root[data-layout=compact] .settings-section{white-space:nowrap;border-radius:18px;flex:none;padding:10px 12px}@media (hover:none){.app-image-tab-item .app-image-tab-close.is-active{opacity:1}.app-image-tab-item:has(.app-image-tab-close.is-active) .app-image-tab-dirty{opacity:0}}@media (pointer:coarse){:root{--menu-bar-height:44px;--common-actions-height:48px;--tool-options-height:48px;--status-bar-height:34px;--left-sidebar-width:108px}.app-menu-button,.app-aux-button{min-width:40px;height:40px}.app-common-button{width:40px;height:40px}.tool-button{height:44px}.app-panel-tool{width:40px;height:40px}.app-panel-chevron{width:26px;height:26px}.app-history-item{min-height:40px}.app-status-button{min-width:32px;height:30px}.app-image-tab-arrow,.app-image-tab-list-button{width:36px}.app-tool-config :where(.prop-field,.prop-inline-slider,.prop-select-button),.app-tool-config .prop-control.is-inline{height:36px}.app-tool-config .tool-icon-button,.app-tool-config .overflow-row-more-button{width:auto;min-width:36px;height:36px}.app-tool-config .tool-finish{height:36px}:where(.prop-option,.react-aria-ListBoxItem){min-height:40px}.app-sheet :where(.color-icon-button,.color-tool-button){min-width:36px;height:36px}}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:4px;display:grid}.tool-button{height:32px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.tool-button.is-wide{grid-column:1/-1}.tool-button:hover{border-color:var(--border)}.tool-button[data-selected]{background:var(--accent);color:var(--accent-text)}.tool-button[data-focus-visible]{outline:2px solid var(--accent);outline-offset:1px}.tool-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.tool-icon.is-wide{width:48px}.tool-tooltip{border:1px solid var(--popover-border,var(--border));background:var(--popover-background,var(--panel-background));max-width:280px;color:var(--text);box-shadow:var(--popover-shadow,0 2px 6px #00000040);white-space:pre-line;border-radius:6px;padding:4px 8px;font-size:12px}.tool-options-strip{min-width:0;height:100%;padding:0 calc(var(--header-inset,14px) - 8px);flex:auto;align-items:center;gap:8px;display:flex;overflow:hidden}.text-options,.shape-options{display:contents}.text-options-sample{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:14px;overflow:hidden}.text-options-note{max-width:220px;color:var(--text-muted,var(--text));white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.text-options-font{min-width:140px}.text-options-fonts .prop-option{content-visibility:auto;contain-intrinsic-size:auto 28px;font-size:15px}.text-options-styles{border:0;gap:2px;min-inline-size:0;margin:0;padding:0;display:inline-flex}.text-options-glyph{font-size:13px;line-height:1}.text-options-glyph.is-bold{font-weight:700}.text-options-glyph.is-italic{font-family:Georgia,serif;font-style:italic}.text-options-glyph.is-underline{text-decoration:underline}.text-options-glyph.is-strikeout{font-size:12px;text-decoration:line-through}.tool-icon-button{box-sizing:border-box;border-radius:var(--control-radius,6px);min-width:28px;height:28px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.tool-strip-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.tool-finish{border:1px solid var(--accent);border-radius:var(--control-radius,6px);background:var(--accent);height:28px;color:var(--accent-text);font:inherit;cursor:pointer;flex:none;padding:0 14px;font-weight:600}.error-details-toggle{align-self:flex-start;margin:8px 0}