.color-picker{box-sizing:border-box;width:17.875rem;max-height:calc(100dvh - 6rem);overflow-y:auto;padding:1rem;color:var(--text, #202124);background:var(--panel, #fff);border:.0625rem solid var(--border, #e7e7e5);border-radius:1.0625rem;box-shadow:var(--shadow, 0 .75rem 2.25rem #2021241a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}.color-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8125rem}.color-heading h2{margin:0;font-size:.8125rem;font-weight:650;letter-spacing:-.009375rem}.color-close{display:grid;place-items:center;width:1.5rem;height:1.5rem;padding:0;color:var(--muted, #858589);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:background .14s,color .14s}.color-close:hover{color:var(--text, #202124);background:var(--hover, #f2f2f0)}.color-main{display:grid;grid-template-columns:minmax(0,1fr) 5.1875rem;gap:.75rem}.color-field{position:relative;height:9.125rem;border-radius:.4375rem;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--color-hue);box-shadow:inset 0 0 0 .0625rem #0000000c}.color-field-handle{position:absolute;width:.8125rem;height:.8125rem;border:.125rem solid #fff;border-radius:50%;box-shadow:0 .0625rem .1875rem #0008;pointer-events:none;transform:translate(-50%,-50%)}.color-current-column{display:flex;flex-direction:column;gap:.4375rem}.color-current{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5625rem;border:.0625rem solid var(--border, #e7e7e5);border-radius:.5rem;font-size:.625rem}.color-current-swatch{display:block;width:2.625rem;height:2.625rem;border-radius:50%;box-shadow:inset 0 0 0 .0625rem #00000016,0 .0625rem .125rem #0000000a}.color-hex{box-sizing:border-box;width:100%;min-width:0;height:1.8125rem;border:.0625rem solid var(--border, #e7e7e5);border-radius:.375rem;padding:0 .25rem;color:var(--text, #202124);background:transparent;font-family:inherit;font-size:.625rem;font-variant-numeric:tabular-nums;text-align:center;-webkit-user-select:text;user-select:text}.color-hex-invalid{border-color:#c55151}.color-error{margin:.5rem 0 0;font-size:.625rem;line-height:1.4;color:#c55151}.color-hue-slider{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;width:100%;height:.75rem;padding:0;margin:1.0625rem 0 1.1875rem;border:0;border-radius:.5625rem;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;touch-action:none}.color-hue-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:1.125rem;height:1.125rem;border:.125rem solid #fff;border-radius:50%;background:var(--color-thumb);box-shadow:0 .0625rem .25rem #0005}.color-hue-slider::-moz-range-thumb{box-sizing:border-box;width:1.125rem;height:1.125rem;border:.125rem solid #fff;border-radius:50%;background:var(--color-thumb);box-shadow:0 .0625rem .25rem #0005}.color-palette-section+.color-palette-section{margin-top:.9375rem}.color-palette-section h3{margin:0 0 .5625rem;color:var(--muted, #858589);font-size:.625rem;line-height:1.4;font-weight:500}.color-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4375rem}.color-swatch{display:grid;place-items:center;box-sizing:border-box;width:100%;aspect-ratio:1;min-height:0;padding:0;border:.0625rem solid #00000010;border-radius:50%;cursor:pointer;transition:transform .14s,box-shadow .14s}.color-swatch:hover{transform:translateY(-.0625rem);box-shadow:0 .125rem .3125rem #0002}.color-swatch-selected{box-shadow:0 0 0 .125rem var(--panel, #fff),0 0 0 .1875rem var(--muted, #858589)}.color-picker :is(button,input,[tabindex]):focus-visible{outline:.125rem solid var(--accent, #758ba3);outline-offset:.1875rem}.color-sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.color-picker *{transition:none!important}}@media(max-width:360px){.color-picker{width:16.625rem;padding:.8125rem}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.isolate{isolation:isolate}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.\!transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:where(svg.lucide){width:var(--icon-size,1.5rem);height:var(--icon-size,1.5rem)}:where(svg.lucide[width="10"]){--icon-size:.625rem}:where(svg.lucide[width="12"]){--icon-size:.75rem}:where(svg.lucide[width="13"]){--icon-size:.8125rem}:where(svg.lucide[width="14"]){--icon-size:.875rem}:where(svg.lucide[width="15"]){--icon-size:.9375rem}:where(svg.lucide[width="16"]){--icon-size:1rem}:where(svg.lucide[width="17"]){--icon-size:1.0625rem}:where(svg.lucide[width="18"]){--icon-size:1.125rem}:where(svg.lucide[width="19"]){--icon-size:1.1875rem}:where(svg.lucide[width="20"]){--icon-size:1.25rem}:where(svg.lucide[width="21"]){--icon-size:1.3125rem}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color-scheme:light;color:#202124;--workspace:#f1f1f0;--panel:#fafafaf5;--panel-solid:#fafafa;--text:#202124;--muted:#7e7f81;--border:#dddddf;--rule:#e4e4e5;--hover:#ededec;--accent:#849aab;--selection:#e2ecf9;--selection-text:#28538a;--shadow:0 .5rem 2rem #2021241f;--range-progress:100%;background:#f3f3f2;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:90%}:root[data-theme=dark],.focus-mode{color-scheme:dark;--workspace:#24272b;--panel:#1c1f22f5;--panel-solid:#202326;--text:#eeeff1;--muted:#a5a8ae;--border:#484c51;--rule:#33373b;--hover:#363a40;--accent:#a7afda;--selection:#373e46;--selection-text:#d0e5fa;--shadow:0 .0625rem .125rem #0001, 0 .9375rem 1.75rem #0003}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default;opacity:.3}button svg{flex-shrink:0}button,input,select{transition:background .15s,color .15s,box-shadow .15s}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:.125rem solid var(--accent);outline-offset:.1875rem}h2,p{margin:0}button,aside,header,footer{-webkit-user-select:none;user-select:none}kbd{font-family:inherit}select{color:var(--text)}.workspace{--edge:clamp(1.125rem, 1.83vw, 2rem);--panel-width:clamp(15.625rem, 18.4vw, 18.25rem);--right-panel-width:var(--panel-width);--rail-space:0rem;--panel-gap:1.375rem;--paper-top:clamp(6.125rem, 12.7dvh, 7.875rem);--canvas-left:calc(var(--edge) + var(--rail-space) + var(--panel-width) + var(--panel-gap));--canvas-right:calc(var(--edge) + var(--right-panel-width) + var(--panel-gap));--canvas-center:calc((100vw + var(--canvas-left) - var(--canvas-right)) / 2);--available-width:calc(100vw - var(--canvas-left) - var(--canvas-right));--available-height:calc(100dvh - var(--paper-top) - 6.5rem);--paper-width:min(var(--available-width), calc(var(--available-height) * var(--document-ratio)));--paper-height:calc(var(--paper-width) * var(--document-inverse-ratio));width:100%;height:100dvh;min-height:22.5rem;color:var(--text);background:radial-gradient(ellipse at 50% 40%,#f9f9f8,var(--workspace) 75%);transition:background .18s;position:relative;overflow:hidden}.canvas-stage{z-index:0;width:100%;height:100%;position:absolute;inset:0}.painting-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.painting-canvas[data-pointer-focus=true]:focus-visible{outline:none}.interface{pointer-events:none;position:absolute;inset:0}.interface>*{pointer-events:auto}.floating-panel{background:var(--panel);border:.0625rem solid var(--border);box-shadow:var(--shadow);border-radius:1.25rem}.top-toolbar{z-index:10;white-space:nowrap;background:var(--panel);align-items:center;gap:1.0625rem;width:min(52.0625rem,100vw - 2.5rem);height:4.3125rem;padding:.625rem 1.1875rem;display:flex;position:absolute;top:1.3125rem;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.top-toolbar{background:color-mix(in srgb,var(--panel) 80%,white 20%)}}.top-toolbar{box-shadow:var(--shadow);border-radius:1.375rem}.document-control{flex:0 0 10.9375rem;align-items:center;gap:.9375rem;min-width:9.9375rem;display:flex}.app-mark{border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem}.document-trigger{text-align:left;flex-direction:column;align-items:flex-start;gap:.3125rem;padding:0;display:flex}.document-trigger strong{letter-spacing:-.0125rem;font-size:.8125rem;font-weight:650;line-height:1.2}.document-trigger>span{max-width:8.25rem;color:var(--muted);align-items:center;gap:.625rem;font-size:.75rem;display:flex;overflow:hidden}.toolbar-divider{background:var(--border);flex-shrink:0;width:.0625rem;height:2rem}.toolbar-group{align-items:center;gap:.5rem;display:flex}.history-tools{gap:.3125rem}.icon-button{width:2.75rem;height:2.75rem;color:var(--text);border-radius:.625rem;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.icon-button:hover:not(:disabled){background:var(--hover)}.icon-button.is-active{background:#e9e9e7}.top-toolbar .icon-button svg{width:1.375rem;height:1.375rem}.icon-button.small{border-radius:.4375rem;width:1.875rem;height:1.875rem}.icon-button[data-tooltip]:after{content:attr(data-tooltip);pointer-events:none;color:#fff;white-space:nowrap;opacity:0;z-index:100;background:#25282b;border-radius:.375rem;padding:.4375rem .625rem;font-size:.6875rem;transition:opacity .1s .4s,transform .1s .4s;position:absolute;top:calc(100% + .625rem);left:50%;transform:translate(-50%)translateY(-.1875rem);box-shadow:0 .1875rem .5rem #0001}.icon-button[data-tooltip]:hover:not(:disabled):after{opacity:1;transform:translate(-50%)translateY(0)}.color-trigger{border-radius:.5625rem;flex-shrink:0;place-items:center;width:2.25rem;height:2.75rem;padding:0;display:grid}.color-trigger>span{border-radius:50%;width:1.6875rem;height:1.6875rem;display:block;box-shadow:inset 0 0 0 .0625rem #00000012}.color-trigger>svg{display:none}.color-trigger.is-active>span{box-shadow:0 0 0 .1875rem var(--panel),0 0 0 .25rem var(--accent)}.export-button{border:.0625rem solid var(--border);border-radius:1.0625rem;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;min-width:8.5625rem;height:2.8125rem;padding:0 1.1875rem;font-size:.875rem;font-weight:500;display:flex;box-shadow:0 .0625rem .125rem #00000003}.export-button svg{width:1.375rem;height:1.375rem}.export-button:hover{background:var(--hover)}.panel-heading{justify-content:space-between;align-items:center;min-height:1.5625rem;display:flex}.panel-heading h2{letter-spacing:-.01875rem;font-size:1rem;font-weight:600}.brush-panel{left:calc(var(--edge) + var(--rail-space));top:calc(var(--paper-top) - .1875rem);max-height:calc(100dvh - var(--paper-top) - 4.75rem);scrollbar-width:thin;width:var(--panel-width);padding:1.125rem 1.25rem 0;position:absolute;overflow-y:auto}.brush-more svg{width:1.125rem;height:1.125rem}.brush-preview{justify-content:center;align-items:center;height:4.875rem;margin:.125rem 0 .9375rem;display:flex}.brush-preview canvas{width:100%;height:auto;display:block}.preset-select{border:.0625rem solid var(--border);background:var(--panel);border-radius:.5625rem;align-items:center;height:2.125rem;margin:0 0 1.4375rem;padding:0 .75rem;display:flex}@supports (color:color-mix(in lab,red,red)){.preset-select{background:color-mix(in srgb,var(--panel),white 20%)}}.preset-select select{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;font-size:.8125rem}.preset-select>svg{flex-shrink:0}.slider-control{margin:0 .1875rem 1.75rem;display:block}.slider-control>span{justify-content:space-between;align-items:baseline;font-size:.8125rem;display:flex}.slider-control output{font-variant-numeric:tabular-nums;font-size:.8125rem}.slider-control small{margin-left:.1875rem;font-size:.75rem}input[type=range]:not(.color-hue-slider){appearance:none;background:linear-gradient(to right,#8a898b var(--range-progress),#ddd var(--range-progress));cursor:pointer;outline-offset:.4375rem;border-radius:.375rem;width:100%;height:.3125rem;margin:.875rem 0 .5625rem;display:block}input[type=range]:not(.color-hue-slider)::-webkit-slider-thumb{appearance:none;background:#fff;border:.0625rem solid #b0b0b0;border-radius:50%;width:1.375rem;height:1.375rem;box-shadow:0 .125rem .25rem #0002}input[type=range]:not(.color-hue-slider)::-moz-range-thumb{background:#fff;border:.0625rem solid #b0b0b0;border-radius:50%;width:1.3125rem;height:1.3125rem;box-shadow:0 .125rem .25rem #0002}[data-theme=dark] input[type=range]:not(.color-hue-slider){background:linear-gradient(to right,#babdc2 var(--range-progress),#44474b var(--range-progress))}.settings-toggle{border-top:.0625rem solid var(--border);text-align:left;align-items:center;gap:.875rem;width:100%;height:3.125rem;padding:0 .125rem;font-size:.75rem;display:flex}.settings-toggle svg{transition:transform .15s}.rotated{transform:rotate(180deg)}.advanced-settings{padding:1rem 0}.advanced-settings .slider-control{margin-bottom:1.5rem}.switch-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.375rem 0;font-size:.75rem;display:flex}.switch-row small{color:var(--muted);margin-top:.3125rem;font-size:.625rem;display:block}.switch-row input{appearance:none;background:var(--border);cursor:pointer;border-radius:.75rem;flex-shrink:0;width:2rem;height:1.1875rem;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:.9375rem;height:.9375rem;transition:transform .15s;position:absolute;top:.125rem;left:.125rem;box-shadow:0 .0625rem .125rem #0002}.switch-row input:checked{background:#7a9485}.switch-row input:checked:after{transform:translate(.8125rem)}.layers-panel{right:var(--edge);top:calc(var(--paper-top) + .125rem);width:var(--right-panel-width);padding:.875rem .5rem .75rem;position:absolute}.layers-panel .panel-heading{height:2.4375rem;margin:0 .5rem .6875rem .75rem}.inline-actions{align-items:center;gap:.25rem;display:flex}.add-layer-button{border:.0625rem solid var(--border);box-shadow:0 .0625rem .125rem #00000006;border-radius:.6875rem!important;width:2.25rem!important;height:2.25rem!important}.add-layer-button svg{width:1.25rem;height:1.25rem}.panel-close{display:none}.layer-properties{padding:0 .75rem}.blend-row{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9375rem;font-size:.8125rem;display:flex}.blend-row select{border:.0625rem solid var(--border);background:var(--panel);cursor:pointer;border-radius:.5625rem;width:10.0625rem;max-width:64%;padding:.4375rem .625rem;font-size:.8125rem}.layer-properties .slider-control{margin:0 .1875rem 1.5625rem}.layer-properties .slider-control>span{color:var(--muted)}.layer-properties .slider-control output{color:var(--text)}.layer-list{scrollbar-width:thin;min-height:13.375rem;max-height:min(26.875rem,100dvh - 26.875rem);overflow:hidden auto}.layer-row{border-radius:.6875rem;align-items:center;gap:.4375rem;min-height:4.5rem;padding:.5rem .4375rem;display:flex;position:relative}.layer-row+.layer-row{border-top:.0625rem solid var(--border)}.layer-row.selected{background:var(--selection);border-color:#0000}.layer-row.selected+.layer-row{border-color:#0000}.layer-row.selected .layer-name strong{color:var(--selection-text)}.layer-row.hidden-layer .layer-select{opacity:.45}.visibility{width:1.625rem!important}.visibility svg{width:1.125rem;height:1.125rem}.layer-list .icon-button:after{display:none}.layer-select{text-align:left;flex:1;align-items:center;gap:.8125rem;min-width:0;padding:0;display:flex}.layer-thumbnail{background:repeating-conic-gradient(#ececea 0% 25%,#fff 0% 50%) 50%/.75rem .75rem;border:.0625rem solid #b4b4b466;border-radius:.4375rem;flex-shrink:0;width:3.125rem;height:3.1875rem;overflow:hidden;box-shadow:0 .125rem .25rem #0000000a}.layer-thumbnail img{object-fit:contain;width:100%;height:100%}.layer-name{min-width:0}.layer-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:7.125rem;font-size:.8125rem;font-weight:500;display:block;overflow:hidden}.layer-name small{color:var(--muted);margin-top:.3125rem;font-size:.75rem;display:block}.layer-more{width:1.5rem!important}.layer-more svg{width:1.0625rem}.layer-rename{border:.0625rem solid var(--accent);background:var(--panel);width:calc(100% - 8.1875rem);color:var(--text);z-index:2;border-radius:.3125rem;padding:.3125rem;font-size:.8125rem;position:absolute;left:6.25rem}.layer-context-menu{z-index:20;background:var(--panel);border:.0625rem solid var(--border);border-radius:.625rem;width:10.75rem;padding:.3125rem;position:absolute;top:calc(100% - .25rem);right:.5rem;box-shadow:0 .5rem 1.625rem #0002}.layer-context-menu button{text-align:left;border-radius:.375rem;align-items:center;gap:.625rem;width:100%;padding:.5625rem;font-size:.75rem;display:flex}.layer-context-menu button:hover:not(:disabled){background:var(--hover)}.layer-context-menu button svg{width:.9375rem;height:.9375rem}.paper-row{border-top:.0625rem solid var(--border);align-items:center;gap:.8125rem;margin:0 .75rem;padding:.9375rem 0 .5625rem;font-size:.8125rem;display:flex}.paper-visibility{flex-shrink:0;place-items:center;width:1.625rem;display:grid}.paper-visibility svg{width:1.125rem;height:1.125rem}.paper-swatch{background:repeating-conic-gradient(#ececea 0% 25%,#fff 0% 50%) 50%/.75rem .75rem;border:.0625rem solid #d4d4d4;border-radius:.4375rem;flex-shrink:0;width:3.125rem;height:3.1875rem;box-shadow:0 .125rem .25rem #00000006}.paper-row small{color:var(--muted);margin-top:.3125rem;font-size:.75rem;display:block}.paper-row>svg:last-child{width:1rem;height:1rem;margin-left:auto}.workspace-utilities{bottom:1.375rem;left:var(--edge);opacity:.65;align-items:center;gap:.1875rem;transition:opacity .15s;display:flex;position:absolute}.workspace-utilities:hover,.workspace-utilities:focus-within{opacity:1}.workspace-utilities .icon-button{width:1.875rem;height:1.875rem;color:var(--muted);border-radius:.4375rem}.workspace-utilities .icon-button.is-active{background:0 0}.workspace-utilities>span{background:var(--border);width:.0625rem;height:.9375rem;margin:0 .3125rem}.workspace-utilities .icon-button:after{top:auto;bottom:calc(100% + .625rem);left:0;transform:none!important}.status-toolbar{white-space:nowrap;z-index:6;border-radius:1.0625rem;align-items:center;height:2.625rem;padding:0 .625rem;font-size:.75rem;display:flex;position:absolute;bottom:1.375rem;left:50%;transform:translate(-50%)}.status-toolbar .toolbar-divider{height:1.125rem;margin:0 .75rem}.view-trigger{font-variant-numeric:tabular-nums;border-radius:.4375rem;justify-content:center;align-items:center;gap:.625rem;height:1.875rem;padding:0 .5rem;font-size:.75rem;display:flex}.view-trigger:hover,.view-trigger[aria-expanded=true]{background:var(--hover)}.zoom-value{min-width:4.125rem}.rotation-value{min-width:3.25rem}.canvas-dimensions{font-variant-numeric:tabular-nums}.canvas-dimensions small{margin-left:.375rem;font-size:.6875rem}.view-menu{background:var(--panel-solid);border-radius:.75rem;width:12.25rem;padding:.375rem;position:absolute;bottom:calc(100% + .625rem)}.zoom-menu{left:0}.rotation-menu{right:0}.view-menu button{text-align:left;border-radius:.375rem;align-items:center;gap:.625rem;width:100%;padding:.5625rem;font-size:.75rem;display:flex}.view-menu button:hover{background:var(--hover)}.view-menu kbd{color:var(--muted);margin-left:auto;font-size:.625rem}.view-menu-rule{background:var(--rule);height:.0625rem;margin:.25rem}.menu-check{width:.9375rem;display:inline-flex}.focus-button{bottom:1.375rem;right:var(--edge);color:var(--muted);z-index:7;opacity:.65;border-radius:.4375rem;align-items:center;gap:.5rem;height:1.875rem;padding:0 .3125rem;font-size:.6875rem;display:flex;position:absolute}.focus-button:hover,.focus-button:focus-visible{opacity:1;color:var(--text);background:var(--hover)}.focus-button kbd{border:.0625rem solid var(--border);border-radius:.25rem;margin-left:.125rem;padding:.125rem .25rem;font-size:.5625rem}.popover-dismiss{z-index:8;position:absolute;inset:0}.document-popover{z-index:12;width:16.875rem;padding:1.25rem;position:absolute;top:6.4375rem;left:max(1.25rem,50% - 26rem)}.eyebrow{letter-spacing:.09375rem;color:var(--muted);font-size:.5625rem}.document-name-label{flex-direction:column;gap:.5rem;margin:1.1875rem 0;font-size:.75rem;display:flex}.document-name-label input{border:.0625rem solid var(--border);background:var(--workspace);width:100%;color:var(--text);border-radius:.4375rem;padding:.5625rem;font-size:.8125rem}.document-popover>button{border-top:.0625rem solid var(--border);border-bottom:.0625rem solid var(--border);align-items:center;gap:.5625rem;width:100%;padding:.75rem 0;font-size:.75rem;display:flex}.document-popover>p{color:var(--muted);margin-top:.9375rem;font-size:.6875rem;line-height:1.7}.color-popover-position{z-index:12;position:absolute;top:6.125rem;left:calc(50% + 7.375rem)}.color-popover-position:before{content:"";background:var(--panel-solid);border:.0625rem solid var(--border);z-index:1;border-bottom:0;border-right:0;width:1.1875rem;height:1.1875rem;position:absolute;top:-.5625rem;left:5.125rem;transform:rotate(45deg)}.color-picker{border-radius:1.1875rem;width:20.75rem;padding:1.0625rem;position:relative}.color-heading h2{font-size:1rem}.color-main{grid-template-columns:minmax(0,1fr) 6.375rem;gap:.875rem}.color-field{height:10.3125rem}.color-current{font-size:.75rem}.color-current-swatch{width:3rem;height:3rem}.color-hex{height:2rem;font-size:.75rem}.color-palette-section h3{color:var(--text);font-size:.75rem}.color-palette-section:last-child{margin-top:1rem}.color-swatches{gap:.5rem}.toast{background:var(--panel);border:.0625rem solid var(--border);box-shadow:var(--shadow);z-index:30;border-radius:.625rem;align-items:center;gap:.5625rem;max-width:calc(100vw - 2.5rem);padding:.6875rem 1rem;font-size:.75rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast svg{color:#83998b;flex-shrink:0}.modal-scrim{-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);z-index:40;background:#151b2040;place-items:center;display:grid;position:absolute;inset:0}.modal{width:min(27.5rem,100vw - 1.875rem);max-height:calc(100dvh - 1.875rem);padding:1.5625rem;overflow-y:auto;box-shadow:0 .9375rem 4.375rem #0003}.modal .panel-heading h2{letter-spacing:-.03125rem;font-size:1.125rem}.modal-description{color:var(--muted);margin-top:.625rem;font-size:.75rem;line-height:1.7}.shortcuts-list{flex-direction:column;margin:1.5625rem 0 1.25rem;display:flex}.shortcuts-list>div{border-bottom:.0625rem solid var(--border);justify-content:space-between;align-items:center;padding:.5625rem 0;font-size:.75rem;display:flex}.shortcuts-list kbd{color:var(--muted);background:var(--hover);border-radius:.25rem;padding:.1875rem .4375rem;font-size:.6875rem}.modal-note{color:var(--muted);font-size:.6875rem;line-height:1.8}.canvas-presets{grid-template-columns:repeat(3,1fr);gap:.625rem;margin:1.5625rem 0;display:grid}.canvas-presets button{border:.0625rem solid var(--border);border-radius:.625rem;flex-direction:column;align-items:center;gap:.5625rem;padding:1rem .25rem;display:flex}.canvas-presets button.selected{border-color:var(--accent);background:var(--selection)}.canvas-presets strong{font-size:.6875rem;font-weight:500}.canvas-presets small{color:var(--muted);font-size:.5625rem}.preset-shape{border:.0625rem solid var(--muted);width:2.1875rem;height:1.6875rem;box-shadow:.125rem .125rem 0 var(--border);margin:.3125rem 0 .5625rem}.preset-shape.portrait{width:1.4375rem;height:2rem;margin-top:0}.preset-shape.square{width:1.75rem;height:1.75rem;margin-top:.25rem}.modal-actions{justify-content:flex-end;gap:.625rem;margin-top:1.5625rem;display:flex}.primary-button,.secondary-button{border:.0625rem solid var(--border);border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem .8125rem;font-size:.75rem;display:flex}.primary-button{color:#fff;background:#5f7168;border-color:#5f7168}.secondary-button:hover{background:var(--hover)}.primary-button:hover{background:#4e6258}select option{background:var(--panel-solid)}.floating-panel{-webkit-backdrop-filter:blur(1.125rem);backdrop-filter:blur(1.125rem)}.paper-shadow{display:none}.canvas-stage>.paper-shadow{display:block}.painting-canvas{position:relative}.top-toolbar{background:#fbfbfbef;gap:1.125rem}.top-toolbar .toolbar-group:not(.history-tools){gap:.6875rem}.top-toolbar .lucide-brush,.tool-rail .lucide-brush{fill:currentColor}.document-control,.document-trigger{min-width:0}.brush-panel{overflow-x:hidden}.layers-panel{max-height:calc(100dvh - var(--paper-top) - 4.75rem);scrollbar-width:thin;overflow:hidden auto}.mobile-history{display:none}.document-title{text-overflow:ellipsis;overflow:hidden}.document-trigger>span>svg{flex-shrink:0}.app-mark{filter:drop-shadow(0 .125rem .125rem #0002)}.export-button{margin-left:auto}.status-toolbar{justify-content:space-between;min-width:18.9375rem;font-size:.8125rem}.view-trigger{font-size:.8125rem}.blend-select{align-items:center;width:10.0625rem;max-width:64%;display:flex;position:relative}.blend-row .blend-select select{appearance:none;width:100%;max-width:none;padding-right:1.75rem}.blend-select svg{pointer-events:none;color:var(--text);position:absolute;right:.625rem}.layer-properties input[type=range]{margin-top:.75rem}.layer-context-menu{background:var(--panel-solid)}.layer-menu-delete{color:#b65151}.color-picker{background:var(--panel-solid);overflow-x:hidden}.color-field-handle{width:1.0625rem;height:1.0625rem}.color-hex-row{position:relative}.color-hex{text-align:center;height:2.25rem;padding:0 1.5625rem 0 .25rem;font-size:.6875rem}.color-copy{border-radius:.3125rem;place-items:center;width:1.5rem;height:1.625rem;padding:0;display:grid;position:absolute;top:.3125rem;right:.25rem}.color-copy:hover{background:var(--hover)}.color-hue-slider{height:.875rem;margin:.875rem 0 1.3125rem}.color-more{border:.0625rem solid var(--border);border-radius:.625rem;place-items:center;min-width:0;padding:0;display:grid}.color-more:hover{background:var(--hover)}.tool-rail{display:none}[data-theme=dark] .workspace{--panel-width:14.625rem;--right-panel-width:16.625rem;--rail-space:4.375rem;--panel-gap:1.875rem;background:radial-gradient(at 50% 35%,#343a42,#24282d 55%,#1d2023)}[data-theme=dark] .floating-panel{border-radius:.875rem}[data-theme=dark] .top-toolbar{background:#1c1f22eb}[data-theme=dark] .icon-button.is-active{background:#3b4047}[data-theme=dark] .export-button{background:#34383e;border-radius:.625rem}[data-theme=dark] .preset-select{background:#ffffff04}[data-theme=dark] .brush-panel{padding-left:1rem;padding-right:1rem}[data-theme=dark] input[type=range]:not(.color-hue-slider){background:linear-gradient(to right,#e2e4e8 var(--range-progress),#3f4348 var(--range-progress));height:.1875rem}[data-theme=dark] input[type=range]:not(.color-hue-slider)::-webkit-slider-thumb{border-color:#fff5;width:.8125rem;height:.8125rem;box-shadow:0 .0625rem .1875rem #0003}[data-theme=dark] input[type=range]:not(.color-hue-slider)::-moz-range-thumb{width:.75rem;height:.75rem}[data-theme=dark] .tool-rail{top:calc(var(--paper-top) - .1875rem);left:var(--edge);flex-direction:column;align-items:center;gap:.4375rem;width:3.125rem;padding:.75rem .25rem;display:flex;position:absolute}.tool-rail .icon-button{border-radius:.4375rem;width:2.375rem;height:2.5rem}.tool-rail .icon-button:after{top:.4375rem;left:calc(100% + .625rem);transform:none!important}.rail-divider{background:var(--rule);width:2rem;height:.0625rem;margin:.25rem 0}.rail-color{padding:.4375rem}.rail-color>span{background:var(--brush-color);border:.0625rem solid #fff3;border-radius:50%;width:1.6875rem;height:1.6875rem;display:block}[data-theme=dark] .layer-select{gap:.625rem}[data-theme=dark] .layer-name strong{max-width:6.25rem}[data-theme=dark] .layer-row{gap:.25rem}[data-theme=dark] .blend-row>span:first-child{display:none}[data-theme=dark] .blend-select{width:100%;max-width:none}[data-theme=dark] .paper-swatch{background:#fff}.workspace.focus-mode,[data-theme=dark] .workspace.focus-mode{--available-width:min(80vw,calc((100dvh - 15.625rem) * var(--document-ratio)));--available-height: calc(100dvh - 15.625rem) ;--canvas-center:50%;--paper-top:calc((100dvh - var(--paper-height)) / 2 - .5rem);background:radial-gradient(#303236,#242527 75%)}.focus-mode .status-toolbar{color:var(--text);background:#343537;border-color:#454649;box-shadow:0 .3125rem 1.5rem #0002}@media(max-width:1300px)and (min-width:1101px){.workspace{--panel-width:14.875rem;--edge:1.25rem;--panel-gap:1.25rem}[data-theme=dark] .workspace{--panel-width:13.75rem;--right-panel-width:14.875rem;--panel-gap:1.25rem;--rail-space:3.875rem}.brush-panel{padding-left:1rem;padding-right:1rem}.layer-properties{padding:0 .5rem}.blend-row{gap:.4375rem;font-size:.75rem}.layer-select{gap:.5rem}.layer-thumbnail,.paper-swatch{width:2.5rem;height:2.875rem}.layer-row{gap:.1875rem;padding-left:.25rem;padding-right:.1875rem}.layer-name strong,[data-theme=dark] .layer-name strong{max-width:5.4375rem}.layer-name small{font-size:.6875rem}.layer-rename{width:calc(100% - 6.5rem);left:4.875rem}.paper-row{gap:.5625rem;margin:0 .5rem}}@media(max-width:1100px){.workspace,[data-theme=dark] .workspace{--edge:1.25rem;--rail-space:0rem;--canvas-center:50%;--available-width: calc(100vw - 5rem) ;--panel-width:16.875rem;--right-panel-width:16.875rem;--paper-top:7.375rem}.brush-panel,.layers-panel{z-index:7;box-shadow:0 .625rem 2.1875rem #0003}.panel-close{display:grid}[data-theme=dark] .tool-rail{display:none}}@media(max-width:850px){.top-toolbar{gap:.625rem;width:calc(100vw - 1.625rem);padding:.625rem .8125rem}.toolbar-group{gap:.1875rem}.document-control{flex:1;gap:.625rem}.top-toolbar .toolbar-group:not(.history-tools){gap:.1875rem}.export-button{min-width:6.625rem;padding:0 .8125rem}.color-popover-position{left:auto;right:1.3125rem}.color-popover-position:before{left:auto;right:7.8125rem}}@media(max-width:700px){.workspace,[data-theme=dark] .workspace{--edge:.8125rem;--available-width: calc(100vw - 2.875rem) ;--available-height: calc(100dvh - 14.375rem) ;--paper-top:7rem}.top-toolbar{border-radius:1.125rem;justify-content:space-between;gap:.3125rem;width:calc(100% - 1.5rem);height:3.8125rem;padding:.5rem .625rem;top:.8125rem}.document-control{flex:auto;gap:.5rem;min-width:0}.app-mark{width:1.9375rem;height:1.9375rem}.document-trigger strong{font-size:.75rem}.document-trigger>span{gap:.3125rem;max-width:5.8125rem;font-size:.625rem}.top-toolbar .icon-button{border-radius:.5rem;width:1.875rem;height:2.25rem}.top-toolbar .icon-button svg{width:1.1875rem;height:1.1875rem}.toolbar-group,.top-toolbar .toolbar-group:not(.history-tools){gap:0}.top-toolbar .toolbar-divider{height:1.6875rem}.document-control+.toolbar-divider{display:none}.color-trigger{width:1.875rem}.color-trigger>span{width:1.4375rem;height:1.4375rem}.export-button{border-radius:.625rem;width:2.375rem;min-width:0;height:2.25rem;margin-left:0;padding:0}.export-button>span{display:none}.export-button svg{width:1.1875rem;height:1.1875rem}.brush-panel,.layers-panel{max-height:calc(100dvh - 10.3125rem);top:5.6875rem}.brush-panel{padding-left:1.1875rem;padding-right:1.1875rem}.layer-thumbnail,.paper-swatch{width:2.8125rem;height:3rem}.layer-list{min-height:9rem;max-height:calc(100dvh - 23.75rem)}.status-toolbar{height:2.5rem;padding:0 .4375rem;bottom:4.375rem}.status-toolbar .toolbar-divider{margin:0 .5rem}.workspace-utilities,.focus-button{bottom:1.1875rem}.workspace.focus-mode,[data-theme=dark] .workspace.focus-mode{--available-width: calc(100vw - 2.875rem) ;--available-height: calc(100dvh - 12.5rem) ;--paper-top:calc((100dvh - var(--paper-height)) / 2 - 2.1875rem)}.document-popover{top:5.375rem;left:.8125rem}.color-popover-position{top:5.4375rem;right:.8125rem}.color-picker{width:19.375rem}.color-popover-position:before{right:3.25rem}.toast{bottom:4.0625rem}}@media(max-width:450px){.top-toolbar{gap:.1875rem;padding:.5rem}.document-control{gap:.375rem;margin-right:.1875rem}.app-mark{width:1.6875rem;height:1.6875rem}.document-trigger>span{max-width:4.8125rem}.top-toolbar .icon-button{width:1.6875rem}.top-toolbar .icon-button svg{width:1.125rem;height:1.125rem}.top-toolbar .toolbar-divider{height:1.4375rem}.color-trigger{width:1.6875rem}.color-trigger>span{width:1.375rem;height:1.375rem}.export-button{width:2rem}.history-tools,.history-tools+.toolbar-divider{display:none}.mobile-history{border-left:.0625rem solid var(--border);gap:0;margin-left:.25rem;padding-left:.25rem;display:flex}}@media(max-height:650px){.workspace,[data-theme=dark] .workspace{--paper-top:5.75rem;--available-height: calc(100dvh - 11.875rem) }.top-toolbar{height:3.875rem;top:.75rem}.brush-panel,.layers-panel{top:5.75rem}.brush-preview{height:3.625rem;margin-bottom:.5625rem}.brush-panel .slider-control{margin-bottom:1.4375rem}.layer-list{min-height:4.5rem;max-height:7.5rem}.workspace-utilities,.focus-button{bottom:.8125rem}.workspace.focus-mode,[data-theme=dark] .workspace.focus-mode{--available-height: calc(100dvh - 10.625rem) ;--available-width:min(80vw,calc((100dvh - 10.625rem) * var(--document-ratio)))}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.document-popover{scrollbar-width:thin;max-height:calc(100dvh - 7.5rem);overflow-y:auto}.document-popover>button{border-bottom:0;gap:.5625rem;padding:.6875rem 0}.document-popover>button svg:last-child{color:inherit;margin-left:0}.document-popover kbd{color:var(--muted);margin-left:auto;font-size:.625rem}.recent-projects{border-top:.0625rem solid var(--border);margin-top:1.0625rem;padding-top:.875rem}.recent-project{align-items:center;gap:.5rem;margin-top:.4375rem;display:flex}.recent-project>button:first-child{text-align:left;flex:1;min-width:0;padding:.4375rem 0}.recent-project strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;display:block;overflow:hidden}.recent-project small{color:var(--muted);margin-top:.25rem;font-size:.625rem;display:block}.recovery-button{color:var(--muted);border-radius:.4375rem;padding:.5rem}.recovery-button:hover{background:var(--hover)}.storage-error{color:#b65151!important}.save-warning{z-index:31;background:var(--panel-solid);max-width:calc(100vw - 1.875rem);color:var(--text);border:.0625rem solid #b65151;border-radius:.625rem;padding:.625rem .875rem;font-size:.75rem;position:absolute;bottom:4.0625rem;left:50%;transform:translate(-50%)}@media(max-width:700px){.document-popover{max-height:calc(100dvh - 6.875rem)}.save-warning{bottom:6.25rem}}.brush-studio .slider-control{margin:.5rem .1875rem 1.375rem}.studio-note{color:var(--muted);margin:.5rem 0 1.125rem;font-size:.625rem;line-height:1.65}.studio-section{border-top:.0625rem solid var(--rule);margin:1rem 0}.studio-section>summary{cursor:pointer;padding:.9375rem 0;font-size:.75rem;font-weight:550}.studio-section>summary:focus-visible,.shortcut-customization>summary:focus-visible{outline:.125rem solid var(--accent);outline-offset:.1875rem;border-radius:.1875rem}.studio-select{justify-content:space-between;align-items:center;gap:.625rem;margin:.125rem 0 1.375rem;font-size:.75rem;display:flex}.studio-select select{background:var(--panel-solid);border:.0625rem solid var(--border);border-radius:.375rem;width:8.125rem;max-width:60%;padding:.375rem;font-size:.6875rem}.pressure-graph{border:.0625rem solid var(--border);background:var(--workspace);border-radius:.5rem;width:calc(100% - .5rem);height:6.875rem;margin:.1875rem .25rem .5rem;padding:.3125rem;display:block;overflow:visible}.pressure-grid{stroke:var(--border);fill:none;stroke-width:.6px}.pressure-line{stroke:var(--selection-text);fill:none;stroke-width:2px}.pressure-graph circle{fill:var(--selection-text)}.curve-presets{gap:.375rem;margin:.625rem 0 1.125rem;display:flex}.curve-presets button{border:.0625rem solid var(--border);border-radius:.3125rem;flex:1;padding:.375rem;font-size:.625rem}.curve-presets button:hover,.studio-button:hover,.studio-text-button:hover{background:var(--hover)}.preset-name-label{flex-direction:column;gap:.5rem;font-size:.6875rem;display:flex}.preset-name-label input{border:.0625rem solid var(--border);background:var(--panel-solid);width:100%;color:var(--text);-webkit-user-select:text;user-select:text;border-radius:.375rem;padding:.5rem;font-size:.75rem}.preset-actions{flex-wrap:wrap;gap:.4375rem;margin:.625rem 0;display:flex}.studio-button{border:.0625rem solid var(--border);border-radius:.375rem;padding:.5rem;font-size:.625rem}.favorite-brush-button{color:var(--muted);align-items:center;gap:.5rem;padding:.5625rem 0;font-size:.6875rem;display:flex}.favorite-brush-button[aria-pressed=true]{color:var(--selection-text)}.brush-colors{border-top:.0625rem solid var(--rule);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.brush-colors label{color:var(--muted);flex-direction:column;align-items:center;gap:.4375rem;font-size:.625rem;display:flex}.brush-colors input[type=color]{cursor:pointer;background:0 0;border:0;width:2.1875rem;height:1.9375rem;padding:0}.brush-colors input[type=color]::-webkit-color-swatch-wrapper{padding:.125rem}.brush-colors input[type=color]::-webkit-color-swatch{border:.0625rem solid var(--border);border-radius:50%}.brush-colors>button{border-radius:.375rem;place-items:center;width:1.875rem;height:1.875rem;display:grid}.brush-colors>button:hover{background:var(--hover)}.scratchpad-section{border-top:.0625rem solid var(--rule);margin-top:1.0625rem;padding-top:.875rem}.studio-section-heading{justify-content:space-between;align-items:center;margin-bottom:.5625rem;display:flex}.studio-section-heading h3{margin:0;font-size:.75rem;font-weight:550}.studio-text-button{color:var(--muted);border-radius:.3125rem;padding:.375rem;font-size:.625rem}.scratchpad-surface{border:.0625rem solid var(--border);background:#f2f2f0;border-radius:.5rem;width:100%;height:9.375rem;position:relative;overflow:hidden}.scratchpad-surface canvas{touch-action:none;width:100%;height:100%;display:block}.quick-brush-menu{z-index:50;background:var(--panel-solid);border-radius:.6875rem;width:12.5rem;max-height:min(15rem,100dvh - 1.5rem);padding:.375rem;position:fixed;overflow-y:auto}.quick-brush-menu button{text-align:left;border-radius:.375rem;align-items:center;gap:.625rem;width:100%;padding:.625rem .4375rem;font-size:.75rem;display:flex}.quick-brush-menu button:hover,.quick-brush-menu button[aria-checked=true]{background:var(--hover)}.quick-brush-menu button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.quick-brush-menu .studio-note{margin:0;padding:.5rem}.brush-tip-mark{background:var(--text);opacity:.65;border-radius:50%;width:1.0625rem;height:.3125rem;display:block;transform:rotate(-24deg)}.brush-tip-mark.tip-graphite{height:.125rem}.brush-tip-mark.tip-bristle,.brush-tip-mark.tip-charcoal{background:repeating-linear-gradient(0deg,var(--text),var(--text) .0625rem,transparent .0625rem,transparent .125rem);border-radius:0;height:.4375rem}.shortcut-customization{border-top:.0625rem solid var(--rule);margin-top:1.125rem}.shortcut-customization>summary{cursor:pointer;padding:.9375rem 0;font-size:.75rem}.shortcut-setting{justify-content:space-between;align-items:center;gap:1rem;margin:.5625rem 0;font-size:.75rem;display:flex}.shortcut-setting input,.shortcut-setting select{color:var(--text);background:var(--panel-solid);border:.0625rem solid var(--border);border-radius:.375rem;padding:.375rem;font-size:.6875rem}.shortcut-setting input{text-align:center;cursor:pointer;width:4rem}.shortcut-setting select{width:7.125rem}.shortcut-settings .studio-note{margin-top:.875rem}.color-swap-mini{border-radius:.375rem;flex-shrink:0;width:1.6875rem;height:1.8125rem;position:relative}.color-swap-mini:hover{background:var(--hover)}.color-swap-mini>span{border:.0625rem solid var(--text);border-radius:50%;width:1rem;height:1rem;position:absolute}@supports (color:color-mix(in lab,red,red)){.color-swap-mini>span{border:.0625rem solid color-mix(in srgb,var(--text),transparent 70%)}}.color-swap-mini>span:first-child{bottom:.1875rem;right:.125rem}.color-swap-mini>span:last-child{box-shadow:0 0 0 .125rem var(--panel-solid);top:.1875rem;left:.125rem}.layer-row{padding-left:calc(.4375rem + var(--layer-indent,0rem))}.group-disclosure{border-radius:.25rem;flex-shrink:0;place-items:center;width:.875rem;height:1.75rem;padding:0;display:grid}.group-disclosure:hover{background:var(--hover)}.group-row{gap:.25rem}.group-row .layer-select{gap:.5rem}.group-row .layer-thumbnail{width:2.375rem;height:2.375rem;position:relative}.group-thumbnail-icon{background:var(--panel-solid);color:var(--muted);border-radius:.25rem;place-items:center;padding:.125rem;display:grid;position:absolute;bottom:.0625rem;right:.0625rem}.layer-name small{white-space:nowrap;align-items:center;gap:.1875rem;display:flex}.layer-name small svg{flex-shrink:0}.layer-mask-thumbnail{border:.0625rem solid var(--border);background:repeating-conic-gradient(#aaa 0% 25%,#fff 0% 50%) 50%/.5rem .5rem;border-radius:.3125rem;flex-shrink:0;width:1.8125rem;height:2.1875rem;padding:0;display:block;overflow:hidden}.layer-mask-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.layer-mask-thumbnail.active-mask,.has-layer-mask .pixels-target-active .layer-thumbnail{outline:.125rem solid var(--selection-text);outline-offset:.125rem}.has-layer-mask .layer-select{gap:.4375rem}.has-layer-mask .layer-thumbnail{width:2.3125rem;height:2.625rem}.has-layer-mask .layer-name strong{max-width:4.625rem}.has-layer-mask .layer-name small{font-size:.625rem}.layer-row .layer-rename{left:calc(6.25rem + var(--layer-indent,0rem));width:calc(100% - 8.1875rem - var(--layer-indent,0rem))}.layer-target-note{border:.0625rem solid var(--border);background:var(--selection);border-radius:.5rem;margin:0 .75rem .875rem;padding:.5625rem;font-size:.6875rem}.layer-target-note strong{text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:550;display:block;overflow:hidden}.layer-target-note>span{color:var(--muted);margin-top:.25rem;font-size:.625rem;display:block}.layer-target-note button{text-underline-offset:.125rem;margin-top:.4375rem;padding:0;font-size:.625rem;text-decoration:underline}.layer-state-note{color:var(--muted);margin:0 .75rem .75rem;font-size:.625rem;line-height:1.6}.layers-panel select:disabled,.layers-panel input:disabled{opacity:.45;cursor:default}.layer-context-menu{scrollbar-width:thin;width:14.875rem}.layer-context-menu button{padding:.5rem .5625rem}.layer-menu-note{color:var(--muted);margin:0 .5625rem .5rem 2.125rem;font-size:.625rem;line-height:1.5}.layer-menu-rule{background:var(--rule);height:.0625rem;margin:.25rem .4375rem}.layer-menu-check{margin-left:auto}.layer-group-destination{padding:.5rem .5625rem;font-size:.6875rem;display:block}.layer-group-destination span{color:var(--muted);margin-bottom:.375rem;display:block}.layer-group-destination select{background:var(--panel-solid);width:100%;color:var(--text);border:.0625rem solid var(--border);border-radius:.375rem;padding:.4375rem;font-size:.6875rem;display:block}.layer-row.dragging-layer{opacity:.45}.layer-row.drop-above:before,.layer-row.drop-below:after{content:"";background:var(--selection-text);z-index:2;border-radius:.125rem;height:.125rem;position:absolute;left:.3125rem;right:.3125rem}.layer-row.drop-above:before{top:0}.layer-row.drop-below:after{bottom:0}.layer-row.drop-inside{box-shadow:inset 0 0 0 .125rem var(--selection-text)}.layer-root-drop{border:.0625rem dashed var(--border);text-align:center;color:var(--muted);border-radius:.4375rem;margin:.3125rem .4375rem;padding:.625rem .3125rem;font-size:.625rem}@media(max-width:1300px)and (min-width:1101px){.layer-row{padding-left:calc(.25rem + var(--layer-indent,0rem))}.layer-row .layer-rename{left:calc(4.875rem + var(--layer-indent,0rem));width:calc(100% - 6.5rem - var(--layer-indent,0rem))}.has-layer-mask .layer-thumbnail{width:1.875rem;height:2.375rem}.has-layer-mask .layer-name strong{max-width:3rem}.layer-mask-thumbnail{width:1.5rem;height:1.9375rem}}.editing-tools{left:calc(var(--edge) + var(--rail-space));z-index:9;scrollbar-width:thin;width:18.25rem;max-width:calc(100vw - 1.625rem);max-height:calc(100dvh - 11.5625rem);padding:.875rem 1.0625rem .375rem;position:absolute;bottom:4.75rem;overflow:hidden auto}.editing-tools:focus{outline:none}.editing-tools .panel-heading{margin-bottom:.8125rem}.editing-tools .panel-heading .icon-button{width:1.625rem;height:1.625rem}.editing-tool-switch{border:.0625rem solid var(--border);background:var(--workspace);border-radius:.625rem;gap:.25rem;margin-bottom:.25rem;padding:.25rem;display:flex}.editing-tool-switch>button{border-radius:.375rem;flex:1;justify-content:center;align-items:center;gap:.3125rem;min-width:0;padding:.5625rem .1875rem;font-size:.625rem;display:flex}.editing-tool-switch>button[aria-pressed=true]{background:var(--panel-solid);color:var(--selection-text);box-shadow:0 .0625rem .25rem #00000012}.editing-tool-switch>button:hover:not(:disabled){background:var(--hover)}.editing-section{border-bottom:.0625rem solid var(--rule);padding:.8125rem 0 .6875rem}.editing-section:last-of-type{border-bottom:0}.editing-select{justify-content:space-between;align-items:center;gap:.625rem;margin-bottom:.75rem;font-size:.6875rem;display:flex}.editing-select select{border:.0625rem solid var(--border);background:var(--panel-solid);width:9.375rem;min-width:0;max-width:65%;color:var(--text);border-radius:.375rem;padding:.4375rem .3125rem;font-size:.6875rem}.editing-check{align-items:center;gap:.4375rem;margin:.6875rem 0;font-size:.625rem;line-height:1.5;display:flex}.editing-check input{width:.875rem;height:.875rem;accent-color:var(--selection-text);margin:0}.editing-number{justify-content:space-between;align-items:center;gap:.4375rem;margin:.5rem 0;font-size:.625rem;display:flex}.editing-number input{background:var(--panel-solid);width:4.875rem;min-width:0;color:var(--text);border:.0625rem solid var(--border);font:inherit;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;border-radius:.375rem;padding:.4375rem .25rem .4375rem .5rem}.editing-feather{align-items:center;gap:.5rem;display:flex}.editing-feather .editing-number{flex:1}.editing-feather .editing-number input{width:3.125rem}.editing-feather>.editing-button{padding:.4375rem;font-size:.5625rem}.editing-fields{grid-template-columns:1fr 1fr;gap:0 .5625rem;display:grid}.editing-fields .editing-number{margin:.375rem 0;display:block}.editing-fields .editing-number span{color:var(--muted);margin-bottom:.375rem;display:block}.editing-fields .editing-number input{width:100%}.editing-actions{gap:.375rem;margin-top:.5rem;display:flex}.editing-actions>.editing-button{flex:1;min-width:0}.editing-button{border:.0625rem solid var(--border);border-radius:.4375rem;justify-content:center;align-items:center;gap:.3125rem;min-height:2rem;padding:.4375rem .5rem;font-size:.625rem;line-height:1.4;display:flex}.editing-button:hover:not(:disabled){background:var(--hover)}.editing-button[aria-pressed=true]{color:var(--selection-text);background:var(--selection)}.editing-button svg{flex-shrink:0}.editing-button-state{color:var(--muted);margin-left:auto;font-size:.625rem}.editing-wide{justify-content:flex-start;width:100%}.editing-transform-actions{gap:.4375rem;margin-top:.875rem;display:flex}.editing-transform-actions>.editing-primary{background:var(--selection-text);color:var(--panel-solid);border-color:#0000;flex:1}.editing-transform-actions>.editing-primary:hover:not(:disabled){filter:brightness(.93);background:var(--selection-text)}.editing-target{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.6875rem;line-height:1.5;display:flex}.editing-target>span{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.625rem}.editing-note,.editing-reason,.editing-status{color:var(--muted);margin:.625rem 0 0;font-size:.625rem;line-height:1.6}.editing-reason{border-left:.125rem solid var(--border);padding-left:.5rem}.editing-status{color:var(--text);margin:.25rem 0 .75rem}.editing-tools :is(button,input,select):disabled{opacity:.42;cursor:default}@media(max-width:700px){.editing-tools{max-height:calc(100dvh - 13.625rem);bottom:7.75rem;left:.8125rem}}@media(max-height:650px)and (min-width:701px){.editing-tools{max-height:calc(100dvh - 10.4375rem);bottom:4.75rem}}.editing-tool-switch{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.editing-tool-switch>button{grid-column:span 2}.editing-tool-switch>button:nth-child(n+4){grid-column:span 3}.gradient-colors{justify-content:space-between;gap:1.125rem;margin:.875rem 0;display:flex}.gradient-colors>div,.gradient-colors>label{flex-direction:column;flex:1;align-items:center;gap:.5rem;font-size:.625rem;display:flex}.gradient-colors i{border:.0625rem solid var(--border);border-radius:.375rem;width:1.9375rem;height:1.8125rem;display:block}.gradient-colors input[type=color]{cursor:pointer;background:0 0;border:0;width:2.0625rem;height:1.9375rem;padding:0;display:block}.gradient-colors input[type=color]::-webkit-color-swatch-wrapper{padding:.0625rem}.gradient-colors input[type=color]::-webkit-color-swatch{border:.0625rem solid var(--border);border-radius:.375rem}.gradient-colors small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.5625rem}.gradient-mask-note{border:.0625rem solid var(--border);border-radius:.4375rem;padding:.625rem}.gradient-mask-note strong{font-size:.6875rem;font-weight:550}.gradient-mask-note .editing-note{margin-top:.375rem}.editing-operation{background:var(--panel-solid);border-top:.0625rem solid var(--border);justify-content:space-between;align-items:center;gap:.625rem;padding:.6875rem 0;font-size:.625rem;display:flex;position:sticky;bottom:-.375rem}.editing-operation>.editing-button{flex-shrink:0}.files-panel,.reference-board{left:calc(var(--edge) + var(--rail-space));z-index:9;scrollbar-width:thin;width:18.25rem;max-width:calc(100vw - 1.625rem);max-height:calc(100dvh - 11.5625rem);padding:.9375rem 1.0625rem .625rem;position:absolute;bottom:4.75rem;overflow:hidden auto}.reference-board{left:auto;right:var(--edge)}.files-panel .panel-heading,.reference-board .panel-heading{margin-bottom:.5rem}.files-panel .panel-heading .icon-button,.reference-board .panel-heading .icon-button{width:1.625rem;height:1.625rem}.files-panel .editing-wide+.editing-wide{margin-top:.5rem}.files-panel :is(button,input):disabled,.reference-board :is(button,input):disabled{opacity:.42;cursor:default}.file-geometry>summary{cursor:pointer;padding:.9375rem 0 .5625rem;font-size:.75rem;font-weight:550}.file-geometry>summary:focus-visible{outline:.125rem solid var(--selection-text);outline-offset:.125rem;border-radius:.25rem}.file-geometry>.editing-wide{margin-top:.5rem}.file-geometry>.editing-fields{margin-top:.625rem}.reference-viewport{border:.0625rem solid var(--border);background:repeating-conic-gradient(var(--border) 0% 25%,var(--panel-solid) 0% 50%) 50%/.75rem .75rem;border-radius:.5625rem;width:100%;height:11.875rem;margin-top:.75rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.reference-viewport{background:repeating-conic-gradient(color-mix(in srgb,var(--border),var(--panel-solid) 50%) 0% 25%,var(--panel-solid) 0% 50%) 50%/.75rem .75rem}}.reference-viewport canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.reference-viewport canvas:active{cursor:grabbing}.reference-viewport.is-picking canvas{cursor:crosshair}.reference-empty,.reference-loading{color:var(--muted);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:1.125rem;font-size:.6875rem;line-height:1.7;display:flex;position:absolute;inset:0}.reference-loading{background:var(--panel-solid)}.reference-view-controls{justify-content:center;align-items:center;gap:.3125rem;padding:.4375rem 0 .3125rem;display:flex}.reference-view-controls .icon-button{width:1.75rem;height:1.75rem}.reference-view-controls>span{text-align:center;font-variant-numeric:tabular-nums;min-width:2.25rem;font-size:.625rem}.reference-caption{justify-content:space-between;align-items:center;gap:.3125rem;margin:.1875rem 0 .5625rem;display:flex}.reference-caption>.icon-button{flex-shrink:0;width:1.5625rem;height:1.75rem}.reference-caption>span{text-align:center;min-width:0}.reference-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:550;display:block;overflow:hidden}.reference-caption small{color:var(--muted);margin-top:.25rem;font-size:.625rem;display:block}.reference-strip{scrollbar-width:thin;gap:.375rem;padding:.1875rem;display:flex;overflow-x:auto}.reference-strip>button{border:.0625rem solid var(--border);background:var(--workspace);border-radius:.3125rem;flex-shrink:0;width:2.375rem;height:2.375rem;padding:.125rem;overflow:hidden}.reference-strip>button[aria-selected=true]{border-color:var(--selection-text);outline:.0625rem solid var(--selection-text);outline-offset:.0625rem}.reference-strip img{object-fit:contain;width:100%;height:100%;display:block}.reference-add-layer{margin-top:.5rem}@media(max-width:700px){.files-panel,.reference-board{max-height:calc(100dvh - 10.375rem);bottom:4.5rem;left:.8125rem;right:auto}}@media(max-height:650px){.files-panel,.reference-board{max-height:calc(100dvh - 9.4375rem);bottom:3.75rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}