:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:Adwaita Sans,Cantarell,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{--bg:#222226;--chrome:#2e2e32;--chrome-raised:#36363a;--workspace:#1d1d20;--panel:#2e2e32;--border:#0000065c;--soft-border:#ffffff26;--text:#fff;--muted:#ffffff8c;--hover:#ffffff14;--active:#3584e447;--active-border:#3584e4;--accent:#81d0ff;--field:#1d1d20;width:100%;min-width:320px;height:100dvh;color:var(--text);background:var(--bg);-webkit-user-select:none;user-select:none;flex-direction:column;font-size:15px;display:flex;overflow:hidden}.app-shell.theme-light{--bg:#fafafb;--chrome:#fff;--chrome-raised:#fff;--workspace:#fafafb;--panel:#ebebed;--border:#0000061f;--soft-border:#00000626;--text:#000006cc;--muted:#0000068c;--hover:#00000012;--active:#3584e429;--active-border:#3584e4;--accent:#0461be;--field:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.macos-menu-bar{z-index:40;letter-spacing:-.01em;background:linear-gradient(#353535,#2c2c2c);border-bottom:1px solid #181818;flex:0 0 30px;align-items:center;gap:1px;height:30px;padding:0 7px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:12.5px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff0b}.theme-light .macos-menu-bar{background:linear-gradient(#f7f7f7,#e9e9e9);border-bottom-color:#c4c4c4;box-shadow:inset 0 1px #fff}.macos-menu-anchor{align-items:center;height:24px;display:flex;position:relative}.macos-menu-button{height:24px;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 9px;font-weight:500;display:inline-flex}.macos-menu-button:hover,.macos-menu-button:focus-visible,.macos-menu-anchor.active .macos-menu-button{color:#fff;background:#2674d9;outline:0}.application-menu-button{padding-left:7px;font-weight:650}.application-menu-button img{object-fit:contain;width:16px;height:16px}.macos-menu-document{min-width:0;max-width:230px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;padding:0 8px;overflow:hidden}.macos-menu-popover{background:color-mix(in srgb, var(--chrome-raised) 94%, transparent);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);overscroll-behavior:contain;border-radius:7px;min-width:245px;max-height:calc(100dvh - 36px);padding:5px;top:calc(100% + 3px);overflow-y:auto;box-shadow:0 16px 42px #0000007a,0 2px 8px #00000061}.macos-menu-popover .menu-item{border-radius:4px;height:28px}.macos-menu-popover .menu-item:hover:not(:disabled),.macos-menu-popover .menu-item:focus-visible:not(:disabled){color:#fff;background:#2674d9;outline:0}.macos-menu-popover .menu-item:hover:not(:disabled) kbd,.macos-menu-popover .menu-item:focus-visible:not(:disabled) kbd{color:#ffffffc7}.menu-note{max-width:235px;color:var(--muted);padding:7px 10px 5px 35px;font-size:10.5px;line-height:1.35}.header-bar{z-index:20;background:var(--chrome);border-bottom:1px solid var(--border);flex:0 0 48px;justify-content:space-between;align-items:center;gap:10px;height:48px;padding:6px 8px;display:flex;position:relative}.header-cluster{z-index:2;align-items:center;gap:1px;display:flex;position:relative}.header-cluster-end{justify-content:flex-end}.window-title{pointer-events:none;justify-content:center;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0 370px}.window-title span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.window-app-name:before{content:"·";color:var(--muted);margin-right:5px}.icon-button,.tool-button,.stepper-button{cursor:default;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:background 80ms,border-color 80ms;display:inline-flex}.icon-button{width:32px;height:32px;padding:0}.icon-button:hover:not(:disabled),.tool-button:hover,.stepper-button:hover,.layer-eye:hover{background:var(--hover)}.icon-button.active,.tool-button.active{background:var(--active);border-color:var(--active-border)}.icon-button:disabled,.menu-item:disabled{opacity:.3}.toolbar-separator{background:var(--soft-border);width:1px;height:19px;margin:0 5px;display:block}.toolbar-separator.tall{height:27px;margin:0 9px}.menu-anchor{position:relative}.popover{z-index:100;background:var(--chrome-raised);border:1px solid var(--soft-border);border-radius:9px;min-width:225px;padding:6px;position:absolute;top:calc(100% + 7px);box-shadow:0 12px 34px #0006,0 2px 8px #00000059}.popover-left{left:0}.popover-right{right:0}.effect-menu-popover{overscroll-behavior:contain;width:255px;max-height:min(620px,100dvh - 100px);overflow-y:auto}.main-menu-popover{overscroll-behavior:contain;max-height:calc(100dvh - 100px);overflow-y:auto}.menu-item{width:100%;height:31px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;padding:0 8px;font-size:12px;display:grid}.menu-item:hover:not(:disabled){background:var(--hover)}.menu-check{place-items:center;height:17px;display:grid}.menu-item kbd{color:var(--muted);font:inherit;font-size:11px}.menu-divider{background:var(--soft-border);height:1px;margin:5px 4px}.menu-caption{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px 3px 35px;font-size:10px;font-weight:600}.dialog-backdrop{z-index:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000007a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pinta-dialog{width:min(430px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:var(--chrome-raised);border:1px solid var(--soft-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 65px #00000094,0 4px 14px #00000059}.dialog-header{background:var(--chrome);border-bottom:1px solid var(--border);flex:0 0 52px;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 10px;display:grid}.dialog-header strong{text-align:center;padding:0 12px;font-size:13px}.dialog-text-button{width:fit-content;min-width:68px;height:32px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:7px;padding:0 12px}.dialog-text-button:hover{background:var(--hover)}.dialog-text-button.suggested{color:#fff;background:#3584e4;border-color:#4c94e9;justify-self:end;font-weight:600}.dialog-text-button.suggested:hover{background:#4691ec}.dialog-text-button.destructive{color:#fff;background:#c01c28;border-color:#d33a45}.dialog-text-button.destructive:hover{background:#d12633}.dialog-text-button:disabled{opacity:.55}.native-new-image-dialog{background:var(--bg);border-radius:10px;grid-template-rows:minmax(0,1fr) 56px;width:min(596px,100vw - 32px);height:min(356.5px,100dvh - 32px);min-height:340px;display:grid}.native-new-image-content{grid-template-columns:270px minmax(0,1fr);gap:33px;min-height:0;padding:8px 15px 0 24px;display:grid}.native-new-image-options{min-width:0}.native-dialog-row{min-height:39px;color:var(--text);align-items:start;display:grid}.native-preset-row{grid-template-columns:56px 214px}.native-preset-row select{font-weight:700}.native-dimension-row{grid-template-columns:56px 168px auto;gap:0}.native-dialog-row select,.native-dialog-row input{min-width:0;height:34px;color:var(--text);border:1px solid var(--soft-border);background:#39393c;border-radius:7px;outline:0;padding:0 9px}.native-dialog-row input{-moz-appearance:textfield}.native-dialog-row input::-webkit-outer-spin-button{appearance:none;margin:0}.native-dialog-row input::-webkit-inner-spin-button{appearance:none;margin:0}.native-dialog-row input:focus,.native-dialog-row select:focus{border-color:#3584e4;box-shadow:0 0 0 2px #3584e43d}.native-dialog-row i{color:var(--text);font-style:normal}.native-dialog-row>span{margin-top:8px}.native-dimension-row>i{margin:8px 0 0 6px}.native-choice-group{border:0;gap:2px;margin:7px 0 0;padding:0;display:grid}.native-choice-group legend{color:var(--text);margin-bottom:2px;padding:0}.native-choice-group label{align-items:center;gap:6px;min-height:25px;display:flex}.native-choice-group input{accent-color:#3584e4;width:19px;height:19px;margin:0}.native-background-group{margin-top:17px}.native-color-swatch{border:1px solid color-mix(in srgb, var(--text) 72%, transparent);flex:0 0 16px;width:16px;height:16px;display:block}.native-new-image-preview-wrap{min-width:0;color:var(--text);flex-direction:column;align-items:flex-start;gap:42px;display:flex}.native-new-image-preview-wrap>span{text-align:center;width:min(254px,100%)}.native-new-image-preview{border:1px solid color-mix(in srgb, var(--text) 72%, transparent);width:min(254px,100%);max-height:191px;box-shadow:0 1px 3px #00000073}.native-dialog-actions{justify-content:flex-end;align-items:end;gap:8px;padding:0 7px 6px;display:flex}.native-dialog-button{min-width:85px;height:34px;color:var(--text);background:#39393c;border:1px solid #0000;border-radius:10px;padding:0 16px;font-weight:600}.native-dialog-button:hover{background:var(--hover)}.native-dialog-button.suggested{color:#fff;background:#3584e4;min-width:55px}.native-dialog-button:disabled,.native-reset-button:disabled,.native-dialog-stepper button:disabled,.native-dialog-stepper input:disabled{opacity:.48}.compact-dialog-actions{background:var(--chrome-raised);flex:none;align-items:center;min-height:47px;padding:7px 7px 6px}.native-dialog-actions-spacer{flex:auto}.native-dialog-stepper{min-width:0;height:34px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:7px;grid-template-columns:minmax(48px,1fr) 28px 28px;display:grid;overflow:hidden}.native-dialog-stepper:focus-within{border-color:#3584e4;box-shadow:0 0 0 2px #3584e43d}.native-dialog-stepper input{width:100%;min-width:0;height:32px;color:var(--text);font:inherit;text-align:right;-moz-appearance:textfield;background:0 0;border:0;outline:0;padding:0 7px}.native-dialog-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.native-dialog-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.native-dialog-stepper button{width:28px;height:32px;color:var(--text);background:color-mix(in srgb, var(--field) 80%, var(--chrome-raised));border:0;border-left:1px solid var(--soft-border);place-items:center;padding:0;display:grid}.native-dialog-stepper button:hover:not(:disabled),.native-reset-button:hover:not(:disabled){background:var(--hover)}.native-reset-button{width:36px;height:34px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:7px;flex:0 0 36px;place-items:center;padding:0;display:grid}.native-angle-dial{background:var(--field);border:1px solid color-mix(in srgb, var(--text) 92%, transparent);border-radius:50%;flex:0 0 52px;width:52px;height:52px;display:block;position:relative}.native-angle-dial:before{z-index:2;content:"";background:var(--text);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;translate:-50% -50%}.native-angle-dial i{background:var(--text);width:22px;height:1px;transform:translateY(-50%) rotate(var(--dial-angle));transform-origin:0;position:absolute;top:50%;left:50%}.native-point-pad{background-color:var(--field);background-image:var(--point-thumbnail,none);background-position:50%;background-size:100% 100%;border:1px solid #bfbfbf;border-radius:0;flex:0 0 68px;width:68px;height:68px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #111}.native-point-pad:before,.native-point-pad:after{z-index:1;content:"";pointer-events:none;background:#111;display:block;position:absolute}.native-point-pad:before{top:2px;bottom:2px;left:var(--point-left);width:1px}.native-point-pad:after{top:var(--point-top);height:1px;left:2px;right:2px}.native-point-pad i{z-index:2;top:var(--point-top);left:var(--point-left);background:#111;border:1px solid #f8f8f8;border-radius:50%;width:4px;height:4px;position:absolute;translate:-50% -50%}.native-resize-dialog{border-radius:10px;width:min(371px,100vw - 24px)}.native-resize-canvas-dialog{width:min(357px,100vw - 24px)}.native-resize-content{min-height:0;padding:10px 12px 2px;overflow:auto}.native-radio-row{grid-template-columns:20px 1fr 112px auto;align-items:center;gap:6px;min-height:42px;display:grid}.native-radio-row>input,.native-check-row>input{accent-color:#3584e4;width:18px;height:18px;margin:0}.native-radio-row>i,.native-size-grid i{color:var(--text);font-style:normal}.native-size-grid{grid-template-columns:58px 112px 1fr 36px;align-items:center;gap:7px 6px;margin:0 0 5px 26px;display:grid}.native-check-row{align-items:center;gap:7px;min-height:34px;margin-left:26px;display:flex}.native-resampling-row{grid-template-columns:84px 1fr;align-items:center;gap:8px;min-height:44px;display:grid}.native-resampling-row select,.native-effect-select select{width:100%;min-width:0;height:34px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:7px;padding:0 29px 0 9px}.native-anchor-section{grid-template-columns:58px auto;justify-content:start;gap:10px;min-height:126px;padding:8px 0 5px;display:grid}.native-anchor-section>span{padding-top:9px}.native-anchor-picker{grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px);gap:2px;display:grid}.native-anchor-picker button{width:32px;height:32px;color:var(--text);background:var(--field);border:1px solid #0000;border-radius:5px;place-items:center;display:grid}.native-anchor-picker button:hover,.native-anchor-picker button[aria-pressed=true]{background:var(--hover)}.native-anchor-picker button[aria-pressed=true]{border-color:#3584e4;box-shadow:inset 0 0 0 1px #3584e4}.theme-light .native-dialog-row select,.theme-light .native-dialog-row input,.theme-light .native-dialog-button:not(.suggested){background:#ebebed}@media (width<=640px){.native-new-image-dialog{grid-template-rows:minmax(0,1fr) 56px;height:auto;max-height:calc(100dvh - 24px)}.native-new-image-content{grid-template-columns:1fr;overflow:auto}.native-new-image-preview-wrap{display:none}}.dialog-content{min-height:0;padding:18px 20px 16px;overflow:auto}.dialog-preview{border:1px solid var(--soft-border);background-color:#777;border-radius:8px;place-items:center;height:118px;margin-bottom:17px;display:grid;overflow:hidden}.dialog-preview>div{background:#fff;place-items:center;width:auto;min-width:34px;max-width:82%;height:min(82px,72%);min-height:24px;display:grid;box-shadow:0 1px 5px #0000008c}.dialog-preview span{color:#777;white-space:nowrap;background:#ffffffdb;border-radius:4px;padding:3px 6px;font-size:10px}.dialog-preview>div.transparent-preview{background-color:#fff;background-image:linear-gradient(45deg,#c5c5c5 25%,#0000 25%),linear-gradient(-45deg,#c5c5c5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c5c5c5 75%),linear-gradient(-45deg,#0000 75%,#c5c5c5 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.dialog-select-label{color:var(--muted);grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:14px;display:grid}.dialog-select-label select{height:34px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:7px;padding:0 9px}.dialog-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dialog-fields label{color:var(--muted);gap:6px;display:grid}.dialog-input-wrap{background:var(--field);border:1px solid var(--soft-border);border-radius:7px;grid-template-columns:1fr auto;align-items:center;height:34px;display:grid;overflow:hidden}.dialog-input-wrap:focus-within{border-color:#3584e4;box-shadow:0 0 0 2px #3584e433}.dialog-input-wrap input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0 8px}.dialog-input-wrap i{color:var(--muted);padding-right:9px;font-style:normal}.color-picker-dialog{width:min(638px,100%);max-height:min(760px,100dvh - 32px)}.color-picker-header{grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr)}.color-picker-header-actions{justify-self:end;gap:3px;display:flex}.color-picker-header-start{justify-self:start;align-items:center;gap:3px;display:flex}.color-picker-collapse{width:30px;height:30px;color:var(--text);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.color-picker-collapse:hover{background:var(--hover)}.color-picker-content{grid-template-columns:58px 220px minmax(270px,1fr);align-items:start;gap:12px;display:grid}.color-picker-targets{justify-items:center;gap:8px;display:grid}.color-picker-target{width:58px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;gap:5px;padding:4px;font-size:11px;display:grid}.color-picker-target:hover,.color-picker-target.active{color:var(--text);background:var(--hover)}.color-picker-target.active{border-color:var(--accent);box-shadow:0 0 0 1px #3584e44d}.color-picker-target-preview{border:1px solid #000;border-radius:5px;width:48px;height:48px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffc}.color-picker-target-preview:after,.color-picker-palette-swatch:after{content:"";background:var(--target-color);position:absolute;inset:0}.color-picker-swap{width:31px;height:27px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px}.color-picker-swap:hover{color:var(--text);background:var(--hover)}.color-picker-swap svg{fill:currentColor;width:100%;height:100%;display:block}.color-picker-surface-column{justify-items:center;gap:8px;display:grid}.color-picker-surface-tabs{background:var(--field);border:1px solid var(--soft-border);border-radius:7px;grid-template-columns:1fr 1fr;width:220px;height:29px;padding:2px;display:grid}.color-picker-surface-tabs button{color:var(--muted);background:0 0;border:0;border-radius:5px;font-size:11px}.color-picker-surface-tabs button.active{color:var(--text);background:var(--active);box-shadow:0 1px 2px #0000004d}.color-picker-surface{--picker-value-overlay:0;touch-action:none;border:1px solid #ffffff6b;outline:1px solid #0000008c;width:220px;height:220px;position:relative;box-shadow:0 2px 7px #00000047}.color-picker-surface:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.color-picker-surface.hue-saturation{background:radial-gradient(circle,#fff 0%,#fffffff0 4%,#fff0 72%),conic-gradient(from 90deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red);border-radius:50%}.color-picker-surface.hue-saturation:after{content:"";background:rgba(0, 0, 0, var(--picker-value-overlay));border-radius:inherit;position:absolute;inset:0}.color-picker-surface.saturation-value{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--picker-hue) 100% 50%));border-radius:5px}.color-picker-surface-marker{z-index:2;pointer-events:none;background:0 0;border:2px solid #000;border-radius:2px;outline:1px solid #fff;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #000000a6}.color-picker-show-value{width:220px;color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.color-picker-components{gap:6px;min-width:0;display:grid}.color-picker-hex-row,.color-component-row{min-width:0;color:var(--muted);grid-template-columns:65px minmax(140px,1fr) 54px;align-items:center;gap:7px;font-size:11px;display:grid}.color-picker-hex-row{grid-template-columns:65px minmax(0,1fr);margin-bottom:2px}.color-picker-hex-row input,.color-component-number{height:29px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:6px;padding:0 7px}.color-picker-hex-row input:focus,.color-component-number:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 2px #3584e42e}.color-picker-hex-row input.invalid{border-color:#e66100}.color-component-slider{--color-gradient:linear-gradient(90deg, #000, #fff);appearance:none;border:1px solid var(--soft-border);background-color:#fff;background-image:linear-gradient(45deg,#aaa 25%,#0000 25%),linear-gradient(-45deg,#aaa 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#aaa 75%),linear-gradient(-45deg,#0000 75%,#aaa 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:4px;width:100%;height:19px;margin:0;padding:3px}.color-component-slider::-webkit-slider-runnable-track{background:var(--color-gradient);height:11px}.color-component-slider::-moz-range-track{background:var(--color-gradient);height:11px}.color-component-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #111;border-radius:2px;width:8px;height:18px;margin-top:-4px;box-shadow:0 0 0 1px #fff}.color-component-slider::-moz-range-thumb{background:#fff;border:2px solid #111;border-radius:2px;width:7px;height:17px;box-shadow:0 0 0 1px #fff}.color-component-number{width:54px;padding-inline:5px}.color-picker-separator{background:var(--soft-border);height:1px;margin:2px 0}.color-picker-palette{border-top:1px solid var(--soft-border);min-width:0;color:var(--muted);grid-column:1/-1;grid-template-columns:58px minmax(0,1fr);gap:12px;padding-top:12px;font-size:11px;display:grid}.color-picker-palette>div{grid-template-rows:repeat(2,19px);grid-auto-columns:19px;grid-auto-flow:column;justify-content:start;gap:1px;display:grid;overflow-x:auto}.color-picker-palette-swatch{border:1px solid #7f7f7fb8;width:19px;height:19px;padding:0;position:relative;overflow:hidden}.color-picker-palette-swatch:hover{z-index:2;outline:2px solid var(--text)}.color-picker-dialog.small-mode{width:min(548px,100%)}.color-picker-dialog.small-mode .color-picker-content{grid-template-columns:48px 170px minmax(260px,1fr);gap:6px;padding:6px}.color-picker-dialog.small-mode .color-picker-target{width:48px;padding:3px}.color-picker-dialog.small-mode .color-picker-target-preview{width:40px;height:40px}.color-picker-dialog.small-mode .color-picker-surface{width:170px;height:170px}.color-picker-dialog.small-mode .color-picker-surface-tabs{grid-template-columns:1fr;width:170px;height:52px}.color-picker-dialog.small-mode .color-picker-show-value{width:170px}@media (width<=720px){.color-picker-dialog{width:min(590px,100%);max-height:calc(100dvh - 20px)}.color-picker-content{grid-template-columns:76px minmax(220px,1fr);gap:12px}.color-picker-components{grid-column:1/-1}.color-picker-palette{grid-template-columns:76px minmax(0,1fr);gap:12px}}@media (width<=440px){.color-picker-header{grid-template-columns:auto 1fr auto}.color-picker-header-actions .dialog-text-button:first-child{display:none}.color-picker-content{flex-direction:column;align-items:stretch;display:flex}.color-picker-targets{justify-content:center;align-items:center;display:flex}.color-picker-target{grid-template-columns:38px auto;align-items:center;width:auto}.color-picker-target-preview{width:38px;height:30px}.color-picker-surface{width:200px;height:200px}.color-picker-surface-tabs,.color-picker-show-value{width:200px}.color-picker-hex-row,.color-component-row{grid-template-columns:58px minmax(110px,1fr) 50px}.color-picker-hex-row{grid-template-columns:58px minmax(0,1fr)}.color-picker-palette{display:block}.color-picker-palette>strong{margin-bottom:7px;display:block}}.rotate-zoom-dialog{width:min(400px,100vw - 24px)}.rotate-zoom-content{gap:12px;padding:6px;display:grid}.native-transform-control{gap:5px;display:grid}.native-transform-control>div{align-items:center;gap:6px;display:flex}.native-transform-control>div>.native-dialog-stepper{width:106px}.native-transform-pan>div{gap:10px}.native-transform-zoom{margin:0}.dialog-checkbox{align-items:center;gap:8px;margin-top:15px;display:flex}.dialog-checkbox input{accent-color:#3584e4;width:16px;height:16px;margin:0}.new-image-options{grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;margin-top:16px;display:grid}.new-image-options>span{color:var(--muted)}.segmented-control{background:var(--field);border:1px solid var(--soft-border);border-radius:7px;grid-template-columns:1fr 1fr;padding:2px;display:grid}.segmented-control button{height:31px;color:var(--muted);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;display:flex}.segmented-control button:hover{background:var(--hover)}.segmented-control button.active{color:var(--text);background:var(--active);box-shadow:0 1px 3px #00000040}.background-options{border:1px solid var(--soft-border);border-radius:8px;grid-template-columns:.65fr 1.25fr 1fr;gap:8px;margin:16px 0 0;padding:10px 12px 11px;display:grid}.background-options legend{color:var(--muted);padding:0 5px}.background-options label{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex}.background-options input{accent-color:#3584e4;width:14px;height:14px;margin:0}.background-options label>i{border:1px solid #888;flex:0 0 15px;width:15px;height:15px;display:block}.anchor-picker{align-items:center;gap:17px;margin-top:16px;display:flex}.anchor-picker>span{color:var(--muted)}.anchor-picker>div{background:var(--field);border:1px solid var(--soft-border);border-radius:6px;grid-template-columns:repeat(3,24px);gap:2px;padding:3px;display:grid}.anchor-picker button{background:0 0;border:0;border-radius:4px;place-items:center;width:24px;height:24px;padding:0;display:grid}.anchor-picker button:hover{background:var(--hover)}.anchor-picker button.active{background:#3584e4}.anchor-picker button i{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.dialog-hint{color:var(--muted);margin:15px 0 0;font-size:10px}.effect-dialog{width:min(520px,100vw - 32px)}.effect-dialog-intro{border-bottom:1px solid var(--soft-border);align-items:center;gap:13px;padding-bottom:16px;display:flex}.effect-dialog-intro p{color:var(--muted);margin:0;line-height:1.45}.effect-dialog-icon{background:var(--field);border:1px solid var(--soft-border);border-radius:9px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.effect-parameter-list{gap:15px;padding-top:18px;display:grid}.effect-parameter{color:var(--muted);grid-template-columns:112px minmax(90px,1fr) 82px;align-items:center;gap:11px;display:grid}.effect-parameter>input[type=range]{accent-color:#3584e4;width:100%}.effect-boolean-parameter{color:var(--muted);align-items:center;gap:9px;display:flex}.effect-boolean-parameter input{accent-color:#3584e4;width:17px;height:17px;margin:0}.effect-select-parameter{color:var(--muted);grid-template-columns:1fr minmax(130px,180px);align-items:center;gap:12px;display:grid}.effect-select-parameter select{height:32px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:6px;padding:0 28px 0 8px}.effect-color-parameter{color:var(--muted);grid-template-columns:1fr 52px;align-items:center;gap:12px;display:grid}.effect-color-parameter input{background:var(--field);border:1px solid var(--soft-border);border-radius:6px;width:52px;height:32px;padding:2px}.native-effect-dialog{border-radius:10px;width:min(400px,100vw - 24px);max-height:calc(100dvh - 24px)}.native-effect-content{overscroll-behavior:contain;min-height:0;padding:6px;overflow:auto}.native-effect-parameter-list{gap:12px;display:grid}.native-effect-hint{max-width:40ch;color:var(--muted);margin:0;font-size:12px;line-height:1.35}.native-effect-range,.native-effect-angle,.native-effect-point,.native-effect-seed,.native-effect-select,.native-effect-color{gap:5px;min-width:0;display:grid}.native-effect-range>strong,.native-effect-angle>strong,.native-effect-point>strong,.native-effect-seed>strong,.native-effect-select>strong,.native-effect-color>strong{color:var(--text);font-size:12px;line-height:16px}.native-effect-range>span{grid-template-columns:minmax(70px,1fr) 106px 36px;align-items:center;gap:6px;min-width:0;display:grid}.native-effect-range input[type=range]{accent-color:#3584e4;width:100%;min-width:0}.native-effect-angle>div{grid-template-columns:52px 106px 36px;justify-content:start;align-items:center;gap:6px;min-width:0;display:grid}.native-effect-point>div{align-items:center;gap:10px;min-width:0;display:flex}.native-effect-point-fields{gap:5px;min-width:0;display:grid}.native-effect-point-fields label{grid-template-columns:15px minmax(92px,106px) 36px;align-items:center;gap:5px;min-width:0;display:grid}.native-effect-seed>div{grid-template-columns:minmax(85px,auto) minmax(115px,1fr);gap:6px;display:grid}.native-effect-seed .native-dialog-button{min-width:85px}.native-effect-boolean{align-items:center;gap:7px;min-height:28px;display:flex}.native-effect-boolean input{accent-color:#3584e4;width:18px;height:18px;margin:0}.native-effect-color-well{border:1px solid var(--soft-border);width:80px;height:34px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--chrome-raised) 75%, transparent);border-radius:7px;padding:2px}.native-effect-color-well span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.native-effect-dialog-curves{width:min(313px,100vw - 24px)}.native-effect-dialog-levels{width:min(611px,100vw - 24px)}.native-effect-dialog-alignment{width:min(159px,100vw - 24px)}.native-effect-dialog-alignment .native-effect-content{padding:12px}.native-effect-dialog-alignment .compact-dialog-actions{gap:5px;padding-inline:5px}.native-effect-dialog-alignment .native-dialog-button{min-width:68px;padding-inline:8px}.native-effect-dialog-alignment .native-dialog-actions-spacer{display:none}.native-effect-dialog-alignment .alignment-editor{grid-template-columns:repeat(3,41px);gap:6px;width:135px;margin:0}.native-effect-dialog-alignment .alignment-editor button{background:0 0;border-color:#0000;width:41px;height:28px}.native-effect-dialog-curves .curves-editor{margin-top:0}.native-effect-dialog-curves .curves-editor .dialog-hint{margin:5px 0 0;font-size:11px}.native-effect-dialog-levels .levels-editor{padding:0}.native-effect-dialog-levels .native-effect-content{padding:5px}.levels-native-grid{grid-template-columns:130px 106px 34px 34px 123px 130px;gap:6px;min-width:587px;height:228px;display:grid}.levels-native-grid section{min-width:0}.levels-native-grid strong{min-height:24px;color:var(--text);white-space:nowrap;font-size:15px;font-weight:400;line-height:22px;display:block;overflow:hidden}.levels-histogram{background:linear-gradient(90deg, color-mix(in srgb, var(--text) 13%, transparent) 1px, transparent 1px) 0 0 / 25% 100%, linear-gradient(color-mix(in srgb, var(--text) 13%, transparent) 1px, transparent 1px) 0 0 / 100% 25%, #202024;width:100%;height:204px;display:block}.levels-histogram-channel{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke;mix-blend-mode:screen}.levels-histogram-channel.channel-red{stroke:#ff4b4b}.levels-histogram-channel.channel-green{stroke:#55df65}.levels-histogram-channel.channel-blue{stroke:#5b8fff}.levels-control-column{flex-direction:column;gap:6px;display:flex}.levels-control-column .native-dialog-stepper{flex:0 0 34px;width:100%}.levels-color-panel{border:1px solid color-mix(in srgb, var(--text) 12%, transparent);cursor:pointer;border-radius:4px;flex:0 0 24px;height:24px;padding:0;display:block}.levels-color-panel:disabled{cursor:default;opacity:.65}.levels-output-mid{cursor:default}.levels-color-panel.light{background:#f6f5f4}.levels-color-panel.dark{background:#000}.levels-control-spacer{flex:auto}.levels-gradient-column{flex-direction:column;display:flex}.levels-gradient-column.output>strong{z-index:1;width:90px;position:relative;overflow:visible}.levels-gradient.vertical{cursor:ns-resize;touch-action:none;background:linear-gradient(#fff,#000);border:0;border-radius:0;width:100%;height:204px}.levels-gradient.vertical[aria-disabled=true]{cursor:default}.levels-gradient.vertical .levels-marker{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:0;border-left:6px solid var(--text);top:auto;bottom:0;left:-5px;translate:0 50%}.levels-gradient.vertical .levels-marker:after{content:"";border-top:5px solid #0000;border-right:6px solid var(--text);border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:-5px;left:27px}.levels-gradient.vertical .levels-marker.gamma,.levels-gradient.vertical .levels-marker.gamma:after{border-left-color:#3584e4;border-right-color:#3584e4}.levels-native-footer-controls{align-items:center;gap:7px;min-width:0;display:flex}.levels-native-footer-controls .native-dialog-button{min-width:69px;padding-inline:10px}@media (width<=440px){.dialog-backdrop.native-dialog-backdrop{padding:12px}.native-effect-range>span{grid-template-columns:minmax(44px,1fr) 104px 34px;gap:4px}.native-effect-range .native-reset-button,.native-effect-point-fields .native-reset-button,.native-effect-angle .native-reset-button{flex-basis:34px;width:34px}.native-effect-dialog-levels .compact-dialog-actions{flex-wrap:wrap}.native-effect-dialog-levels .native-dialog-actions-spacer{display:none}.levels-native-grid{grid-template-columns:110px 104px 32px 32px 112px 110px;min-width:530px}.native-resize-content{padding-inline:8px}.native-radio-row{grid-template-columns:20px minmax(96px,1fr) 104px auto;gap:4px}.native-size-grid{grid-template-columns:52px 104px 1fr 34px;gap:6px 4px;margin-left:24px}.native-effect-point>div{gap:6px}}.alignment-editor{grid-template-columns:repeat(3,48px);gap:6px;width:156px;margin:18px auto 4px;display:grid}.alignment-editor button{width:48px;height:48px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:7px;place-items:center;display:grid}.alignment-editor button:hover:not(:disabled){background:var(--hover)}.alignment-editor button[aria-pressed=true]{background:color-mix(in srgb, #3584e4 30%, var(--field));border-color:#3584e4}.effect-parameter-value{background:var(--field);border:1px solid var(--soft-border);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:32px;display:grid;overflow:hidden}.effect-parameter-value input{width:100%;min-width:0;height:100%;color:var(--text);text-align:right;-moz-appearance:textfield;background:0 0;border:0;outline:0;padding:0 5px}.effect-parameter-value input::-webkit-outer-spin-button{appearance:none;margin:0}.effect-parameter-value input::-webkit-inner-spin-button{appearance:none;margin:0}.effect-parameter-value i{min-width:16px;color:var(--muted);padding-right:7px;font-style:normal}.curves-editor{width:min(320px,100%);margin:16px auto 0}.curves-toolbar,.curves-footer{align-items:center;gap:10px;min-height:34px;display:flex}.curves-toolbar label{color:var(--muted);align-items:center;gap:8px;display:flex}.curves-toolbar select{height:29px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:6px;padding:0 24px 0 8px}.curves-toolbar output{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.curves-graph{aspect-ratio:1;touch-action:none;cursor:crosshair;border:1px solid var(--soft-border);border-radius:3px;width:min(256px,100%);margin:5px auto;display:block;overflow:visible}.curves-graph:focus-visible{outline-offset:2px;outline:2px solid #3584e4}.curves-graph-background{fill:var(--field)}.curves-grid-line,.curves-reference-line{fill:none;stroke:color-mix(in srgb, var(--muted) 34%, transparent);stroke-width:1px;stroke-dasharray:4 4}.curves-reference-line{stroke:color-mix(in srgb, var(--muted) 58%, transparent)}.curves-channel-line{fill:none;stroke-width:2px;stroke-linejoin:round}.curves-control-point{stroke:var(--field);stroke-width:1.5px}.curves-control-point.selected{stroke:#fff;stroke-width:3px}.curves-footer{justify-content:flex-start}.curves-footer .dialog-text-button{margin-left:auto}.curve-channel-toggle{align-items:center;gap:4px;font-size:11px;display:inline-flex}.curve-channel-toggle.channel-red{color:#ef5350}.curve-channel-toggle.channel-green{color:#4fd46b}.curve-channel-toggle.channel-blue{color:#4d86ff}.levels-editor{padding-top:15px}.levels-channel-bar{align-items:center;gap:12px;display:flex}.levels-channel-bar .dialog-text-button{margin-left:auto}.levels-gradient-group{color:var(--muted);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px 10px;margin:17px 0 2px;font-size:11px;display:grid}.levels-gradient{border:1px solid var(--soft-border);background:linear-gradient(90deg,#000,#fff);border-radius:3px;height:18px;position:relative}.levels-gradient.output{background:linear-gradient(90deg,#000,#fff)}.levels-marker{border-bottom:0;border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--text);width:0;height:0;position:absolute;bottom:-7px;translate:-50%}.levels-marker.gamma{border-top:0;border-bottom:6px solid #3584e4;top:-7px;bottom:auto}.levels-parameter-list{gap:11px;padding-top:15px}.effect-progress-dialog{width:min(400px,100vw - 24px);min-height:114px;padding:10px 10px 8px}.effect-progress-dialog h2{margin:0 0 7px;font-size:14px;font-weight:650}.effect-progress-content{min-height:42px;color:var(--text);gap:7px;padding:2px;font-size:12px;display:grid}.effect-progress-content progress{width:100%;height:8px;accent-color:var(--accent)}.effect-progress-content small{color:var(--muted);font-variant-numeric:tabular-nums;text-align:end}.close-document-dialog{border-radius:15px;justify-content:space-between;width:min(310px,100vw - 24px);min-height:358px;padding:26px 18px 18px}.close-document-content{text-align:center;min-height:150px;padding:12px 6px;display:block}.close-document-content h2{margin:0 0 14px;font-size:18px;line-height:1.3}.close-document-content p{color:var(--muted);margin:0;line-height:1.45}.close-document-actions{grid-template-columns:1fr;align-content:end;gap:8px;min-height:134px;padding:0;display:grid}.native-alert-button{width:100%;height:38px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:8px;font-weight:600}.native-alert-button:hover{background:var(--hover)}.native-alert-button.suggested{color:#fff;background:#3584e4;border-color:#4c94e9}.native-alert-button.destructive{color:#ff7b73}.paste-expand-dialog{min-height:340px}.information-dialog,.error-report-dialog{border-radius:15px;width:min(382px,100vw - 24px);min-height:187px;overflow:hidden}.information-dialog .close-document-content{min-height:132px;padding:28px 22px 18px}.error-report-dialog{max-height:min(520px,100dvh - 24px)}.error-report-content{text-align:center;min-height:132px;padding:28px 22px 18px;overflow:auto}.error-report-content h2{margin:0 0 14px;font-size:18px;line-height:1.3}.error-report-content>p{color:var(--muted);white-space:pre-line;margin:0;line-height:1.45}.error-report-content details{color:var(--text);text-align:start;margin-top:18px}.error-report-content summary{cursor:pointer;font-weight:600}.error-report-content pre{max-height:250px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);white-space:pre-wrap;word-break:break-word;border-radius:7px;margin:9px 0 0;padding:10px;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.flatten-confirm-dialog{width:min(382px,100vw - 24px);min-height:225px;padding:20px 14px 8px}.flatten-confirm-dialog .close-document-content{min-height:135px}.layer-properties-dialog{width:min(349px,100vw - 24px)}.layer-properties-content{gap:6px;padding:10px;display:grid}.layer-property-field{color:var(--muted);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;display:grid}.layer-property-field input,.layer-property-field select{min-width:0;height:35px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:7px;outline:0;padding:0 9px}.layer-property-field input:focus,.layer-property-field select:focus{border-color:#3584e4;box-shadow:0 0 0 2px #3584e433}.layer-opacity-field{color:var(--muted);grid-template-columns:92px 74px minmax(100px,1fr);align-items:center;gap:12px;display:grid}.layer-opacity-field>input[type=range]{min-width:0;accent-color:var(--accent)}.layer-opacity-value{background:var(--field);border:1px solid var(--soft-border);border-radius:7px;grid-template-columns:1fr auto;align-items:center;height:35px;display:grid;overflow:hidden}.layer-opacity-value input{width:100%;min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0 2px 0 8px}.layer-opacity-value i{color:var(--muted);padding-right:8px;font-style:normal}.layer-visible-field{margin:0 0 0 104px}.save-as-dialog{width:min(470px,100vw - 32px)}.jpeg-quality-backdrop{z-index:24}.jpeg-quality-dialog{width:min(186px,100vw - 24px)}.jpeg-quality-content{padding:10px 12px 7px}.jpeg-quality-content label{color:var(--text);grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:4px 7px;font-size:12px;display:grid}.jpeg-quality-content label>span{grid-column:1/-1}.jpeg-quality-content input{width:100%;min-width:0;accent-color:var(--accent)}.jpeg-quality-content output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.jpeg-quality-dialog .native-dialog-actions{gap:6px}.jpeg-quality-dialog .native-dialog-button{min-width:62px;padding-inline:12px}.save-as-content{gap:16px;display:grid}.save-format-hint{margin:0 0 0 104px}.print-dialog{width:min(620px,100vw - 32px)}.print-dialog-content{gap:14px;display:grid}.print-preview{border:1px solid var(--soft-border);border-radius:8px;place-items:center;height:min(48vh,390px);padding:18px;display:grid;overflow:hidden}.print-preview img{object-fit:contain;background:#fff;max-width:100%;max-height:100%;box-shadow:0 3px 18px #00000073}.print-summary{color:var(--muted);justify-content:space-between;gap:16px;display:flex}.print-summary strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.print-summary span{white-space:nowrap}.print-settings-group{border:1px solid var(--soft-border);border-radius:8px;gap:8px;margin:0;padding:12px;display:grid}.print-settings-group legend{color:var(--muted);padding:0 5px;font-size:12px}.print-settings-group>label:not(.print-center-row){grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;display:grid}.print-settings-group select,.print-number-field{min-height:30px;color:var(--text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:6px}.print-settings-group select{padding:0 8px}.print-number-field{grid-template-columns:1fr auto;align-items:center;display:grid}.print-number-field input{min-width:0;height:28px;color:inherit;background:0 0;border:0;outline:0;padding:0 8px}.print-number-field i{color:var(--muted);padding-inline-end:8px;font-style:normal}.print-center-row{align-items:center;gap:8px;margin-inline-start:122px;display:flex}.print-surface{display:none}.offset-selection-dialog{width:min(412px,100vw - 24px)}.offset-selection-content{padding:6px}.native-palette-resize-dialog{width:min(256px,100vw - 24px)}.native-palette-resize-content{padding:12px 12px 4px}.native-palette-resize-content label{grid-template-columns:1fr 94px;align-items:center;gap:6px;display:grid}.screenshot-dialog{width:min(480px,100vw - 32px)}.screenshot-content{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:16px 14px;display:grid}.screenshot-icon{width:52px;height:52px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;place-items:center;display:grid}.screenshot-copy strong{margin:1px 0 6px;font-size:14px;display:block}.screenshot-copy p{color:var(--muted);margin:0;line-height:1.45}.screenshot-delay-field,.screenshot-content .dialog-error{grid-column:2}.screenshot-delay-field{grid-template-columns:70px minmax(0,1fr)}.dialog-error{color:#ffb4ab;background:#c01c2829;border:1px solid #ff5c6659;border-radius:7px;margin:0;padding:9px 11px;line-height:1.4}.canvas-grid-dialog{width:min(295px,100vw - 24px)}.canvas-grid-content{gap:12px;padding:12px 12px 4px;display:grid}.native-grid-section{gap:6px;display:grid}.native-grid-section+.native-grid-section{border-top:1px solid var(--soft-border);padding-top:10px}.native-grid-section .native-check-row{min-height:28px;margin:0;font-weight:600}.native-grid-section>label:not(.native-check-row){grid-template-columns:50px 112px 1fr;align-items:center;gap:6px;padding-left:25px;display:grid}.native-grid-section>label>i{font-style:normal}.native-grid-angle{grid-template-columns:52px 106px 36px;align-items:center;gap:6px;margin-left:25px;display:grid}.canvas-grid-preview{border:1px solid var(--soft-border);background-color:#f8f8f8;border-radius:8px;height:105px}.canvas-grid-preview.show-grid{background-image:linear-gradient(90deg,#1414146b 1px,#0000 1px),linear-gradient(#1414146b 1px,#0000 1px);background-size:var(--grid-preview-width) var(--grid-preview-height)}.canvas-grid-preview.show-axonometric{background-image:repeating-linear-gradient(calc(90deg + var(--axon-preview-angle)), transparent 0 calc(var(--axon-preview-width) - 1px), #1414146b calc(var(--axon-preview-width) - 1px) var(--axon-preview-width)), repeating-linear-gradient(calc(90deg - var(--axon-preview-angle)), transparent 0 calc(var(--axon-preview-width) - 1px), #1414146b calc(var(--axon-preview-width) - 1px) var(--axon-preview-width))}.canvas-grid-preview.show-grid.show-axonometric{background-image:linear-gradient(to right, #1414146b 1px, transparent 1px), linear-gradient(to bottom, #1414146b 1px, transparent 1px), repeating-linear-gradient(calc(90deg + var(--axon-preview-angle)), transparent 0 calc(var(--axon-preview-width) - 1px), #1414146b calc(var(--axon-preview-width) - 1px) var(--axon-preview-width)), repeating-linear-gradient(calc(90deg - var(--axon-preview-angle)), transparent 0 calc(var(--axon-preview-width) - 1px), #1414146b calc(var(--axon-preview-width) - 1px) var(--axon-preview-width));background-size:var(--grid-preview-width) var(--grid-preview-height), var(--grid-preview-width) var(--grid-preview-height), auto, auto}.canvas-grid-section{border:1px solid var(--soft-border);border-radius:8px;gap:10px;min-width:0;margin:0;padding:12px;display:grid}.canvas-grid-section .dialog-checkbox{color:var(--text);margin-bottom:2px;font-weight:600}.shortcuts-dialog{grid-template-rows:46px auto minmax(0,1fr);width:min(1430px,100vw - 20px);height:min(950px,100dvh - 20px)}.shortcuts-header{grid-template-columns:48px minmax(0,1fr) 48px}.shortcuts-header .about-header-button.active{color:#fff;background:var(--accent)}.shortcuts-search{background:var(--chrome-raised);border-bottom:1px solid var(--soft-border);padding:9px 12px}.shortcuts-search input{width:min(520px,100%);height:34px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:8px;outline:0;margin:0 auto;padding:0 11px;display:block}.shortcuts-search input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.shortcuts-layout{grid-template-columns:180px minmax(0,1fr);min-height:0;display:grid}.shortcuts-navigation{background:var(--chrome-raised);border-inline-end:1px solid var(--soft-border);flex-direction:column;gap:3px;min-height:0;padding:10px 8px;display:flex;overflow:auto}.shortcuts-navigation button{min-height:34px;color:var(--text);font:inherit;text-align:start;background:0 0;border:0;border-radius:7px;padding:0 11px}.shortcuts-navigation button:hover,.shortcuts-navigation button:focus-visible{background:var(--hover)}.shortcuts-content{scroll-behavior:smooth;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;min-height:0;display:grid;overflow:auto}.shortcut-section{border:1px solid var(--soft-border);background:color-mix(in srgb, var(--field) 55%, transparent);border-radius:8px;min-width:0}.shortcut-section h3{background:var(--chrome);border-bottom:1px solid var(--soft-border);margin:0;padding:9px 11px;font-size:12px}.shortcut-list{padding:5px}.shortcut-row{border-radius:5px;justify-content:space-between;align-items:center;gap:12px;min-height:29px;padding:4px 6px;display:flex}.shortcut-row:nth-child(2n){background:var(--hover)}.shortcut-row kbd{color:var(--text);background:var(--chrome-raised);border:1px solid var(--soft-border);box-shadow:0 1px 0 var(--border);font:inherit;white-space:nowrap;border-radius:5px;flex:none;padding:3px 7px;font-size:10px}.shortcuts-empty{min-height:220px;color:var(--muted);grid-column:1/-1;place-content:center;justify-items:center;gap:12px;display:grid}.about-dialog{width:min(360px,100vw - 24px);height:min(624px,100dvh - 24px)}.about-dialog-header{grid-template-columns:48px minmax(0,1fr) 48px}.about-header-button{width:34px;height:30px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:8px;margin:auto;padding:0;font-size:20px;line-height:1}.about-header-button:hover{background:var(--hover)}.language-dialog{width:min(470px,100vw - 32px);height:min(760px,100dvh - 32px)}.addin-manager-dialog{width:min(720px,100vw - 32px);height:min(760px,100dvh - 32px)}.addin-manager-content{flex-direction:column;gap:12px;min-height:0;display:flex}.addin-manager-summary{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.addin-manager-summary p,.addin-card p{color:var(--muted);margin:3px 0 0;line-height:1.4}.addin-manager-icon{background:var(--field);border:1px solid var(--soft-border);border-radius:9px;place-items:center;width:48px;height:48px;display:grid}.addin-count{color:var(--muted);background:var(--field);border:1px solid var(--soft-border);border-radius:999px;padding:4px 8px;font-size:11px}.addin-manager-actions{border-bottom:1px solid var(--soft-border);justify-content:flex-end;gap:4px;padding-bottom:8px;display:flex}.addin-manager-actions .dialog-text-button{min-width:0;height:28px;color:var(--muted);padding:0 9px;font-size:11px}.addin-list{gap:9px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.addin-card{background:color-mix(in srgb, var(--field) 72%, transparent);border:1px solid var(--soft-border);border-radius:9px;padding:12px}.addin-card.enabled{background:color-mix(in srgb, #3584e4 9%, var(--field));border-color:color-mix(in srgb, #3584e4 48%, var(--soft-border))}.addin-card-heading{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.addin-card-heading>span:nth-child(2){gap:2px;min-width:0;display:grid}.addin-card-heading small,.addin-card-heading b{color:var(--muted);font-size:10px;font-weight:500}.addin-card.enabled .addin-card-heading b{color:#62a5f3}.addin-switch{width:34px;height:20px;display:block;position:relative}.addin-switch input{opacity:0;pointer-events:none;position:absolute}.addin-switch span{background:var(--border);box-shadow:inset 0 0 0 1px var(--soft-border);border-radius:999px;transition:background .12s;position:absolute;inset:0}.addin-switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.addin-switch input:checked+span{background:#3584e4}.addin-switch input:checked+span:after{transform:translate(14px)}.addin-switch input:focus-visible+span{outline-offset:2px;outline:2px solid #78aeed}.addin-capabilities{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.addin-capabilities span{color:var(--muted);background:var(--chrome-raised);border:1px solid var(--soft-border);border-radius:5px;padding:3px 6px;font-size:9.5px}.addin-card footer{border-top:1px solid var(--soft-border);color:var(--muted);justify-content:space-between;gap:10px;margin-top:10px;padding-top:8px;font-size:10px;display:flex}.addin-card footer a{color:#62a5f3;text-decoration:none}.addin-card footer a:hover{text-decoration:underline}.addin-manager-header{background:var(--chrome);border-bottom:1px solid var(--border);grid-template-columns:34px 34px 1fr auto;align-items:center;gap:5px;min-height:48px;padding:6px;display:grid}.addin-manager-header strong{text-align:center}.addin-manager-header .icon-button{width:32px;height:32px}.addin-manager-tabs{background:var(--chrome);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:2px;min-height:44px;padding:5px;display:flex}.addin-manager-tabs button{min-width:105px;height:32px;color:var(--text);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;display:flex}.addin-manager-tabs button.active{background:var(--active)}.addin-manager-tabs small{background:var(--field);border-radius:999px;padding:1px 5px;font-size:9px}.addin-manager-dialog .addin-manager-content{grid-template-columns:300px minmax(0,1fr);gap:0;padding:0;display:grid;overflow:hidden}.addin-manager-list-pane{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.addin-manager-list-pane .addin-manager-actions{padding:7px}.addin-manager-list-pane .addin-manager-actions button{height:27px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:10px}.addin-manager-list-pane .addin-manager-actions button:hover{background:var(--hover)}.addin-manager-list-pane .addin-list{padding:5px;display:block}.addin-manager-list-pane .addin-list>button{width:100%;min-height:57px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;gap:3px;padding:8px 10px;display:grid}.addin-manager-list-pane .addin-list>button[aria-selected=true]{background:var(--active)}.addin-manager-list-pane .addin-list>button span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.addin-empty{min-height:240px;color:var(--muted);place-content:center;justify-items:center;gap:10px;display:grid}.addin-detail-pane{flex-direction:column;align-items:flex-start;min-width:0;padding:24px;display:flex;overflow:auto}.addin-detail-pane h2{margin:13px 0 3px}.addin-detail-pane>span,.addin-detail-pane>small{color:var(--muted)}.addin-detail-pane>p{color:var(--muted);flex:auto;line-height:1.5}.addin-detail-pane footer{border-top:1px solid var(--soft-border);justify-content:space-between;align-items:center;width:100%;margin:18px 0 12px;padding-top:12px;display:flex}.addin-detail-pane footer label{align-items:center;gap:9px;display:flex}.addin-detail-pane footer a{color:#62a5f3;text-decoration:none}@media (width<=620px){.addin-manager-dialog .addin-manager-content{grid-template-columns:1fr}.addin-manager-list-pane{border-right:0}.addin-detail-pane{display:none}.addin-manager-tabs button{flex:1 1 0;min-width:0}}.language-content{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;display:grid}.language-content fieldset{border:1px solid var(--soft-border);border-radius:8px;align-content:start;gap:4px;min-height:0;margin:0;padding:8px;display:grid;overflow:auto}.language-content legend{color:var(--muted);padding-inline:6px;font-size:12px;font-weight:600}.language-content label{border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:7px 9px;display:grid}.language-content label:hover{background:var(--hover)}.language-content label:has(input:checked){background:var(--active);box-shadow:inset 0 0 0 1px var(--active-border)}.language-content small{color:var(--muted);direction:ltr;font-size:10px}.about-content{text-align:center;flex-direction:column;align-items:center;min-height:0;padding:18px 18px 14px;display:flex;overflow:auto}.about-content>img{width:88px;height:88px;margin:4px 0 10px}.about-content h2{margin:0 0 3px;font-size:24px}.about-content p{color:var(--muted);margin:5px 0;line-height:1.45}.about-version{font-size:11px}.about-port-credit{font-size:12px}.about-port-credit a{color:#78aeed}.about-links{border:1px solid var(--soft-border);border-radius:10px;gap:1px;width:100%;margin:13px 0 8px;display:grid;overflow:hidden}.about-links a,.about-links button{min-height:42px;color:var(--text);background:var(--field);border:0;border-bottom:1px solid var(--soft-border);font:inherit;text-align:start;justify-content:space-between;align-items:center;gap:10px;padding:0 13px;text-decoration:none;display:flex}.about-links>:last-child{border-bottom:0}.about-links b{color:var(--muted);font-size:18px}.about-links a:hover,.about-links button:hover{background:var(--hover)}.about-subpage{min-height:0;color:var(--text);line-height:1.45;overflow:auto}.about-subpage>img{width:64px;height:64px;margin:0 auto 14px;display:block}.about-subpage h2{margin:4px 0 8px;font-size:15px}.about-subpage p{margin:0 0 16px}.about-subpage a{color:#78aeed}.about-subpage dl{border:1px solid var(--soft-border);border-radius:10px;margin:14px 0 18px;overflow:hidden}.about-subpage dl>div{background:var(--field);border-bottom:1px solid var(--soft-border);padding:10px 12px}.about-subpage dl>div:last-child{border-bottom:0}.about-subpage dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:650}.about-subpage dd{overflow-wrap:anywhere;margin:3px 0 0}.about-credits section{background:var(--field);border:1px solid var(--soft-border);border-radius:10px;margin-bottom:18px;padding:13px}.about-credits ul,.about-legal ul{margin:0 0 10px;padding-inline-start:20px}.about-credits pre{color:var(--muted);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}@media (width<=520px){.layer-property-field,.layer-opacity-field{grid-template-columns:1fr}.layer-visible-field,.save-format-hint,.offset-selection-content .dialog-hint{margin-left:0}.layer-opacity-value{width:82px}.screenshot-content,.shortcuts-content{grid-template-columns:1fr}.screenshot-icon,.screenshot-delay-field,.screenshot-content .dialog-error{grid-column:1}}.busy-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;animation:.85s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.tool-options-bar{z-index:10;background:var(--chrome);border-bottom:1px solid var(--border);scrollbar-color:color-mix(in srgb, var(--muted) 65%, transparent) transparent;scrollbar-width:thin;white-space:nowrap;flex:0 0 48px;align-items:center;gap:8px;height:48px;padding:6px 16px;display:flex;position:relative;overflow:auto hidden;box-shadow:inset 0 1px #ffffff06}.tool-options-bar::-webkit-scrollbar{height:5px}.tool-options-bar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 65%, transparent);border-radius:999px}.tool-options-bar>*{flex:none}.tool-label,.option-label{color:var(--text)}.tool-options-bar strong{font-weight:500}.pinta-icon{object-fit:contain;pointer-events:none;filter:brightness(0)invert();display:block}.theme-light .pinta-icon{filter:brightness(0)}.pinta-icon[src$=\.png]{filter:none}.tool-options-bar>.pinta-icon{margin-left:8px;margin-right:18px}.native-select-chevron{width:13px;color:var(--muted);text-align:center;font-size:17px;line-height:12px}.native-checkmark{place-items:center;font-size:14px;font-weight:700;line-height:1;display:inline-grid}.native-checkmark:before{content:"✓"}.native-toolbar-stepper+.option-label,.native-toolbar-icon-select+.option-label,.native-toolbar-select+.native-toolbar-icon-select{margin-left:8px}.stepper-button{background:var(--field);border-color:var(--soft-border);width:27px;height:27px;padding:0}.native-toolbar-stepper{background:var(--field);border:1px solid var(--soft-border);border-radius:10px;grid-template-columns:minmax(0,1fr) 33px 33px;width:132px;height:36px;display:grid;overflow:hidden}.native-toolbar-stepper input,.native-toolbar-stepper button{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0}.native-toolbar-stepper input{-moz-appearance:textfield;padding-left:10px}.native-toolbar-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.native-toolbar-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.native-toolbar-stepper button{border-left:1px solid var(--soft-border);place-items:center;display:grid}.native-toolbar-stepper button:hover{background:var(--hover)}.native-toolbar-select{min-width:100px;height:36px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:10px;padding:0 30px 0 11px}.native-toolbar-icon-select{width:59px;height:36px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:10px;flex:0 0 59px;position:relative}.native-toolbar-icon-select>button{width:100%;height:100%;color:inherit;border-radius:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0;display:flex}.native-toolbar-icon-select.with-label{flex:none;width:auto;min-width:118px;max-width:210px}.native-toolbar-icon-select.with-label>button{justify-content:flex-start;padding:0 8px}.native-toolbar-selected-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.native-toolbar-icon-select.with-label .native-select-chevron{margin-inline-start:auto}.native-toolbar-icon-select.open{border-color:#3584e4}.native-toolbar-icon-select select{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.native-toolbar-option-popover{z-index:720;width:max-content;min-width:205px;max-width:280px;color:var(--text);background:var(--chrome-raised);border:1px solid var(--soft-border);overscroll-behavior:contain;border-radius:9px;padding:5px;position:fixed;overflow-y:auto;box-shadow:0 12px 34px #0000006b,0 2px 8px #00000052}.native-toolbar-option-popover>button{width:100%;height:34px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:22px 1fr 16px;align-items:center;gap:7px;padding:0 9px 0 5px;display:grid}.native-toolbar-icon-select.text-only .native-toolbar-option-popover>button{grid-template-columns:1fr 16px;padding-inline-start:10px}.native-toolbar-option-popover>button:hover,.native-toolbar-option-popover>button[aria-selected=true]{background:var(--hover)}.native-toolbar-option-check{place-items:center;display:grid}.native-toolbar-value{min-width:20px;color:var(--text);font-variant-numeric:tabular-nums}.native-toolbar-check{align-items:center;gap:3px;display:inline-flex}.native-toolbar-check input{accent-color:#3584e4;width:16px;height:16px;margin:0}.tool-option-slider.compact{width:90px}.after-select-control{min-width:172px}.text-variant-control{min-width:60px}.number-input{border:1px solid var(--soft-border);background:var(--field);width:47px;height:27px;color:var(--text);text-align:center;-moz-appearance:textfield;border-radius:0;outline:0;margin:0 -9px;padding:0 8px}.number-input::-webkit-outer-spin-button{appearance:none;margin:0}.number-input::-webkit-inner-spin-button{appearance:none;margin:0}.option-unit,.muted-option,.clone-source-status{color:var(--muted)}.tool-option-slider{width:118px;accent-color:var(--accent)}.option-value{min-width:34px;color:var(--muted);font-variant-numeric:tabular-nums}.option-preview{border-left:1px solid var(--soft-border);place-items:center;width:38px;height:27px;margin-left:5px;display:grid}.option-preview i{width:var(--brush-size);height:var(--brush-size);background:var(--text);border-radius:50%;max-width:18px;max-height:18px;display:block}.select-control{min-width:100px;height:28px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:6px;justify-content:space-between;align-items:center;gap:13px;padding:0 9px;display:flex}.selection-mode-select{width:170px;min-width:170px;display:block}.brush-type-select{min-width:100px}.text-join-select{min-width:126px}.shape-option-select{min-width:132px;max-width:178px}.dash-option-select{width:200px;min-width:200px}.antialias-option-select{min-width:96px}.line-edit-hint{color:var(--muted);font-size:11px}.text-option-select,.text-number-input{height:28px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:6px}.text-option-select{max-width:150px;padding:0 7px}.font-family-select{width:115px;min-width:115px;padding-right:18px}.font-size-stepper{width:115px}.text-number-input{text-align:center;-moz-appearance:textfield;width:55px;padding:0 6px}.text-number-input.compact{width:45px}.text-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.text-number-input::-webkit-inner-spin-button{appearance:none;margin:0}.text-format-button{width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;padding:0;display:grid}.text-format-button:hover{color:var(--text);background:var(--hover)}.text-format-button.active{color:var(--text);background:var(--active);border-color:var(--active-border)}.text-format-button.text-commit-button{color:#fff;background:#3584e4}.editor-body{background:var(--workspace);flex:auto;min-height:0;display:flex;overflow:hidden}.canvas-area{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.empty-workspace{min-width:0;min-height:0;color:var(--muted);text-align:center;background-color:var(--workspace);background-image:radial-gradient(#ffffff09 .6px,#0000 .6px);background-size:5px 5px;flex:auto;place-content:center;justify-items:center;gap:10px;padding:32px;display:grid}.empty-workspace>.pinta-icon{opacity:.42}.empty-workspace h2,.empty-workspace p{margin:0}.empty-workspace h2{color:var(--text);font-size:18px}.empty-workspace p{max-width:360px;font-size:13px}.empty-workspace>div{gap:8px;margin-top:8px;display:flex}.empty-workspace button{justify-content:center;align-items:center;gap:7px;min-width:112px;display:inline-flex}.document-tabs{background:var(--chrome);border-bottom:1px solid var(--border);flex:0 0 37px;min-width:0;height:37px;padding:4px 5px 0;overflow:hidden}.document-tabs-scroll{scrollbar-width:none;align-items:end;gap:3px;height:100%;display:flex;overflow:auto hidden}.document-tabs-scroll::-webkit-scrollbar{display:none}.document-tab{min-width:105px;max-width:230px;height:32px;color:var(--muted);background:var(--chrome-raised);border:1px solid var(--soft-border);border-bottom:0;border-radius:7px 7px 0 0;flex:0 190px;grid-template-columns:minmax(0,1fr) 25px;align-items:center;display:grid;overflow:hidden}.document-tab:hover{color:var(--text);background:color-mix(in srgb, var(--chrome-raised) 85%, white 5%)}.document-tab.active{color:var(--text);background:var(--workspace);border-top-color:var(--active-border);box-shadow:0 2px 0 var(--workspace), inset 0 2px 0 var(--accent)}.document-tab-activate,.document-tab-close{min-width:0;height:100%;color:inherit;background:0 0;border:0;padding:0}.document-tab-activate{text-align:left;align-items:center;gap:7px;padding-left:9px;display:flex}.document-tab-activate svg{flex:none}.document-tab-activate span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.document-tab-close{opacity:.55;border-radius:5px;place-items:center;display:grid}.document-tab:hover .document-tab-close,.document-tab.active .document-tab-close{opacity:1}.document-tab-close:hover{color:var(--text);background:var(--hover)}.toolbox{grid-auto-flow:column;grid-template-rows:repeat(var(--toolbox-rows,17), 46px);background:var(--chrome);border-right:1px solid var(--border);scrollbar-color:color-mix(in srgb, var(--muted) 65%, transparent) transparent;scrollbar-width:thin;flex:none;grid-auto-columns:46px;place-content:start;gap:1px 9px;padding:2px 7px;display:grid;overflow:hidden auto}.toolbox::-webkit-scrollbar{width:5px}.toolbox::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 65%, transparent);border-radius:999px}.tool-button{width:46px;height:46px;padding:0}.tool-button .pinta-icon{width:28px;height:28px}.canvas-viewport-shell{flex:auto;grid-template-rows:0 minmax(0,1fr);grid-template-columns:0 minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.canvas-viewport-shell.with-rulers{grid-template-rows:22px minmax(0,1fr);grid-template-columns:28px minmax(0,1fr)}.ruler-corner{background:var(--chrome-raised);border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:1/1}.canvas-ruler{z-index:6;color:var(--muted);background-color:var(--chrome-raised);pointer-events:none;font-size:9px;line-height:1;position:relative;overflow:hidden}.canvas-ruler-horizontal{border-bottom:1px solid var(--border);background-image:repeating-linear-gradient(to right, transparent 0 calc(var(--ruler-minor) - 1px), var(--soft-border) calc(var(--ruler-minor) - 1px) var(--ruler-minor));background-position-x:var(--ruler-offset);grid-area:1/2}.canvas-ruler-vertical{border-right:1px solid var(--border);background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--ruler-minor) - 1px), var(--soft-border) calc(var(--ruler-minor) - 1px) var(--ruler-minor));background-position-y:var(--ruler-offset);grid-area:2/1}.ruler-major-tick{color:var(--text);position:absolute}.canvas-ruler-horizontal .ruler-major-tick{border-left:1px solid var(--muted);height:100%;padding:3px 0 0 3px;top:0}.canvas-ruler-vertical .ruler-major-tick{border-top:1px solid var(--muted);writing-mode:vertical-rl;width:100%;padding:3px 0 0 3px;left:0}.canvas-viewport{overscroll-behavior:contain;background-color:var(--workspace);background-image:radial-gradient(#ffffff09 .6px,#0000 .6px);background-size:5px 5px;grid-area:2/2;min-width:0;min-height:0;position:relative;overflow:auto}.canvas-centering-frame{place-items:center;width:max-content;min-width:100%;height:max-content;min-height:100%;padding:26px;display:grid}.canvas-stack{touch-action:none;cursor:crosshair;background-color:#fff;background-image:linear-gradient(45deg,#d0d0d0 25%,#0000 25%),linear-gradient(-45deg,#d0d0d0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d0d0d0 75%),linear-gradient(-45deg,#0000 75%,#d0d0d0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff52,0 3px 14px #00000080}.zoom-marquee{z-index:8;box-sizing:border-box;pointer-events:none;background:#4da3ff1f;border:1px solid #000;outline:1px solid #fffffff2;position:absolute}.canvas-stack.tool-pan{cursor:grab}.canvas-stack.tool-pan:active{cursor:grabbing}.canvas-stack.tool-zoom{cursor:zoom-in}.canvas-stack.tool-text{cursor:text}.canvas-stack canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.preview-canvas,.selection-canvas{pointer-events:none}.canvas-grid-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.orthogonal-grid{background-image:linear-gradient(90deg,#0000007a 1px,#ffffff40 1px,#0000 2px),linear-gradient(#0000007a 1px,#ffffff40 1px,#0000 2px);background-size:var(--canvas-grid-width) var(--canvas-grid-height)}.axonometric-grid{background-image:repeating-linear-gradient(calc(90deg + var(--canvas-axon-angle)), transparent 0 calc(var(--canvas-axon-width) - 1px), #00000073 calc(var(--canvas-axon-width) - 1px) var(--canvas-axon-width)), repeating-linear-gradient(calc(90deg - var(--canvas-axon-angle)), transparent 0 calc(var(--canvas-axon-width) - 1px), #00000073 calc(var(--canvas-axon-width) - 1px) var(--canvas-axon-width))}.text-editor-overlay{z-index:8;min-width:150px;color:var(--text);pointer-events:auto;position:absolute}.text-editor-actions{min-width:172px;height:27px;color:var(--text);background:var(--chrome-raised);border:1px solid var(--soft-border);border-radius:6px;grid-template-columns:25px minmax(80px,1fr) 25px 25px;align-items:center;gap:1px;padding:2px 3px;font-size:10px;display:grid;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000061}.text-editor-overlay.near-top .text-editor-actions{top:calc(100% + 4px);bottom:auto}.text-editor-actions button{width:24px;height:22px;color:inherit;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.text-editor-actions button:hover{background:var(--hover)}.text-editor-actions .text-drag-handle{color:var(--muted);cursor:move;font-size:15px}.canvas-text-editor{resize:both;outline-offset:1px;width:100%;min-width:150px;caret-color:var(--text);background:color-mix(in srgb, var(--field) 36%, transparent);text-shadow:none;-webkit-user-select:text;user-select:text;border:0;border-radius:2px;outline:1px dashed #3584e4;padding:3px 5px;line-height:1;overflow:auto}.canvas-text-editor::placeholder{color:color-mix(in srgb, var(--text) 50%, transparent);-webkit-text-stroke:0 transparent}.font-family-dialog{width:min(430px,100vw - 24px);max-height:min(620px,100dvh - 24px)}.font-family-dialog-content{grid-template-rows:34px minmax(180px,1fr) auto;gap:8px;min-height:0;padding:12px;display:grid}.font-family-dialog-content>input{width:100%;height:34px;color:var(--text);background:var(--field);border:1px solid var(--soft-border);border-radius:7px;padding:0 9px}.font-family-list{background:var(--field);border:1px solid var(--soft-border);border-radius:7px;flex-direction:column;min-height:180px;max-height:min(400px,100dvh - 210px);display:flex;overflow:auto}.font-family-list button{min-height:34px;color:var(--text);text-align:start;background:0 0;border:0;padding:5px 10px}.font-family-list button:hover,.font-family-list button.selected{background:var(--hover)}.font-family-list button.selected{box-shadow:inset 3px 0 #3584e4}.font-family-list p{color:var(--muted);margin:auto}.font-family-preview{min-height:52px;color:var(--text);white-space:nowrap;background:var(--field);border:1px solid var(--soft-border);border-radius:7px;padding:10px;font-size:18px;overflow:hidden}.dock-sidebar{width:var(--dock-width,277px);flex:0 0 var(--dock-width,277px);grid-template-rows:minmax(34px, calc((100% - 5px) * var(--layers-share,.52))) 5px minmax(34px, 1fr);background:var(--panel);border-left:1px solid var(--border);display:grid;position:relative}.dock-sidebar[data-layers-minimized=true]{grid-template-rows:34px 5px minmax(34px,1fr)}.dock-sidebar[data-history-minimized=true]{grid-template-rows:minmax(34px,1fr) 5px 34px}.dock-sidebar[data-layers-minimized=true][data-history-minimized=true]{grid-template-rows:34px 5px 34px 1fr}.dock-panel{border-bottom:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.dock-sidebar[data-layers-minimized=true] .layers-panel>:not(.dock-header),.dock-sidebar[data-history-minimized=true] .history-panel>:not(.dock-header){display:none}.dock-resize-handle{z-index:16;background:0 0;border:0}.dock-resize-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dock-resize-width{top:0;bottom:0;cursor:col-resize;width:6px;position:absolute;inset-inline-start:-3px}.dock-resize-pads{cursor:row-resize}.dock-resize-handle:hover,.dock-resize-handle:active{background:color-mix(in srgb, var(--accent) 55%, transparent)}.dock-header>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dock-minimize-button{order:3;font-size:15px;line-height:1}.dock-header{background:var(--chrome);border-bottom:1px solid var(--border);flex:0 0 34px;align-items:center;gap:4px;height:34px;padding:0 9px;font-weight:600;display:flex}.dock-header svg{color:var(--muted)}.dock-menu-button{width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.dock-menu-button:hover,.dock-menu-button[aria-expanded=true]{color:var(--text);background:var(--hover)}.layer-menu-popover{width:278px;max-height:min(450px,100dvh - 150px);top:30px;overflow-y:auto}.layer-list,.history-list{background:var(--panel);flex:1;min-height:0;overflow:auto}.layer-row{border-bottom:1px solid var(--soft-border);outline:0;grid-template-columns:25px 57px minmax(0,1fr) 20px;align-items:center;gap:5px;height:54px;padding:3px 7px 3px 3px;display:grid}.layer-row:hover{background:var(--hover)}.layer-row.active{background:var(--active)}.layer-eye{width:25px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.layer-thumbnail{border:1px solid var(--soft-border);place-items:center;width:53px;height:42px;display:grid;overflow:hidden}.layer-thumbnail canvas{object-fit:contain;width:100%;height:100%;display:block}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#bbb 25%,#0000 25%),linear-gradient(-45deg,#bbb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#bbb 75%),linear-gradient(-45deg,#0000 75%,#bbb 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.layer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-check{color:var(--accent)}.dock-toolbar{background:var(--chrome);border-top:1px solid var(--border);flex:0 0 38px;justify-content:space-between;align-items:center;gap:1px;min-height:38px;padding:3px 4px;display:flex}.dock-toolbar .icon-button{width:31px;height:30px}.history-evicted{color:var(--muted);border-bottom:1px solid var(--border);margin:0;padding:6px 8px;font-size:11px;line-height:1.35}.history-row{width:100%;height:27px;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:5px;padding:0 8px;display:grid}.history-row:hover{background:var(--hover)}.history-row.active{background:var(--active)}.history-row.future{color:var(--muted)}.history-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-toolbar{justify-content:flex-start}.status-bar{z-index:12;background:var(--chrome);border-top:1px solid var(--border);flex:0 0 50px;align-items:center;gap:11px;height:50px;padding:4px 7px;display:flex;position:relative}.color-wells{flex:0 0 48px;width:48px;height:42px;position:relative}.color-well{border:2px solid var(--text);width:27px;height:27px;padding:0;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #000}.color-well:after{content:"";background:var(--well-color);position:absolute;inset:0}.color-well.secondary{bottom:1px;right:2px}.color-well.primary{z-index:2;top:1px;left:2px}.swap-colors{z-index:3;width:17px;height:17px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:-3px;right:-1px}.swap-colors svg,.reset-colors svg{width:100%;height:100%;display:block}.swap-colors svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter}.reset-colors{z-index:3;width:17px;height:17px;color:var(--muted);background:var(--chrome);border:0;border-radius:3px;padding:1px;position:absolute;bottom:-2px;left:-1px}.reset-colors svg rect{fill:none;stroke:currentColor;stroke-width:1.25px}.reset-colors svg rect.filled{fill:currentColor;stroke:none}.recent-palette{flex:none;grid-template-columns:repeat(5,17px);grid-auto-rows:17px;gap:1px;margin-right:10px;display:grid}.palette{scrollbar-width:none;flex:0 auto;grid-template-rows:repeat(2,17px);grid-auto-columns:17px;grid-auto-flow:column;gap:1px;min-width:0;display:grid;overflow:auto hidden}.palette::-webkit-scrollbar{display:none}.swatch,.recent-swatch{border:1px solid #7f7f7fb3;width:17px;height:17px;padding:0;box-shadow:inset 0 0 0 1px #00000040}.swatch:hover,.recent-swatch:hover{outline:2px solid var(--text);outline-offset:0;z-index:2}.palette-add-swatch{width:17px;height:17px;color:var(--muted);border:1px dashed color-mix(in srgb, var(--muted) 80%, transparent);background:0 0;place-items:center;padding:3px;display:grid}.palette-add-swatch svg{fill:currentColor;width:100%;height:100%;display:block}.palette-add-swatch:hover:not(:disabled){color:var(--text);background:var(--hover)}.palette-add-swatch:disabled{opacity:.35}.status-spacer{flex:1;min-width:10px}.status-readout{min-width:95px;height:32px;color:var(--muted);border-left:1px solid var(--soft-border);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:flex}.selection-size-glyph{opacity:.75}.zoom-control{border-left:1px solid var(--soft-border);align-items:center;gap:5px;min-width:245px;height:34px;padding-left:7px;display:flex}.zoom-control .icon-button{width:28px;height:28px}.zoom-combo{background:var(--field);border:1px solid var(--soft-border);border-radius:6px;flex:1;align-items:center;min-width:90px;height:28px;display:flex;position:relative}.zoom-entry{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0 2px 0 8px}.zoom-entry:disabled{opacity:.5}.zoom-combo-arrow{opacity:.75;background:0 0;border:0;border-radius:0 5px 5px 0;place-items:center;width:22px;height:100%;padding:0;display:grid}.zoom-combo-arrow:hover:not(:disabled){background:var(--hover);opacity:1}.zoom-combo-arrow:disabled{opacity:.35}.zoom-level-popover{min-width:120px;max-height:320px;top:auto;bottom:calc(100% + 7px);overflow-y:auto}.zoom-level-popover .menu-item{min-width:0}.error-boundary{background:var(--workspace,#1d1d20);min-width:0;min-height:0;color:var(--text,#ececf0);flex:auto;place-items:center;padding:24px;display:grid;overflow:auto}.error-boundary-application{z-index:900;position:fixed;inset:0}.error-boundary-panel{background:var(--chrome-raised,#36363a);border:1px solid var(--soft-border,#ffffff26);border-radius:12px;flex-direction:column;gap:12px;width:min(460px,100%);padding:22px 24px;font-size:14px;display:flex;box-shadow:0 12px 34px #0006}.error-boundary-panel h2{margin:0;font-size:17px;font-weight:700}.error-boundary-panel p{margin:0;line-height:1.5}.error-boundary-hint,.error-boundary-panel details{color:var(--muted,#9a9aa6)}.error-boundary-panel summary{cursor:pointer}.error-boundary-panel pre{background:var(--field,#1d1d20);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:140px;margin:8px 0 0;padding:8px 10px;font-size:12px;overflow:auto}.error-boundary-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.error-boundary-recovery{color:var(--muted,#9a9aa6);font-size:13px}.persistence-suspended-banner{z-index:13;background:color-mix(in srgb, #c07a33 22%, var(--chrome));border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:7px 14px;font-size:13px;display:flex;position:relative}.persistence-suspended-banner strong{font-weight:600}.storage-pressure-banner{flex-wrap:wrap}.storage-pressure-banner .native-dialog-button{margin-left:auto}.drop-overlay{z-index:500;border:2px dashed var(--accent);background:color-mix(in srgb, var(--workspace) 84%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;border-radius:12px;place-items:center;display:grid;position:fixed;inset:12px}.drop-overlay>div{border:1px solid var(--soft-border);background:var(--chrome-raised);border-radius:12px;flex-direction:column;align-items:center;gap:9px;min-width:310px;padding:30px;display:flex;box-shadow:0 16px 50px #0006}.drop-overlay strong{font-size:17px}.drop-overlay span{color:var(--muted)}.toast{z-index:600;border:1px solid var(--soft-border);background:var(--chrome-raised);max-width:min(520px,90vw);color:var(--text);border-radius:8px;padding:9px 14px;position:fixed;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.fullscreen-exit{z-index:300;opacity:0;color:var(--text);border:1px solid var(--soft-border);background:var(--chrome-raised);border-radius:6px;padding:7px 11px;transition:opacity .15s;position:fixed;top:10px;right:10px}.fullscreen-exit:hover{opacity:1}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}[dir=rtl] .application-menu-button{padding-left:9px;padding-right:7px}[dir=rtl] .macos-menu-document{margin-left:0;margin-right:auto}[dir=rtl] .popover-left{left:auto;right:0}[dir=rtl] .popover-right{left:0;right:auto}[dir=rtl] .menu-item{text-align:right}[dir=rtl] .menu-caption,[dir=rtl] .menu-note{padding-left:8px;padding-right:35px}[dir=rtl] .toolbox{border-right:0;border-left:1px solid var(--border)}[dir=rtl] .addin-list{padding-left:4px;padding-right:0}[dir=rtl] .addin-switch span:after{left:auto;right:2px}[dir=rtl] .addin-switch input:checked+span:after{transform:translate(-14px)}[dir=rtl] .dock-sidebar{border-right:1px solid var(--border);border-left:0}[dir=rtl] .canvas-viewport{direction:ltr}@media (width<=1120px){.macos-menu-document,.window-title,.header-cluster:first-child .icon-button:nth-of-type(7),.header-cluster:first-child .icon-button:nth-of-type(8),.header-cluster:first-child .icon-button:nth-of-type(9),.header-cluster:first-child .icon-button:nth-of-type(11){display:none}.dock-sidebar{width:min(var(--dock-width,240px), 240px);flex-basis:min(var(--dock-width,240px), 240px)}.zoom-control{min-width:180px}.status-readout{min-width:82px;padding-inline:6px}}@media (width<=860px){.header-cluster-end .menu-anchor:first-of-type,.header-cluster-end .menu-anchor:nth-of-type(2){display:none}.dock-sidebar{z-index:15;width:min(var(--dock-width,255px), 255px);position:absolute;top:124px;bottom:50px;right:0;box-shadow:-8px 0 24px #0000004d}.app-shell.toolbar-hidden .dock-sidebar{top:76px}.editor-body.with-sidebar .document-tabs{padding-right:260px}.status-readout{display:none}.palette{grid-template-rows:repeat(2,15px);grid-auto-columns:15px}.recent-palette{grid-template-columns:repeat(5,15px);grid-auto-rows:15px;margin-right:7px}.swatch,.recent-swatch,.palette-add-swatch{width:15px;height:15px}}@media (width<=680px){.macos-menu-bar{padding-inline:3px;font-size:11.5px}.macos-menu-button{padding-inline:6px}.application-menu-button{padding-left:4px}.shortcuts-layout{grid-template-columns:1fr}.shortcuts-navigation{display:none}.shortcuts-content{grid-template-columns:1fr}}@media (width<=640px){.app-shell{min-width:0}.macos-menu-bar,.header-cluster:first-child .icon-button:nth-of-type(n+6){display:none}.editor-body{flex-direction:column}.canvas-area{order:1}.toolbox{border-top:1px solid var(--border);border-right:0;flex:0 0 46px;order:2;grid-template-rows:40px;grid-auto-columns:40px;grid-auto-flow:column;justify-content:start;gap:2px;width:100%;height:46px;padding:3px 6px;overflow:auto hidden}[dir=rtl] .toolbox{border-left:0}.tool-button{width:40px;height:40px}.tool-button .pinta-icon{width:22px;height:22px}.tool-options-bar{flex:0 0 42px;height:42px;padding-inline:8px}.dock-sidebar{width:min(var(--dock-width,320px), 320px);top:90px;bottom:96px}.app-shell.toolbar-hidden .dock-sidebar{top:42px}.editor-body.with-sidebar .document-tabs{padding-right:0}.status-bar{flex:0 0 46px;gap:7px;height:46px;padding-inline:5px}.recent-palette,.status-readout,.status-spacer{display:none}.zoom-control{min-width:128px;padding-left:4px}.zoom-combo{min-width:78px}.canvas-centering-frame{padding:10px}}@media (pointer:coarse){.icon-button,.dock-menu-button,.stepper-button,.zoom-combo-arrow{min-width:34px;min-height:34px}.menu-item{height:38px}.dock-resize-width{width:16px;inset-inline-start:-8px}.dock-resize-pads{margin-block:-6px;padding-block:6px}.layer-row{min-height:44px}.canvas-stack,.swatch,.recent-swatch{-webkit-touch-callout:none;-webkit-user-select:none}}@media print{html,body,#root{background:#fff;width:auto;height:auto;overflow:visible}.app-shell{background:#fff;width:auto;min-width:0;height:auto;display:block;overflow:visible}.app-shell>:not(.print-surface){display:none!important}.print-surface{break-inside:avoid;justify-content:flex-start;align-items:flex-start;width:100%;min-height:100vh;display:flex}.print-surface.print-centered{justify-content:center;align-items:center}.print-surface.print-scale-fit img{object-fit:contain;max-width:100%;max-height:100vh;display:block}.print-surface:not(.print-scale-fit) img{object-fit:none;height:auto;display:block}}