html,body{height:100%}html,body{overscroll-behavior:none}body{margin:0;background:#000;display:grid;place-items:center;overflow:hidden}body[data-desktop-project-bridge]{box-sizing:border-box;padding-top:34px}body[data-desktop-project-bridge][data-wiggly-canvas-only="1"]{padding-top:0}.stage,.container,.canvas,.sidebar,.tool-btn,.palette-panel,.pattern-picker{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tool-btn,.canvas{-webkit-tap-highlight-color:transparent}input[type=range]{touch-action:none}.canvas-viewport,.canvas-viewport *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.canvas-viewport,.canvas-viewport .canvas,.canvas-bg,.checkerboard,.canvas-custom-bg,.canvas-custom-bg-content{touch-action:none;overscroll-behavior:none}.stage{position:relative;overflow:hidden}.stage.num-pad-open{overflow:visible}.stage-portal{position:absolute;left:0;top:0;z-index:2300;pointer-events:none;overflow:visible;transform-origin:top left}.stage-portal>:is(.text-font-menu,.text-brush-menu,.export-format-menu,.num-pad){pointer-events:auto}.stage-portal>.num-pad{position:absolute;max-width:calc(100% - 16px)}.stage .container{transform-origin:top left}.container{width:512px;height:342px;position:relative;background:#fff;overflow:visible}.wiggly-theme{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;pointer-events:none}body[data-ui-theme=wigglypaint] .wiggly-theme,body[data-ui-theme=wigglycustom] .wiggly-theme{display:block}body[data-ui-theme=wigglypaint] .container,body[data-ui-theme=wigglycustom] .container{background:transparent}.wiggly-widget{pointer-events:none;z-index:6}.wiggly-widget>span{pointer-events:none}.wiggly-widget.has-image,.wiggly-widget.check{pointer-events:none}.wiggly-widget.wiggly-clickable{pointer-events:auto}body:not([data-ui-theme=wigglypaint]):not([data-ui-theme=wigglycustom]) .wiggly-widget{display:none}body[data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=openAbout],body[data-ui-theme=wigglycustom] .container .wiggly-widget[data-name=openAbout],body[data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=quickColorPicker],body[data-ui-theme=wigglycustom] .container .wiggly-widget[data-name=quickColorPicker],body[data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=lang_btn],body[data-ui-theme=wigglycustom] .container .wiggly-widget[data-name=lang_btn],body[data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=target],body[data-ui-theme=wigglycustom] .container .wiggly-widget[data-name=target]{display:none!important}.wiggly-widget{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:#111;border:1px solid rgba(0,0,0,.25);background:#ffffff73;border-radius:4px;overflow:hidden;transition:transform .14s ease}.wiggly-widget.has-image{background-color:transparent;border:none;background-repeat:no-repeat;background-position:center;background-size:contain}.wiggly-widget.is-wiggly-more-color-entry{background:#ffffffc7!important;border:1px solid rgba(0,0,0,.28)!important;box-shadow:0 2px 6px #0000001f}.wiggly-widget.is-wiggly-more-color-entry.has-image{background-image:none!important}.wiggly-more-color-entry-icon{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;pointer-events:none}.wiggly-more-color-entry-icon span{border-radius:2px;border:1px solid rgba(0,0,0,.18)}.wiggly-more-color-entry-icon span:nth-child(1){background:var(--color-entry-a, #fff)}.wiggly-more-color-entry-icon span:nth-child(2){background:var(--color-entry-b, #111)}.wiggly-more-color-entry-icon span:nth-child(3){background:var(--color-entry-c, #e84a5f)}.wiggly-more-color-entry-icon span:nth-child(4){background:var(--color-entry-active, #58aeee)}.wiggly-more-color-entry-icon b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:20px;padding:1px 2px;border-radius:3px;background:#ffffffe0;color:#111;font-size:8px;line-height:1;font-weight:700;text-align:center}.wiggly-more-colors-popup{position:absolute;z-index:2100;display:grid;grid-template-columns:repeat(5,22px);gap:4px;padding:6px;border:1px solid rgba(0,0,0,.22);border-radius:6px;background:#fffffff5;box-shadow:0 8px 20px #0000002e;pointer-events:auto}.wiggly-more-colors-popup[hidden]{display:none!important}.wiggly-more-color-btn{width:22px;height:22px;border-radius:5px;border:1px solid rgba(0,0,0,.2);background:var(--wiggly-more-color, #000);box-shadow:inset 0 1px #ffffff52;cursor:pointer;padding:0}.wiggly-more-color-btn.is-active{outline:2px solid rgba(17,17,17,.88);outline-offset:1px}body[data-ui-theme=wigglypaint] .stage,body[data-ui-theme=wigglycustom] .stage,body[data-ui-theme=wigglypaint] .wiggly-widget.has-image,body[data-ui-theme=wigglycustom] .wiggly-widget.has-image,body[data-ui-theme=wigglypaint] .wiggly-theme,body[data-ui-theme=wigglycustom] .wiggly-theme{image-rendering:crisp-edges;image-rendering:pixelated}body[data-ui-theme=wigglypaint]:not([data-canvas-smooth="1"]) .canvas,body[data-ui-theme=wigglycustom]:not([data-canvas-smooth="1"]) .canvas,body[data-ui-theme=wigglypaint]:not([data-canvas-smooth="1"]) .canvas-bg,body[data-ui-theme=wigglycustom]:not([data-canvas-smooth="1"]) .canvas-bg{image-rendering:crisp-edges;image-rendering:pixelated}body[data-ui-theme=wigglypaint][data-canvas-smooth="1"] .canvas,body[data-ui-theme=wigglycustom][data-canvas-smooth="1"] .canvas,body[data-ui-theme=wigglypaint][data-canvas-smooth="1"] .canvas-bg,body[data-ui-theme=wigglycustom][data-canvas-smooth="1"] .canvas-bg{image-rendering:auto}body[data-ui-theme=wigglypaint] .wiggly-widget[data-name=markerSizes],body[data-ui-theme=wigglycustom] .wiggly-widget[data-name=markerSizes],body[data-ui-theme=wigglypaint] .wiggly-widget[data-name=field1],body[data-ui-theme=wigglycustom] .wiggly-widget[data-name=field1]{background:transparent;border:none}body[data-ui-theme=wigglypaint] .wiggly-widget[data-name=markerSizes] .wiggly-marker-cover,body[data-ui-theme=wigglycustom] .wiggly-widget[data-name=markerSizes] .wiggly-marker-cover{position:absolute;left:25%;top:20%;width:50%;height:80%;background:#fff;border-radius:3px;pointer-events:none}body[data-ui-theme=wigglypaint] .wiggly-widget[data-name=markerSizes] .wiggly-marker-shape,body[data-ui-theme=wigglycustom] .wiggly-widget[data-name=markerSizes] .wiggly-marker-shape{position:absolute;left:25%;top:20%;width:50%;height:80%;background-repeat:no-repeat;background-position:center;background-size:auto;pointer-events:none;z-index:1;image-rendering:crisp-edges;image-rendering:pixelated}.wiggly-widget.is-ghost{border-style:dashed}.wiggly-widget.is-active{transform:translate(-24px)}.wiggly-widget.is-active[data-name^=hi]{transform:translateY(-8px)}.wiggly-widget.is-invisible-btn{background:transparent;border:none;color:transparent}.wiggly-widget.is-invisible-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;pointer-events:none;opacity:0}.wiggly-widget.is-invisible-btn.is-pressed:before{opacity:1;background:#fff;mix-blend-mode:difference}.wiggly-widget.field{background:#ffffff59;font-size:10px;align-items:flex-start;padding-top:2px}.wiggly-widget.slider{background:transparent;border:none;touch-action:none}.wiggly-slider-track{position:absolute;left:2px;right:8px;top:3px;bottom:3px;border:1.5px solid rgba(30,83,255,.95);border-radius:3px;background:#ffffffb8;overflow:hidden;touch-action:none}.wiggly-slider-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#567cffe6,#1e53ffeb);border-radius:1px}.wiggly-slider-thumb{display:none}.wiggly-widget .wiggly-widget-text{display:block;white-space:nowrap}body[data-ui-theme=wigglypaint] .wiggly-widget:not(.has-image):not(.slider):not(.is-invisible-btn):not([data-name=markerSizes]):not([data-name=field1]),body[data-ui-theme=wigglycustom] .wiggly-widget:not(.has-image):not(.slider):not(.is-invisible-btn):not([data-name=markerSizes]):not([data-name=field1]){background:var(--wiggly-bg, #fff);color:var(--wiggly-fg, #111);border-color:var(--wiggly-fg, #111)}body[data-ui-theme=wigglypaint] .wiggly-widget[data-name=button6],body[data-ui-theme=wigglycustom] .wiggly-widget[data-name=button6]{background:var(--wiggly-bg, #fff);color:var(--wiggly-fg, #111);border-color:var(--wiggly-fg, #111)}body[data-ui-theme=wigglypaint] .wiggly-widget.field:not([data-name=field1]),body[data-ui-theme=wigglycustom] .wiggly-widget.field:not([data-name=field1]){background:var(--wiggly-bg, #fff);color:var(--wiggly-fg, #111);border-color:var(--wiggly-fg, #111)}.wiggly-slider-value{position:absolute;left:2px;right:8px;top:50%;min-width:0;padding:0 2px;transform:translateY(-50%);font-size:9px;line-height:1.2;text-align:center;color:#111111eb;background:transparent;border:none;font-variant-numeric:tabular-nums;pointer-events:none}.wiggly-widget.check{justify-content:flex-start;padding-left:18px;padding-right:6px;gap:6px}.wiggly-check{position:absolute;left:4px;width:10px;height:10px;border:1px solid rgba(0,0,0,.45);border-radius:3px;background:#ffffffe6}.wiggly-widget.is-checked .wiggly-check{background:#000000c7;border-color:#0009}body[data-ui-theme=wigglypaint] .toolbar-left,body[data-ui-theme=wigglycustom] .toolbar-left,body[data-ui-theme=wigglypaint] .toolbar-right,body[data-ui-theme=wigglycustom] .toolbar-right,body[data-ui-theme=wigglypaint] .overlay,body[data-ui-theme=wigglycustom] .overlay,body[data-ui-theme=wigglypaint] .pattern-picker,body[data-ui-theme=wigglycustom] .pattern-picker,body[data-ui-theme=wigglypaint] .palette-panel,body[data-ui-theme=wigglycustom] .palette-panel{display:none!important}body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .toolbar-left,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .toolbar-left,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .pattern-picker,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .pattern-picker{display:block!important}body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .sidebar,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .sidebar{z-index:3500}body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .pattern-select,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .pattern-select{display:none!important}body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .pattern-popover.is-open,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .pattern-popover.is-open{position:fixed;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);z-index:3400;width:176px;max-height:min(320px,calc(100vh - 24px));pointer-events:auto;cursor:grab}body[data-app-mode="1"][data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .pattern-popover.is-open,body[data-app-mode="1"][data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .pattern-popover.is-open{max-height:320px}body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .pattern-popover.is-dragging,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .pattern-popover.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.pattern-popover-drag-handle{display:none}body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .pattern-popover-drag-handle,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .pattern-popover-drag-handle{height:12px;margin:-3px -2px 7px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglypaint] .pattern-popover-drag-handle:before,body[data-wiggly-pattern-panel="1"][data-ui-theme=wigglycustom] .pattern-popover-drag-handle:before{content:"";width:36px;height:4px;border-radius:999px;background:#1111113d}.menu-icon{display:inline-grid;place-items:center;flex:0 0 auto}.menu-icon svg{width:17px;height:17px;display:block}.menu-label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.color-entry-icon{width:19px;height:19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;transform:rotate(-6deg)}.color-entry-chip{min-width:0;min-height:0;border-radius:4px;border:1px solid rgba(0,0,0,.22);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0000001f;box-sizing:border-box}.color-entry-chip-active{background:var(--color-entry-active, #111)}.color-entry-chip-a{background:var(--color-entry-a, #fff)}.color-entry-chip-b{background:var(--color-entry-b, #111)}.color-entry-chip-c{background:var(--color-entry-c, #e84a5f)}.wiggly-more-menu{position:absolute;top:calc(100% + 2px);left:0;width:174px;max-width:calc(100vw - 16px);background:#fffffff5;border:1px solid rgba(0,0,0,.16);border-radius:8px;padding:6px;z-index:40;box-shadow:0 8px 22px #00000029;pointer-events:auto;box-sizing:border-box;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.wiggly-more-menu.is-open{display:grid}.wiggly-more-menu-item{min-width:0;min-height:42px;padding:4px 2px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:inherit;font-size:10px;line-height:1.1;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;white-space:normal}.wiggly-more-menu-item .menu-label{white-space:normal;word-break:keep-all}.wiggly-more-menu-item:hover{background:#00000012}.wiggly-more-menu-item:active{background:#0000001f}.wiggly-widget .more-brushes-menu{top:calc(100% + 2px);right:0;z-index:95}body[data-wiggly-canvas-only="1"] .container{background:#fff!important;background-image:none!important;overflow:hidden!important}body[data-wiggly-canvas-only="1"] .wiggly-theme,body[data-wiggly-canvas-only="1"] .wiggly-widget,body[data-wiggly-canvas-only="1"] .sidebar,body[data-wiggly-canvas-only="1"] .toolbar-left,body[data-wiggly-canvas-only="1"] .toolbar-right,body[data-wiggly-canvas-only="1"] .sidebar-footer,body[data-wiggly-canvas-only="1"] .palette-panel,body[data-wiggly-canvas-only="1"] .pattern-picker,body[data-wiggly-canvas-only="1"] .overlay,body[data-wiggly-canvas-only="1"] .modal-overlay,body[data-wiggly-canvas-only="1"] .layer-panel,body[data-wiggly-canvas-only="1"] .select-panel,body[data-wiggly-canvas-only="1"] .image-wiggle-panel,body[data-wiggly-canvas-only="1"] .text-panel,body[data-wiggly-canvas-only="1"] .crop-panel,body[data-wiggly-canvas-only="1"] .crop-overlay,body[data-wiggly-canvas-only="1"] .select-overlay,body[data-wiggly-canvas-only="1"] .symmetry-overlay{display:none!important}body[data-wiggly-canvas-only="1"] .canvas-viewport{left:0!important;top:0!important;width:512px!important;height:342px!important;border:0!important;z-index:20}.wiggly-canvas-only-exit{position:absolute;top:8px;right:8px;z-index:30;height:24px;min-width:46px;padding:0 10px;border:1px solid rgba(0,0,0,.42);border-radius:4px;background:#ffffffeb;color:#111;box-shadow:0 3px 12px #00000029;cursor:pointer;font-size:12px;line-height:22px;pointer-events:auto}.wiggly-canvas-only-exit:hover{background:#fff}.wiggly-canvas-only-exit:active{transform:translateY(1px)}body:not([data-wiggly-canvas-only="1"]) .wiggly-canvas-only-exit{display:none}body[data-ui-theme=wigglypaint] .wiggly-widget .file-menu,body[data-ui-theme=wigglycustom] .wiggly-widget .file-menu{right:auto;left:0;top:calc(100% + 2px);display:none;pointer-events:auto}body[data-ui-theme=wigglypaint] .wiggly-widget .file-menu.is-open,body[data-ui-theme=wigglycustom] .wiggly-widget .file-menu.is-open{display:grid}body[data-ui-theme=wigglypaint] .wiggly-widget .file-menu,body[data-ui-theme=wigglycustom] .wiggly-widget .file-menu{width:174px;min-width:174px;max-width:calc(100vw - 16px);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;border-color:#00000029;border-radius:8px;box-shadow:0 8px 22px #00000029;overflow:visible}body[data-ui-theme=wigglypaint] .wiggly-widget .file-menu .tool-btn,body[data-ui-theme=wigglycustom] .wiggly-widget .file-menu .tool-btn{min-width:0;min-height:42px;padding:4px 2px;border-radius:6px;justify-content:center;flex-direction:column;gap:3px;text-align:center;font-size:10px;line-height:1.1}body[data-ui-theme=wigglypaint] .wiggly-widget .file-menu .tool-btn+.tool-btn:before,body[data-ui-theme=wigglycustom] .wiggly-widget .file-menu .tool-btn+.tool-btn:before{content:none}body[data-ui-theme=wigglypaint] .wiggly-widget .file-menu .tool-btn .menu-label,body[data-ui-theme=wigglycustom] .wiggly-widget .file-menu .tool-btn .menu-label{white-space:normal;word-break:keep-all}body[data-ui-theme=wigglypaint] .sidebar-footer,body[data-ui-theme=wigglycustom] .sidebar-footer{height:0!important;min-height:0!important;padding:0!important;margin:0!important;gap:0!important;overflow:visible!important;pointer-events:none}body[data-ui-theme=wigglypaint] .sidebar-footer>*,body[data-ui-theme=wigglycustom] .sidebar-footer>*{height:0!important;min-height:0!important;padding:0!important;margin:0!important;pointer-events:none;visibility:hidden}body[data-ui-theme=wigglypaint] .sidebar-footer .more-features-wrap,body[data-ui-theme=wigglycustom] .sidebar-footer .more-features-wrap,body[data-ui-theme=wigglypaint] .sidebar-footer .zoom-menu-wrap,body[data-ui-theme=wigglycustom] .sidebar-footer .zoom-menu-wrap{overflow:visible!important}body[data-ui-theme=wigglypaint] .sidebar-footer .more-features-menu.is-open,body[data-ui-theme=wigglycustom] .sidebar-footer .more-features-menu.is-open{display:grid;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);bottom:auto;right:auto;z-index:3300;visibility:visible;pointer-events:auto}body[data-ui-theme=wigglypaint] .sidebar-footer .zoom-menu.is-open,body[data-ui-theme=wigglycustom] .sidebar-footer .zoom-menu.is-open{display:block;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);bottom:auto;right:auto;z-index:3200;visibility:visible;pointer-events:auto}.canvas-viewport{position:absolute;top:0;left:0;width:360px;height:340px;border:1px solid #ccc;background:transparent;z-index:2;overflow:hidden;touch-action:none}.canvas-custom-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;pointer-events:none;overflow:hidden}.canvas-custom-bg-content{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center;background-size:contain;transform-origin:top left}.canvas-custom-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-bg{position:absolute;top:0;left:0;width:360px;height:340px;z-index:2}.canvas{position:absolute;top:0;left:0;width:360px;height:340px;border:none;background:transparent;z-index:3;touch-action:none}.drawing-overlay{z-index:4;pointer-events:none}.drawing-above-overlay{z-index:5;pointer-events:none}body:not([data-canvas-smooth="1"]) .canvas,body:not([data-canvas-smooth="1"]) .canvas-bg{image-rendering:crisp-edges;image-rendering:pixelated}body[data-canvas-smooth="1"] .canvas,body[data-canvas-smooth="1"] .canvas-bg{image-rendering:auto}.tool-btn{position:absolute;z-index:2;padding:6px 10px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#ffffffeb;color:#111;cursor:pointer;box-shadow:0 2px 10px #00000014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool-btn:hover{background:#fffffffa}.tool-btn:active{transform:translateY(1px)}.tool-btn.is-active{background:#111111eb;color:#fff;border-color:#00000040}.tool-btn.is-active:hover{background:#111111fa}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.sidebar{position:absolute;top:8px;right:8px;width:136px;height:calc(100% - 16px);z-index:6;display:flex;flex-direction:column;gap:8px;align-items:stretch}.toolbar-right{display:flex;flex-direction:column;gap:6px;align-items:stretch}.toolbar-left{display:flex;flex-direction:column;gap:6px;align-items:stretch;position:relative;z-index:65}.toolbar-row{display:flex;gap:6px;justify-content:flex-end;align-items:center}.toolbar-right .tool-btn,.toolbar-left .tool-btn{position:relative;top:auto;right:auto;bottom:auto;left:auto}.toolbar-left .pattern-picker,.toolbar-left .palette-panel{position:static}.tool-btn[aria-label]:after,.action-btn[aria-label]:after{content:attr(aria-label);position:absolute;right:-2px;bottom:-2px;z-index:5;font-size:10px;line-height:1;padding:2px 6px;border-radius:999px;background:#111111eb;color:#fff;opacity:0;pointer-events:none;transform:translate(55%,55%);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-btn:hover[aria-label]:after,.tool-btn:focus-visible[aria-label]:after{opacity:1}.action-btn:hover[aria-label]:after,.action-btn:focus-visible[aria-label]:after{opacity:1}.tool-btn:hover,.tool-btn:focus-visible{z-index:20}.action-btn:hover,.action-btn:focus-visible{z-index:20}.touch-hint{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:3000;display:none;padding:8px 12px;border-radius:999px;background:#111111eb;color:#fff;font-size:12px;line-height:1;max-width:calc(100vw - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.touch-hint.is-visible{display:block}.file-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:none;place-items:center;padding:24px;box-sizing:border-box;background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.file-drop-overlay.is-visible{display:grid}.file-drop-overlay-label{display:grid;place-items:center;width:min(420px,calc(100vw - 48px));min-height:150px;padding:24px;box-sizing:border-box;border:3px dashed rgba(17,17,17,.55);border-radius:18px;background:#ffffffe6;color:#111;font-size:18px;font-weight:700;text-align:center;box-shadow:0 12px 40px #00000029}@media (hover: none) and (pointer: coarse){.tool-btn[aria-label]:after,.action-btn[aria-label]:after{display:none}}.tool-btn.tool-icon{width:40px;height:32px;padding:0;display:grid;place-items:center}.tool-btn.tool-icon svg{width:18px;height:18px;display:block}.tool-btn.has-icon{display:inline-flex;align-items:center;gap:6px}.desktop-project-titlebar{position:fixed;top:0;left:0;right:0;z-index:5000;height:34px;box-sizing:border-box;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(15,23,42,.14);background:#f8fafcf5;color:#111827;font-family:Microsoft YaHei,system-ui,sans-serif;user-select:none;-webkit-user-select:none}.desktop-project-titlebar-save{flex:0 0 auto;height:26px;margin-left:10px;padding:0 12px;border:1px solid rgba(37,99,235,.24);border-radius:7px;background:#2563eb;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:13px;line-height:1;cursor:pointer}.desktop-project-titlebar-save:hover{background:#1d4ed8}.desktop-project-titlebar-save:active{transform:translateY(1px)}.desktop-project-titlebar-save:disabled{opacity:.62;cursor:not-allowed}.desktop-project-titlebar-save svg{width:15px;height:15px;display:block}.desktop-project-titlebar-drag{min-width:0;align-self:stretch;flex:1 1 auto}.desktop-project-window-controls{align-self:stretch;display:flex;align-items:stretch;margin-left:auto}.desktop-project-window-btn{width:46px;border:0;border-left:1px solid transparent;background:transparent;color:inherit;display:grid;place-items:center;font:inherit;font-size:14px;line-height:1;cursor:pointer}.desktop-project-window-btn:hover{background:#0f172a14}.desktop-project-window-btn-close:hover{background:#dc2626;color:#fff}body[data-wiggly-canvas-only="1"] .desktop-project-titlebar{display:none!important}.file-menu-wrap{position:relative;z-index:60}.file-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:80px;padding:2px 0;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fffffff5;box-shadow:0 10px 28px #00000029;display:none;box-sizing:border-box;z-index:70;overflow:hidden}.file-menu.open-up{top:auto;bottom:calc(100% + 6px)}.file-menu.is-open{display:block}.file-menu-wrap:has(.is-open){z-index:70}.file-menu .tool-btn{width:100%;box-shadow:none;position:relative;top:auto;right:auto;bottom:auto;left:auto;min-height:26px;padding:6px 10px;border:0;border-radius:0;background:transparent;text-align:left;font-size:12px;line-height:1.1;display:flex;align-items:center;justify-content:flex-start;gap:7px}.file-menu .tool-btn .menu-icon svg{width:15px;height:15px}.file-menu .tool-btn:hover{background:#0000000f}.file-menu .tool-btn:active{background:#00000014}.file-menu .tool-btn+.tool-btn{margin-top:0}.file-menu .tool-btn+.tool-btn:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:#0000001a}.file-menu #desktopProjectSave:before{content:none}body[data-ui-theme=cute] .file-menu .tool-btn:hover{background:#ff5fa21a}body[data-ui-theme=cute] .file-menu .tool-btn:active{background:#ff5fa224}body[data-ui-theme=cute] .file-menu .tool-btn+.tool-btn:before{background:#75489429}body[data-ui-theme=cat] .cat-sprite-span .btn-icon svg{display:none}body[data-ui-theme=cat] .cat-sprite-span .btn-icon:before{content:"";width:35px;height:35px;display:block;background-image:var(--cat-icon);background-repeat:no-repeat;background-position:center;background-size:contain;transform:translateY(-2px)}body[data-ui-theme=cat] .cat-sprite-plain svg{display:none}body[data-ui-theme=cat] .cat-sprite-plain:before{content:"";width:35px;height:35px;display:block;background-image:var(--cat-icon);background-repeat:no-repeat;background-position:center;background-size:contain;transform:translateY(-2px)}.tool-pen{top:8px;right:8px}.tool-pen2{top:38px;right:8px}.tool-clear{top:68px;right:8px}.tool-undo{top:98px;right:8px}.tool-redo{top:128px;right:8px}.tool-export{top:158px;right:8px}.tool-importgif{top:188px;right:8px}.tool-importbg{top:218px;right:8px}.tool-advanced{top:248px;right:8px}.tool-eraser{bottom:8px;right:8px}.tool-color{bottom:8px;left:8px}.tool-btn svg{width:18px;height:18px;display:block}.tool-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center}.tool-btn.tool-pen,.tool-btn.tool-pen2,.tool-btn.tool-eraser{width:40px;height:32px;padding:0;display:grid;place-items:center}.sidebar-footer{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;justify-content:stretch;align-items:stretch}.sidebar-footer .action-btn{width:100%;height:32px;padding:0;display:grid;place-items:center}.sidebar-footer .action-btn svg{width:16px;height:16px;display:block}.sidebar-footer .more-features-wrap{width:100%;position:relative}.sidebar-footer .zoom-menu-wrap{width:100%}.zoom-menu-wrap{position:relative}.sidebar:has(.zoom-menu.is-open),.sidebar:has(.more-features-menu.is-open){z-index:3300}.sidebar-footer:has(.zoom-menu.is-open),.zoom-menu-wrap:has(.zoom-menu.is-open),.sidebar-footer:has(.more-features-menu.is-open),.more-features-wrap:has(.more-features-menu.is-open){position:relative;z-index:3300}.zoom-menu{position:absolute;right:0;bottom:calc(100% + 6px);width:220px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fffffff5;box-shadow:0 10px 28px #00000029;display:none;box-sizing:border-box;z-index:3200}.zoom-menu.open-down{bottom:auto;top:calc(100% + 6px)}.zoom-menu.is-open{display:block}.zoom-menu.is-dragging{-webkit-user-select:none;user-select:none}.zoom-menu,.symmetry-menu{cursor:grab}.zoom-menu.is-dragging,.symmetry-menu.is-dragging{cursor:grabbing}.zoom-menu button,.zoom-menu input,.symmetry-menu button,.symmetry-menu input{cursor:auto}.zoom-menu-drag-handle,.jitter-panel-drag-handle,.symmetry-menu-drag-handle{height:12px;margin:-3px -2px 7px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.zoom-menu-drag-handle:before,.jitter-panel-drag-handle:before,.symmetry-menu-drag-handle:before{content:"";width:36px;height:4px;border-radius:999px;background:#1111113d}.zoom-menu-drag-handle:active,.jitter-panel-drag-handle:active,.symmetry-menu-drag-handle:active{cursor:grabbing}.zoom-menu .row{display:flex;align-items:center;gap:8px;justify-content:space-between}.zoom-menu .row+.row{margin-top:8px}.zoom-menu .zoom-controls{display:flex;align-items:center;gap:8px;flex:1}.zoom-menu .zoom-controls input[type=range]{width:100%;accent-color:#111}.zoom-menu .zoom-icon-btn{width:30px;height:30px;padding:0;display:grid;place-items:center;box-shadow:none}.zoom-menu .zoom-icon-btn svg{width:16px;height:16px}.zoom-menu .pill{background:#111111eb;color:#fff}.zoom-menu .zoom-rotation-row{align-items:center}.zoom-menu .zoom-rotation-label{width:30px;flex:0 0 30px;font-size:11px;color:#111111b8;text-align:center;white-space:nowrap}.zoom-menu .zoom-angle-pill{min-width:42px;text-align:center;box-sizing:border-box}.more-features-menu{position:absolute;right:0;bottom:calc(100% + 6px);min-width:112px;padding:8px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fffffff5;box-shadow:0 10px 28px #00000029;display:none;box-sizing:border-box;z-index:3300;font-size:12px}.more-features-menu.is-open{display:grid;gap:6px}.more-features-menu.open-down{bottom:auto;top:calc(100% + 6px)}.more-features-menu .action-btn{width:100%;height:30px;box-shadow:none;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0 10px}.more-features-menu .action-btn .menu-icon svg{width:15px;height:15px;display:block}.more-features-menu.is-dragging{-webkit-user-select:none;user-select:none}.more-brushes-wrap{position:relative}.more-brushes-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;padding:8px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fffffff5;box-shadow:0 10px 28px #00000029;display:none;box-sizing:border-box;z-index:85;font-size:12px;max-height:260px;overflow-y:auto}.more-brushes-menu::-webkit-scrollbar{width:4px}.more-brushes-menu::-webkit-scrollbar-thumb{background:#0000002e;border-radius:2px}.more-brushes-menu.is-open{display:grid;gap:6px}.more-brushes-menu .action-btn{width:100%;height:auto;min-height:30px;box-shadow:none;display:flex;align-items:center;gap:6px;padding:2px 6px}.more-brushes-menu .action-btn.is-active{background:#0000001a;font-weight:700}.brush-preview{width:36px;height:20px;border-radius:3px;background:#f5f5f5;flex-shrink:0;image-rendering:pixelated}.brush-label{white-space:nowrap}.symmetry-menu{min-width:148px}.symmetry-menu .toggle{width:100%}.symmetry-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:none;pointer-events:none}.symmetry-overlay.is-visible{display:block}.symmetry-overlay-content{position:absolute;top:0;left:0;transform-origin:top left}.symmetry-line{position:absolute;pointer-events:none}.symmetry-line-y{top:0;width:2px;background:transparent;border-left:1px dashed rgba(30,120,255,.65)}.symmetry-line-x{left:0;height:2px;background:transparent;border-top:1px dashed rgba(255,60,120,.65)}.symmetry-line-y.is-hidden,.symmetry-line-x.is-hidden{border-color:transparent}.symmetry-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#ffffffeb;border:2px solid rgba(30,120,255,.75);box-shadow:0 1px 6px #00000038;cursor:grab;pointer-events:auto;touch-action:none;z-index:10;transition:box-shadow .15s ease,transform .1s ease}.symmetry-handle:hover{box-shadow:0 2px 10px #1e78ff59;transform:scale(1.15)}.symmetry-handle:active{cursor:grabbing;transform:scale(1.05)}.symmetry-line-x .symmetry-handle{border-color:#ff3c78bf}.symmetry-line-x .symmetry-handle:hover{box-shadow:0 2px 10px #ff3c7859}.symmetry-handle.is-hidden{display:none}body[data-ui-theme=cute] .symmetry-line-y{border-left-color:#9932cc8c}body[data-ui-theme=cute] .symmetry-line-x{border-top-color:#ff5fa28c}body[data-ui-theme=cute] .symmetry-handle{border-color:#9932ccb3}body[data-ui-theme=cute] .symmetry-line-x .symmetry-handle{border-color:#ff5fa2b3}.container.crop-mode .toolbar-left,.container.crop-mode .toolbar-right,.container.crop-mode .sidebar-footer{display:none}.container.crop-mode .jitter-panel{display:none!important}.container.crop-mode .text-panel{display:none}.container.crop-mode .zoom-menu{z-index:3200}.container.fill-mode .toolbar-left,.container.fill-mode .toolbar-right,.container.fill-mode .sidebar-footer{display:none}.container.fill-mode .jitter-panel,.container.fill-mode .wiggly-widget{display:none!important}.container.fill-mode .crop-panel,.container.fill-mode .select-panel,.container.fill-mode .layer-panel,.container.fill-mode .text-panel{display:none}.container.fill-mode .sidebar{z-index:1200}.container.fill-mode .zoom-menu{z-index:3200}.container.text-mode .toolbar-left,.container.text-mode .toolbar-right,.container.text-mode .sidebar-footer{display:none}.container.text-mode .jitter-panel,.container.text-mode .wiggly-widget{display:none!important}.container.text-mode .crop-panel,.container.text-mode .select-panel,.container.text-mode .layer-panel,.container.text-mode .fill-panel{display:none}.container.text-mode .sidebar{z-index:1200}.container.text-mode .zoom-menu{z-index:3200}.container.select-mode .toolbar-left,.container.select-mode .toolbar-right{display:none}.container.select-mode .jitter-panel{display:none!important}.container.select-mode .crop-panel,.container.select-mode .text-panel,.container.select-mode .sidebar-footer{display:none}.container.select-mode .zoom-menu{z-index:3200}.container.layer-mode .toolbar-left,.container.layer-mode .toolbar-right,.container.layer-mode .sidebar-footer{display:none}.container.layer-mode .jitter-panel{display:none!important}.container.layer-mode .crop-panel,.container.layer-mode .select-panel,.container.layer-mode .text-panel{display:none}.container.layer-mode .sidebar{height:calc(100% - 8px)}.select-panel{z-index:900;display:none;width:136px;box-sizing:border-box;gap:8px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fffffff0;font-size:12px;margin-top:auto;box-shadow:0 10px 28px #0000001a}.container.select-mode .select-panel{display:grid}.container.select-mode .select-panel{height:100%;margin-top:0;padding:8px;border:none;border-radius:0;box-shadow:none;background:#fffffff0;align-content:start;overflow-x:hidden;overflow-y:auto}.select-tool-grid{display:grid;gap:5px;min-width:0}.select-tool-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.select-tool-grid-transform{grid-template-columns:repeat(4,minmax(0,1fr))}.select-panel .action-btn{min-width:0;box-shadow:none;border-radius:8px}.select-panel .action-btn.icon-only{width:100%;height:30px;padding:0;display:grid;place-items:center}.select-panel .action-btn svg{width:16px;height:16px;display:block}.select-panel #selectFlipH svg,.select-panel #selectFlipV svg{width:22px;height:22px}.select-panel .select-tool-grid-transform .action-btn.icon-only{height:28px}.select-image-wiggle-btn[hidden]{display:none!important}.select-mode-btn{width:100%;min-height:32px;height:auto;padding:4px 8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;line-height:1.1}.select-mode-btn svg{flex:0 0 auto;width:15px;height:15px}.select-mode-btn span{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}.select-toggle-list{display:grid;gap:7px;padding:2px 0 4px;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.select-toggle-options-btn{width:100%;min-height:28px;height:auto;padding:4px 8px;font-size:12px;line-height:1.1;box-shadow:none}.select-toggle-options-btn[hidden]{display:none!important}.select-toggle{width:100%;justify-content:space-between;align-items:center;gap:8px;color:#000000c7}.select-toggle span{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.15}.select-action-list{display:grid;gap:6px}.select-action-list .action-btn{width:100%;min-height:34px;height:auto;padding:4px 8px;font-size:13px;line-height:1.12;white-space:normal;overflow-wrap:anywhere}.image-wiggle-panel{--image-wiggle-range-w: 112px;z-index:1200;display:none;width:136px;box-sizing:border-box;gap:10px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fafafaf0;font-size:12px;margin-top:auto;box-shadow:0 10px 28px #0000001a}.container.select-mode.image-wiggle-mode .select-panel{display:none}.container.select-mode.image-wiggle-mode .select-rect,.container.select-mode.image-wiggle-mode .select-warp-outline,.container.select-mode.image-wiggle-mode .select-handle{display:none!important}.container.select-mode.image-wiggle-mode .image-wiggle-panel{display:grid;height:100%;margin-top:0;padding:10px 8px;border:none;border-radius:0;box-shadow:none;background:#fafafaf0;align-content:start;grid-template-rows:auto auto auto;position:relative;z-index:1200;overflow-x:hidden;overflow-y:auto}.image-wiggle-panel .head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px}.image-wiggle-panel .head strong{font-size:14px;line-height:1;letter-spacing:0}.image-wiggle-panel .actions{display:flex;align-items:center;gap:4px}.image-wiggle-panel .actions .action-btn.icon-only{width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:999px;box-shadow:none;background:#fff;border-color:#00000024}.image-wiggle-panel .actions .action-btn.icon-only svg{width:15px;height:15px;display:block}.image-wiggle-status{width:var(--image-wiggle-range-w);max-width:100%;justify-self:center;min-height:20px;padding:5px 6px;border-radius:6px;background:#11111112;color:#111111c7;font-size:10px;line-height:1.25;box-sizing:border-box}.image-wiggle-status[hidden]{display:none!important}.image-wiggle-status.is-error{color:#9f1239;background:#f43f5e1a}.image-wiggle-outline-step{width:var(--image-wiggle-range-w);max-width:100%;justify-self:center;display:grid;gap:8px;min-width:0}.image-wiggle-outline-step[hidden],.image-wiggle-controls[hidden]{display:none!important}.image-wiggle-outline-preview-wrap{width:var(--image-wiggle-range-w);aspect-ratio:1;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fff;overflow:hidden;display:grid;place-items:center;cursor:crosshair;box-sizing:border-box}.image-wiggle-outline-preview{width:100%;height:100%;display:block;image-rendering:pixelated}.image-wiggle-outline-toolbar{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;align-items:center}.image-wiggle-outline-swatch{width:24px;height:24px;border-radius:7px;border:1px solid rgba(0,0,0,.18);background:var(--outline-swatch, #000);box-shadow:inset 0 0 0 1px #ffffff73;box-sizing:border-box}.image-wiggle-auto-outline,.image-wiggle-wide-btn{min-width:0;height:26px;padding:0 8px;border-radius:7px;box-shadow:none;font-size:11px}.image-wiggle-wide-btn{width:100%}.image-wiggle-controls{width:var(--image-wiggle-range-w);max-width:100%;justify-self:center;display:grid;gap:8px;min-width:0}.image-wiggle-brush-select{width:var(--image-wiggle-range-w);max-width:100%;justify-self:center}.image-wiggle-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0}.image-wiggle-mode-toggle[hidden],.image-wiggle-brush-select[hidden],.image-wiggle-pattern-controls[hidden],.image-wiggle-panel .row[hidden],.image-wiggle-panel .toggle[hidden]{display:none!important}.image-wiggle-mode-btn{min-width:0;height:28px;padding:0 4px;border-radius:7px;box-shadow:none;font-size:10px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-wiggle-mode-btn.is-active{background:#111111e0;color:#fff;border-color:#00000040}.image-wiggle-pattern-controls{display:grid;gap:8px;min-width:0}.image-wiggle-pattern-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0}.image-wiggle-pattern-item{height:32px;min-width:0;padding:0;border-radius:8px;border:1px solid rgba(0,0,0,.14);background:#ffffffd6;display:grid;place-items:center;cursor:pointer;box-shadow:none}.image-wiggle-pattern-item.is-active{background:#111111e6;border-color:#00000047}.image-wiggle-pattern-item canvas{width:22px;height:22px;image-rendering:pixelated;display:block}.image-wiggle-panel .row{display:flex;align-items:center;justify-content:center;gap:0;min-width:0}.container.select-mode.image-wiggle-mode .image-wiggle-panel .range{width:var(--image-wiggle-range-w);max-width:100%;display:block;position:relative;height:22px;box-sizing:border-box;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#ffffffd1;overflow:hidden}.container.select-mode.image-wiggle-mode .image-wiggle-panel .range .slider-label,.container.select-mode.image-wiggle-mode .image-wiggle-panel .range .slider-val{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;color:#111111d9;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums;white-space:nowrap}.container.select-mode.image-wiggle-mode .image-wiggle-panel .range .slider-label{left:8px}.image-wiggle-panel .range .slider-val{right:8px;min-width:0;text-align:right}.image-wiggle-panel .slider-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#111111d9;clip-path:inset(0 calc(100% - var(--fill, 0%)) 0 0);border-radius:5px;pointer-events:none;z-index:3}.image-wiggle-panel .slider-fill-label,.image-wiggle-panel .slider-fill-val{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.image-wiggle-panel .slider-fill-label{left:8px}.image-wiggle-panel .slider-fill-val{right:8px}.container.select-mode.image-wiggle-mode .image-wiggle-panel .range input[type=range]{width:100%;min-width:0;height:100%;padding:0;margin:0;display:block;background:transparent;cursor:pointer;touch-action:none;position:relative;z-index:4;-webkit-appearance:none;-moz-appearance:none;appearance:none}.image-wiggle-panel .range input[type=range]::-webkit-slider-runnable-track{height:100%;background:transparent}.image-wiggle-panel .range input[type=range]::-webkit-slider-thumb{width:0;height:0;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.image-wiggle-panel .range input[type=range]::-moz-range-track{height:100%;border:none;background:transparent}.image-wiggle-panel .range input[type=range]::-moz-range-thumb{width:0;height:0;border:none;background:transparent}.image-wiggle-panel .range input[type=range]::-moz-range-progress{background:transparent}.layer-panel{z-index:900;display:none;position:relative;width:136px;box-sizing:border-box;gap:8px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffeb;font-size:12px;margin-top:auto;box-shadow:0 10px 28px #0000001a}.container.layer-mode .layer-panel{display:grid}.container.layer-mode .layer-panel{height:100%;margin-top:0;padding:8px 0;border:none;border-radius:0;box-shadow:none;background:#ffffffeb;grid-template-rows:1fr;gap:0;align-content:stretch}.layer-panel .layer-view{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:6px}.layer-panel .layer-view[hidden]{display:none!important}.layer-panel .layer-topbar{min-height:28px;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:0 8px;box-sizing:border-box}.layer-panel .layer-topbar .action-btn.icon-only{flex:0 0 auto;width:28px;height:28px;padding:0;display:grid;place-items:center;box-shadow:none}.layer-panel .layer-list-view .layer-topbar #layerAddFolder{margin-left:auto}.layer-panel .action-btn svg{width:16px;height:16px;display:block}.layer-panel .layer-detail-topbar{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center}.layer-panel .layer-detail-topbar:after{content:"";width:28px;height:28px}.layer-panel .layer-detail-title{flex:1 1 auto;min-width:0;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.1;font-weight:700}.layer-panel .layer-list{display:grid;gap:0;min-width:0;min-height:0;max-width:100%;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;align-content:start}.layer-panel .layer-list,.layer-panel .layer-detail-form{scrollbar-width:none;-ms-overflow-style:none}.layer-panel .layer-list::-webkit-scrollbar,.layer-panel .layer-detail-form::-webkit-scrollbar{width:0;height:0;display:none}.layer-panel .layer-item,.layer-panel .layer-folder-item,.layer-panel .layer-background-item{display:flex;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;border:0;border-radius:0;background:transparent;box-sizing:border-box;touch-action:pan-y}.layer-panel .layer-item,.layer-panel .layer-folder-item{cursor:grab}.layer-panel .layer-background-item{cursor:default}.layer-panel .layer-folder-item+.layer-folder-item,.layer-panel .layer-folder-item+.layer-item,.layer-panel .layer-item+.layer-folder-item,.layer-panel .layer-item+.layer-item,.layer-panel .layer-background-item{border-top:1px solid rgba(0,0,0,.12)}.layer-panel .layer-item:active,.layer-panel .layer-folder-item:active{cursor:grabbing}.layer-panel .layer-item.is-active,.layer-panel .layer-folder-item.is-active{background:#111111e6;color:#fff;box-shadow:none}.layer-panel .layer-folder-item.is-folder-drop-target{background:#1111111c;box-shadow:inset 0 0 0 1px #1111113d}.layer-panel .layer-item.is-dragging,.layer-panel .layer-folder-item.is-dragging{opacity:.78}.layer-panel .layer-item.is-folder-child{padding-left:18px}.layer-panel .layer-item.is-drag-folder-child-hidden{display:none!important}.layer-panel .layer-placeholder{width:100%;height:30px;min-height:30px;border-radius:0;border:1px dashed rgba(0,0,0,.38);box-sizing:border-box;background:#11111109}.layer-panel .layer-placeholder.is-folder-drop{margin-left:18px;width:calc(100% - 18px);background:#1111110f}.layer-panel .layer-item .vis,.layer-panel .layer-folder-item .vis,.layer-panel .layer-folder-item .folder-fold,.layer-panel .layer-background-item .vis{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#fffffff2;cursor:pointer}.layer-panel .layer-folder-item .folder-fold{width:20px;height:20px;border:0;border-radius:0;background:transparent;padding:0;color:#111111b8}.layer-panel .layer-item .vis.is-off,.layer-panel .layer-folder-item .vis.is-off,.layer-panel .layer-background-item .vis.is-off{opacity:.35}.layer-panel .layer-item .vis svg,.layer-panel .layer-folder-item .vis svg,.layer-panel .layer-folder-item .folder-fold svg,.layer-panel .layer-background-item .vis svg{height:13px;display:block}.layer-panel .layer-item .thumb-btn,.layer-panel .layer-folder-item .thumb-btn,.layer-panel .layer-background-item .thumb-btn{flex:1 1 auto;min-width:0;height:30px;border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:0;box-sizing:border-box;overflow:hidden;color:#111;font:inherit;text-align:left}.layer-panel .layer-item .thumb-btn,.layer-panel .layer-folder-item .thumb-btn{cursor:grab}.layer-panel .layer-item .thumb-btn,.layer-panel .layer-folder-item .thumb-btn{touch-action:none;-webkit-user-select:none;user-select:none}body:not([data-app-mode="1"]) .layer-panel .layer-list.is-scrollable .layer-item,body:not([data-app-mode="1"]) .layer-panel .layer-list.is-scrollable .layer-folder-item{touch-action:none}.layer-panel .layer-background-item .thumb-btn{cursor:default}.layer-panel .layer-item .thumb-btn:active,.layer-panel .layer-folder-item .thumb-btn:active{cursor:grabbing}.layer-panel .layer-item .layer-thumb,.layer-panel .layer-folder-item .layer-thumb,.layer-panel .layer-background-item .layer-thumb{flex:0 0 auto;width:44px;height:28px;border:1px solid rgba(0,0,0,.1);border-radius:4px;image-rendering:pixelated;background:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.08) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px}.layer-panel .layer-folder-item .folder-thumb{border-color:#0000002e}.layer-panel .layer-folder-item .folder-icon-thumb{flex-basis:20px;width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:0;background:transparent}.layer-panel .layer-folder-item .folder-icon-thumb svg{width:18px;height:18px;display:block}.layer-panel .layer-name-stack{flex:1 1 auto;min-width:0;display:grid;gap:2px;align-content:center}.layer-panel .layer-name{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.15}.layer-panel .layer-name-stack .layer-name{flex:0 1 auto}.layer-panel .layer-item.is-active .thumb-btn,.layer-panel .layer-folder-item.is-active .thumb-btn{color:#fff}.layer-panel .layer-item.is-active .layer-name,.layer-panel .layer-folder-item.is-active .layer-name{font-weight:700}.layer-panel .layer-item.is-active .layer-thumb,.layer-panel .layer-folder-item.is-active .layer-thumb{background-color:#fffffff2}.layer-panel .layer-item.is-active .layer-opacity-badge,.layer-panel .layer-folder-item.is-active .layer-opacity-badge{color:#ffffffb8}.layer-panel .layer-folder-item.is-active .folder-fold{color:#ffffffeb}.layer-panel .layer-folder-item.is-active .folder-icon-thumb{background:#fffffff2;color:#111111db}.layer-panel .layer-background-item .layer-name{color:#111111b8}.layer-panel .layer-opacity-badge{min-width:0;max-width:100%;color:#1111119e;font-size:9px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-drag-ghost.layer-item,.layer-drag-ghost.layer-folder-item{display:flex;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;border:0;border-radius:0;background:#fffffff5;box-sizing:border-box;color:#111;font:12px/1.15 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 8px 18px #00000029;cursor:grabbing}.layer-drag-ghost.layer-item.is-active,.layer-drag-ghost.layer-folder-item.is-active{background:#f5f5f5fa}.layer-drag-ghost .vis{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#fffffff2}.layer-drag-ghost .vis.is-off{opacity:.35}.layer-drag-ghost .vis svg{height:13px;display:block}.layer-drag-ghost .thumb-btn{flex:1 1 auto;min-width:0;height:30px;border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:0;box-sizing:border-box;overflow:hidden;color:#111;font:inherit;text-align:left}.layer-drag-ghost .layer-thumb{flex:0 0 auto;width:44px;height:28px;border:1px solid rgba(0,0,0,.1);border-radius:4px;image-rendering:pixelated;background:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.08) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px}.layer-drag-ghost .layer-name-stack{flex:1 1 auto;min-width:0;display:grid;gap:2px;align-content:center}.layer-drag-ghost .layer-name{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.15}.layer-drag-ghost .layer-name-stack .layer-name{flex:0 1 auto}.layer-drag-ghost .layer-opacity-badge{min-width:0;max-width:100%;color:#1111119e;font-size:9px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-panel .folder-only,.layer-panel .layer-detail-view.is-folder-detail .layer-detail-field,.layer-panel .layer-detail-view.is-folder-detail .layer-blend-row,.layer-panel .layer-detail-view.is-folder-detail #layerDuplicate,.layer-panel .layer-detail-view.is-folder-detail #layerMergeDown{display:none!important}.layer-panel .layer-detail-view.is-folder-detail .folder-only{display:flex!important}.layer-panel .layer-detail-form{min-height:0;min-width:0;max-width:100%;display:grid;gap:8px;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:0 8px;box-sizing:border-box}.layer-panel .layer-detail-field{display:grid;gap:4px;min-width:0;max-width:100%;font-size:11px;line-height:1.1;color:#000000b8;cursor:default;pointer-events:auto;box-sizing:border-box}.layer-panel .layer-detail-field-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.layer-panel .layer-detail-field-head .pill{flex:0 0 auto;min-width:34px;padding:1px 6px;text-align:center;font-variant-numeric:tabular-nums}.layer-panel .layer-detail-input,.layer-panel .layer-blend-row select{width:100%;max-width:100%;min-width:0;height:28px;border:1px solid rgba(0,0,0,.14);border-radius:7px;background:#fffffff2;color:#111;font:inherit;padding:0 6px;box-sizing:border-box;pointer-events:auto}.layer-panel .layer-detail-input{-webkit-user-select:text;user-select:text;touch-action:manipulation}.layer-panel .layer-opacity-row{display:flex;align-items:center;gap:6px;min-width:0}.layer-panel .layer-opacity-row input[type=range]{flex:1 1 auto;min-width:0;width:100%;accent-color:#111}.layer-panel .layer-blend-row{position:relative;z-index:2;cursor:pointer}.layer-panel .layer-blend-row .layer-select-prefix{position:absolute;left:7px;top:50%;transform:translateY(-50%);z-index:2;color:#1119;font-size:10px;line-height:1;pointer-events:none}.layer-panel .layer-blend-row select{padding-left:52px}.layer-panel .layer-detail-actions{display:grid;gap:6px;margin-top:2px}.layer-panel .layer-detail-actions .action-btn{width:100%;min-width:0;min-height:32px;padding:0 8px;display:flex;align-items:center;justify-content:flex-start;gap:6px;border-radius:8px;box-shadow:none;font-size:11px;text-align:left}.layer-panel .layer-detail-actions .btn-icon{flex:0 0 auto;width:16px;height:16px;display:grid;place-items:center}.layer-panel .layer-detail-actions .action-btn svg{flex:0 0 auto}.layer-panel .layer-detail-actions .layer-action-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-panel .layer-detail-actions .action-btn[aria-label]:after{content:none;display:none}.layer-panel .layer-detail-actions .action-btn.danger{color:#9b1c1c}.layer-panel .layer-rename-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:8px;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box}.layer-panel .layer-rename-modal[hidden]{display:none!important}.layer-panel .layer-rename-dialog{width:100%;max-width:128px;display:grid;gap:8px;padding:8px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fffffffa;box-shadow:0 12px 28px #0000002e;box-sizing:border-box}.layer-panel .layer-rename-dialog strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.1}.layer-panel .layer-rename-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}.layer-panel .layer-rename-actions .action-btn{min-width:0;min-height:28px;padding:0 4px;display:grid;place-items:center;box-shadow:none;font-size:11px}.crop-panel{z-index:900;display:none;width:136px;box-sizing:border-box;gap:8px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffeb;font-size:12px;margin-top:auto;box-shadow:0 10px 28px #0000001a}.container.crop-mode .crop-panel{display:grid}.container.crop-mode .crop-panel{height:100%;margin-top:0;padding:8px;border:none;border-radius:0;box-shadow:none;background:#ffffffeb;align-content:start}.crop-panel .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.crop-panel .head strong{font-size:13px}.crop-panel .actions{display:flex;align-items:center;gap:6px}.crop-panel .actions .action-btn.icon-only{width:28px;height:28px;padding:0;display:grid;place-items:center}.crop-panel .actions .action-btn.icon-only svg{width:16px;height:16px;display:block}.crop-panel .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crop-panel .cell{display:grid;gap:4px}.crop-panel .cell label{font-size:11px;opacity:.8;padding-left:2px}.crop-panel input[type=number]{width:100%;height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.12);padding:0 8px;background:#fffffff2;font-variant-numeric:tabular-nums;box-sizing:border-box}.crop-panel .hint{display:none;opacity:.75;font-size:11px;line-height:1.3}.crop-panel.is-extend .hint{display:block}.crop-auto-btn{width:100%}.fill-panel{z-index:900;display:none;width:136px;box-sizing:border-box;gap:8px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffeb;font-size:12px;margin-top:auto;box-shadow:0 10px 28px #0000001a}.container.fill-mode .fill-panel{display:grid;height:100%;margin-top:0;padding:8px;border:none;border-radius:0;box-shadow:none;background:#ffffffeb;align-content:start;grid-template-rows:auto auto auto auto;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.container.fill-mode .fill-panel::-webkit-scrollbar{width:0;height:0}.container.fill-mode .fill-panel{position:relative;z-index:1200}.fill-panel .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.fill-panel .head strong{font-size:13px}.fill-panel .actions{display:flex;align-items:center;gap:3px}.fill-panel .actions .action-btn.icon-only{width:25px;height:28px;padding:0;display:grid;place-items:center}.fill-panel .actions .action-btn.icon-only svg{width:16px;height:16px;display:block}.text-panel{--text-control-w: 112px;--text-range-w: 112px;z-index:900;display:none;width:136px;box-sizing:border-box;gap:10px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffeb;font-size:12px;margin-top:auto;box-shadow:0 10px 28px #0000001a}.container.text-mode .text-panel{display:grid;height:100%;margin-top:0;padding:10px 8px;border:none;border-radius:0;box-shadow:none;background:#fafafaf0;align-content:start;grid-template-rows:auto auto auto;position:relative;z-index:1200;overflow-x:hidden;overflow-y:auto}.text-panel .head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px}.text-panel .head strong{font-size:14px;line-height:1;letter-spacing:0}.text-panel .actions{display:flex;align-items:center;gap:4px}.text-panel .actions .action-btn.icon-only{width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:999px;box-shadow:none;background:#fff;border-color:#00000024}.text-panel .actions .action-btn.icon-only svg{width:15px;height:15px;display:block}.text-input-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-input{width:var(--text-control-w);max-width:100%;justify-self:center;min-height:68px;resize:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;color:#111;font:inherit;font-size:13px;line-height:1.3;padding:8px;outline:none;box-shadow:0 1px 2px #0000000a}.text-input:focus{border-color:#11111180;box-shadow:0 0 0 2px #11111114}.text-font-row{width:var(--text-control-w);max-width:100%;justify-self:center;display:grid;grid-template-columns:minmax(0,1fr);gap:3px;align-items:center;position:relative}.text-font-select{min-width:0;width:100%;height:24px;position:relative;font:inherit;font-size:11px;box-sizing:border-box}.text-font-trigger{width:100%;height:24px;display:grid;grid-template-columns:14px minmax(0,1fr) 12px;align-items:center;gap:4px;padding:0 5px;border:1px solid rgba(0,0,0,.14);border-radius:6px;background:#fffffff2;color:#111;font:inherit;font-size:11px;text-align:left;box-sizing:border-box;cursor:pointer}.text-font-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-font-trigger-chevron{width:10px;height:10px;color:#11111194;transition:transform .12s ease}.text-font-select.is-open .text-font-trigger-chevron{transform:rotate(180deg)}.text-font-menu{position:absolute;z-index:2200;top:var(--text-font-menu-top, 0);left:var(--text-font-menu-left, 0);width:var(--text-font-menu-w, 148px);max-height:var(--text-font-menu-h, 218px);overflow-x:hidden;overflow-y:auto;padding:5px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fffffffa;box-shadow:0 12px 28px #00000029;box-sizing:border-box}.text-font-menu[hidden]{display:none!important}.text-font-group{display:grid;gap:2px}.text-font-group+.text-font-group{margin-top:5px;padding-top:5px;border-top:1px solid rgba(0,0,0,.08)}.text-font-group-label{padding:0 4px 2px;color:#1111117a;font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-font-option{width:100%;min-height:26px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px 5px;border:0;border-radius:6px;background:transparent;color:#111;font:inherit;font-size:11px;text-align:left;cursor:pointer;box-sizing:border-box}.text-font-option:hover,.text-font-option:focus-visible{background:#11111112;outline:none}.text-font-option.is-selected{background:#1111111a;font-weight:600}.text-font-option.is-loading{cursor:progress}.text-font-option.is-upload{margin-top:5px;padding-top:5px;border-top:1px solid rgba(0,0,0,.08);color:#111111d1}.text-font-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-font-option-progress{color:#11111194;font-size:10px;line-height:1;font-variant-numeric:tabular-nums}.text-font-status{--font-download-pct: 0%;width:14px;height:14px;display:grid;place-items:center;color:#111111c7}.text-font-status svg{width:14px;height:14px;display:block}.text-font-status.is-loading{border-radius:999px;background:conic-gradient(rgba(17,17,17,.88) var(--font-download-pct),rgba(17,17,17,.13) 0);position:relative}.text-font-status.is-loading:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit;background:#fffffffa}.text-font-status.is-cached{color:#15803dd1}.text-font-status.is-loaded{color:#15803deb}.text-font-status.is-error{color:#be123ceb}.text-font-info-link{width:var(--text-control-w);max-width:100%;height:22px;justify-self:center;padding:0;border:0;background:transparent;color:#1111119e;font:inherit;font-size:11px;line-height:22px;text-align:center;cursor:pointer;text-decoration:underline;text-underline-offset:2px;box-shadow:none}.text-font-info-link:hover,.text-font-info-link:focus-visible{color:#111111eb;outline:none}.text-font-license-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:grid;place-items:center;padding:16px;pointer-events:none;box-sizing:border-box;overflow:hidden}.text-font-license-modal[hidden]{display:none!important}.text-font-license-dialog{width:min(260px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 48px));overflow-x:hidden;overflow-y:auto;display:grid;gap:6px;padding:8px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fffffffa;box-shadow:0 16px 44px #0000002e;pointer-events:auto;box-sizing:border-box}.text-font-license-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}.text-font-license-head strong{font-size:12px;line-height:1;color:#111111eb}.text-font-license-close{width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:#111111ad;font:inherit;font-size:18px;line-height:20px;cursor:pointer;box-shadow:none}.text-font-license-close svg{width:14px;height:14px;display:block;margin:auto}.text-font-license-close:hover,.text-font-license-close:focus-visible{background:#11111114;color:#111111eb;outline:none}.text-font-license-panel{display:grid;gap:5px;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:#111111c7;font-size:11px;line-height:1.28;box-sizing:border-box;overflow-x:hidden}.text-font-license-line{display:grid;gap:1px;min-width:0}.text-font-license-line strong{color:#111111eb;font-size:10px;line-height:1.1}.text-font-license-line span,.text-font-license-line a{min-width:0;overflow-wrap:anywhere;color:inherit}.text-font-delete-btn{width:100%;max-width:100%;height:22px;margin-top:2px;padding:0 6px;border:1px solid rgba(0,0,0,.14);border-radius:6px;background:#fffffff2;color:#111;font:inherit;font-size:10px;cursor:pointer;box-shadow:none;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-brush-select{width:var(--text-control-w);max-width:100%;justify-self:center;position:relative;font:inherit;font-size:11px;box-sizing:border-box}.text-brush-trigger{width:100%;min-width:0;height:28px;min-height:28px;display:grid;grid-template-columns:36px minmax(0,1fr) 12px;align-items:center;gap:5px;padding:3px 5px;border:1px solid rgba(0,0,0,.14);border-radius:7px;background:#fffffff2;color:#111;box-shadow:none;font:inherit;font-size:11px;text-align:left;box-sizing:border-box}.text-brush-trigger .brush-preview{width:36px;height:20px;border-radius:3px;background:#f5f5f5;image-rendering:pixelated}.text-brush-trigger .brush-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-brush-trigger-chevron{width:12px;height:12px;color:#11111194;transition:transform .12s ease;display:grid;place-items:center}.text-brush-trigger-chevron svg{width:12px;height:12px;display:block}.text-brush-select.is-open .text-brush-trigger-chevron{transform:rotate(180deg)}.text-brush-menu{position:absolute;z-index:2200;top:var(--text-brush-menu-top, 0);left:var(--text-brush-menu-left, 0);width:var(--text-brush-menu-w, 150px);max-height:var(--text-brush-menu-h, 260px);padding:8px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fffffff5;box-shadow:0 10px 28px #00000029;display:grid;gap:6px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;font-size:12px}.text-brush-menu[hidden]{display:none!important}.text-brush-menu::-webkit-scrollbar{width:4px}.text-brush-menu::-webkit-scrollbar-thumb{background:#0000002e;border-radius:2px}.text-brush-menu .action-btn{width:100%;height:auto;min-height:30px;box-shadow:none;display:flex;align-items:center;gap:6px;padding:2px 6px;border-radius:8px}.text-brush-menu .action-btn.is-active{background:#0000001a;font-weight:700}.text-brush-menu .brush-preview{width:36px;height:20px;border-radius:3px;background:#f5f5f5;flex-shrink:0;image-rendering:pixelated}.text-brush-menu .brush-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-brush-trigger:focus-visible,.text-brush-menu .action-btn:focus-visible{outline:2px solid rgba(17,17,17,.32);outline-offset:1px}.text-pattern-btn{width:var(--text-control-w);max-width:100%;justify-self:center;height:28px;display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:5px;padding:0 7px;border:1px solid rgba(0,0,0,.14);border-radius:7px;background:#fffffff2;color:#111;box-shadow:none;font:inherit;font-size:11px;text-align:left;box-sizing:border-box}.text-pattern-btn svg{width:15px;height:15px;display:block}.text-pattern-btn .text-pattern-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-pattern-btn:hover,.text-pattern-btn:focus-visible{background:#11111112;outline:none}.text-pattern-btn:disabled{opacity:.58;cursor:progress}.text-toggle{width:var(--text-control-w);max-width:100%;justify-self:center;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:1;color:#000000b8}.text-toggle input[type=checkbox]{width:28px;height:16px;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;background:#00000029;position:relative;outline:none;cursor:pointer;transition:background .15s ease}.text-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000038;transition:transform .15s ease}.text-toggle input[type=checkbox]:checked{background:#111111e6}.text-toggle input[type=checkbox]:checked:after{transform:translate(12px)}.text-wiggle-controls{width:var(--text-range-w);max-width:100%;justify-self:center;display:grid;gap:8px;min-width:0}.text-wiggle-controls[hidden]{display:none!important}.text-panel .row{display:flex;align-items:center;justify-content:center;gap:0;min-width:0}.container.text-mode .text-panel .range{width:var(--text-range-w);max-width:100%;display:block;position:relative;height:22px;box-sizing:border-box;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#ffffffd1;overflow:hidden}.container.text-mode .text-panel .range .slider-label,.container.text-mode .text-panel .range .slider-val{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;color:#111111d9;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums;white-space:nowrap}.container.text-mode .text-panel .range .slider-label{left:8px}.text-panel .range .slider-val{right:8px;min-width:0;text-align:right}.text-panel .slider-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#111111d9;clip-path:inset(0 calc(100% - var(--fill, 0%)) 0 0);border-radius:5px;pointer-events:none;z-index:3}.text-panel .slider-fill-label,.text-panel .slider-fill-val{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.text-panel .slider-fill-label{left:8px}.text-panel .slider-fill-val{right:8px}.container.text-mode .text-panel .range input[type=range]{width:100%;min-width:0;height:100%;padding:0;margin:0;display:block;background:transparent;cursor:pointer;touch-action:none;position:relative;z-index:4;-webkit-appearance:none;-moz-appearance:none;appearance:none}.text-panel .range input[type=range]::-webkit-slider-runnable-track{height:100%;background:transparent}.text-panel .range input[type=range]::-webkit-slider-thumb{width:0;height:0;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.text-panel .range input[type=range]::-moz-range-track{height:100%;border:none;background:transparent}.text-panel .range input[type=range]::-moz-range-thumb{width:0;height:0;border:none;background:transparent}.text-panel .range input[type=range]::-moz-range-progress{background:transparent}.fill-gradient-controls{display:grid;gap:6px}.fill-gradient-controls[hidden]{display:none!important}.fill-gradient-stops{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:5px;align-items:center}.fill-gradient-directions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.fill-gradient-stop{min-width:0;height:28px;padding:3px;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:8px}.fill-gradient-stop .stop-mark{font-size:10px;line-height:1;font-weight:700}.fill-gradient-stop .swatch{width:16px;height:16px;border-radius:5px;border:1px solid rgba(0,0,0,.16);background:var(--fill-stop-color, #000);box-sizing:border-box}.fill-gradient-stop.is-transparent .swatch{background-color:#fff;background-image:conic-gradient(#d9d9d9 25%,#fff 25%,#fff 50%,#d9d9d9 50%,#d9d9d9 75%,#fff 75%);background-size:8px 8px}.fill-gradient-stop.is-active{background:#111111eb;color:#fff;border-color:#111111eb}.fill-gradient-swap{width:26px;height:28px;padding:0;display:grid;place-items:center;box-shadow:none;border-radius:8px}.fill-gradient-swap svg{width:15px;height:15px}.fill-gradient-directions .action-btn.icon-only{width:100%;height:26px;padding:0;display:grid;place-items:center;box-shadow:none;border-radius:8px}.fill-gradient-directions .action-btn.icon-only svg{width:15px;height:15px}.fill-gradient-directions .action-btn.is-active{background:#111111eb;color:#fff;border-color:#111111eb}.fill-outline-palette{order:21;display:grid;gap:4px;min-width:0}.fill-outline-palette[hidden]{display:none!important}.fill-outline-label{padding:0 2px;color:#1111119e;font-size:10px;line-height:1.1}.fill-outline-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fill-outline-swatches .fill-color-btn[hidden]{display:none!important}.fill-color-btn.is-outline-color .swatch{box-shadow:inset 0 0 0 2px #ffffffad}.fill-palette{order:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--fill-palette-cell-size, auto);gap:6px}.fill-color-btn{width:100%;height:var(--fill-palette-cell-size, auto);aspect-ratio:1 / 1;min-width:0;min-height:0;padding:3px;border-radius:8px;border:1px solid rgba(0,0,0,.14);background:#fffffff0;box-shadow:none;cursor:pointer;display:grid;place-items:center;box-sizing:border-box}.fill-palette-toggle{font-size:10px;line-height:1;font-weight:700;color:#111111db}.fill-color-btn .swatch{width:100%;height:100%;border-radius:5px;border:1px solid rgba(0,0,0,.16);box-sizing:border-box;background:var(--fill-color, #000)}.fill-color-btn.is-transparent .swatch{background-color:#fff;background-image:conic-gradient(#d9d9d9 25%,#fff 25%,#fff 50%,#d9d9d9 50%,#d9d9d9 75%,#fff 75%);background-size:8px 8px;position:relative}.fill-color-btn.is-transparent .swatch:after{content:"";position:absolute;left:15%;right:15%;top:50%;height:2px;border-radius:999px;background:#e7433ceb;transform:rotate(-45deg)}.fill-color-btn.is-gradient-from .swatch{outline:2px solid rgba(38,111,255,.9);outline-offset:-2px}.fill-color-btn.is-gradient-to .swatch{box-shadow:inset 0 0 0 2px #ec5f25f2}.fill-color-btn.is-active{background:#111111eb;border-color:#111111eb}.crop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:none;pointer-events:none}.container.crop-mode .crop-overlay{display:block;pointer-events:auto}.crop-overlay-content{position:absolute;top:0;left:0;transform-origin:top left}.crop-overlay,.crop-overlay *{touch-action:none}.crop-shade{position:absolute;background:#00000038;display:none}.container.crop-mode .crop-shade{display:block}.crop-rect{position:absolute;border:0;box-sizing:border-box;background:transparent}.select-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:none;pointer-events:none}.container.select-mode .select-overlay{display:block;pointer-events:auto}.select-overlay-content{position:absolute;top:0;left:0;transform-origin:top left}.select-rect{position:absolute;border:0;box-sizing:border-box;background:transparent;transform-origin:50% 50%}.canvas-overlay-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.canvas-overlay-frame-rect{fill:transparent;stroke:#111111e0;stroke-width:var(--canvas-overlay-frame-svg-stroke, 2);rx:var(--canvas-overlay-frame-radius, 6px);ry:var(--canvas-overlay-frame-radius, 6px)}.select-rect .canvas-overlay-frame-rect{fill:#ffffff05;stroke:#111111eb;stroke-dasharray:var(--canvas-overlay-frame-svg-dash, 5 4)}.select-warp-outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;overflow:visible;pointer-events:none}.select-warp-polygon{fill:#ffffff06;stroke:#111111eb;stroke-width:var(--canvas-overlay-frame-svg-stroke, 2);stroke-dasharray:var(--canvas-overlay-frame-svg-dash, 5 4)}.select-handle{position:absolute;width:9px;height:9px;border-radius:5px;background:#fffffff2;border:1px solid rgba(0,0,0,.55);box-shadow:0 2px 8px #0000002e;transform:translate(-50%,-50%) scale(var(--canvas-overlay-control-inverse, 1));transform-origin:50% 50%;touch-action:none;cursor:grab}.select-handle:active{cursor:grabbing}.select-handle[data-h=rot]{width:11px;height:11px;border-radius:6px;cursor:grab}.canvas,.checkerboard,.canvas-bg,.canvas-custom-bg,.canvas-custom-bg-content{transform-origin:top left}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.is-canvas-clearing{display:inline-flex;align-items:center;justify-content:center;gap:6px}.canvas-clear-busy-icon{width:14px;height:14px;flex:0 0 auto;display:inline-grid;place-items:center;animation:canvasClearBusySpin .8s linear infinite}.canvas-clear-busy-icon svg{width:14px;height:14px;display:block}.canvas-clear-busy-label{min-width:0}@keyframes canvasClearBusySpin{to{transform:rotate(360deg)}}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#00000059;padding:16px;box-sizing:border-box}.modal-overlay.is-open{display:flex}#exportGifModal{z-index:1200}.modal-card{width:min(360px,100%);border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fffffffa;box-shadow:0 18px 50px #00000038;padding:12px;box-sizing:border-box;position:relative}.modal-card.is-draggable{position:absolute}.modal-card.is-whole-card-draggable{cursor:grab}.modal-card.is-whole-card-draggable.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.modal-card.anim-card{width:min(320px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.modal-head:active{cursor:grabbing}.action-btn.modal-close-btn{flex:0 0 auto;width:30px;height:30px;padding:0;display:grid;place-items:center;font-size:20px;line-height:1;font-weight:700;box-shadow:none;border-radius:8px}.action-btn.modal-close-btn svg{width:16px;height:16px;display:block}.action-btn.modal-close-btn:active{transform:translateY(0)}.modal-body{display:grid;gap:6px;font-size:13px;line-height:1.4}.import-asset-notice-card{width:min(380px,100%)}.import-asset-notice-message{margin:0;line-height:1.45;overflow-wrap:anywhere}.import-asset-notice-toggle{justify-content:space-between}#bgCropModal .modal-card{max-height:calc(100% - 24px);display:flex;flex-direction:column}#bgCropModal .modal-card.is-whole-card-draggable :is(button,input,select,textarea,a,label,.bg-crop-stage,.bg-crop-stage *){cursor:auto}#bgCropModal .modal-card.is-whole-card-draggable .action-btn{cursor:pointer}#bgCropModal .modal-body{overflow:auto;min-height:0}#settingsModal{padding:10px 16px 26px}#settingsModal .modal-card{max-height:calc(100% - 36px);display:flex;flex-direction:column}#settingsModal .modal-body{overflow:auto;min-height:0}.settings-tabs{display:flex;gap:6px}.settings-tabs .action-btn{flex:1;box-shadow:none}.settings-page{display:grid;gap:6px}.settings-page[hidden]{display:none!important}.settings-theme-options{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.settings-theme-more{min-width:120px}.settings-theme-more summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;opacity:.78}.settings-theme-more-list{display:flex;gap:10px;flex-wrap:wrap;padding-top:6px}.settings-about-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:0}#aboutBuildTime{opacity:.58;font-size:11px}.settings-link-btn{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;box-sizing:border-box;text-decoration:none}#thirdPartyNoticesModal{z-index:1200}#thirdPartyNoticesModal .modal-card{width:min(640px,100%);max-height:calc(100% - 36px);display:flex;flex-direction:column}.third-party-notices-body{overflow:auto;min-height:0;gap:8px}.third-party-notices-body h2{margin:8px 0 0;font-size:14px;line-height:1.2}.third-party-notices-body p{margin:0}.third-party-notices-body ul{margin:0;padding-left:18px}.third-party-notices-body li{margin:2px 0}.third-party-notices-body a{color:inherit;overflow-wrap:anywhere}.third-party-notices-body pre{max-height:180px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#00000009;font-size:11px;line-height:1.45;box-sizing:border-box}.settings-shortcuts{display:grid;gap:6px}.settings-shortcuts .row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.settings-shortcuts .row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-shortcuts .shortcut-slots{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}.settings-shortcuts kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:8px;border:1px solid rgba(0,0,0,.18);background:#ffffffd9;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:nowrap}.settings-shortcuts .shortcut-btn{width:auto;min-width:0;max-width:100%;box-shadow:none}.settings-tabs .desktop-only,.settings-page.desktop-only{display:none}@media (hover:hover) and (pointer:fine){.settings-tabs .desktop-only{display:inline-flex}.settings-page.desktop-only{display:grid}}.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal-field{display:grid;gap:4px;font-size:12px}.modal-field span{opacity:.85;padding-left:2px}.settings-label-help{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;vertical-align:middle}.modal-field .settings-label-help{opacity:1;padding-left:2px}.modal-field .settings-label-help>.settings-label-text{min-width:0;opacity:.85;padding-left:0}.settings-help-button{position:relative;width:16px;height:16px;flex:0 0 auto;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#00000075;box-shadow:none;cursor:help;touch-action:manipulation}.settings-help-button svg{width:15px;height:15px;display:block}.settings-help-button:hover,.settings-help-button:focus,.settings-help-button.is-open{color:#000000c2;background:#ffffff94}.settings-help-button:focus-visible{outline:2px solid rgba(0,0,0,.24);outline-offset:2px}.settings-help-popover{position:absolute;left:0;top:0;z-index:1;width:max-content;max-width:min(230px,calc(100% - 24px));box-sizing:border-box;padding:7px 9px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#161616f0;color:#fff;box-shadow:0 10px 26px #00000038;font-size:11px;font-weight:500;line-height:1.45;text-align:left;white-space:normal;overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.settings-help-popover.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.custom-brush-card{width:min(420px,100%);max-height:calc(100% - 32px);display:flex;flex-direction:column}.custom-brush-form{min-height:0;overflow:auto}.custom-brush-card :is(button,input,select,textarea,label){pointer-events:auto;touch-action:manipulation}.custom-brush-card select.modal-input{cursor:pointer;-webkit-user-select:auto;user-select:auto}.custom-brush-preview{width:100%;height:64px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#f7f7f7;image-rendering:pixelated;box-sizing:border-box}.custom-brush-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.custom-brush-image-row{display:flex;align-items:center;gap:8px;min-width:0}.custom-brush-image-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.custom-brush-toggle{justify-content:space-between}.custom-brush-actions{align-items:center}.custom-brush-action-spacer{flex:1 1 auto}.action-btn.danger{color:#9b1c1c}@media (max-width: 420px){.custom-brush-grid{grid-template-columns:1fr}}.modal-input{width:100%;height:30px;border-radius:10px;border:1px solid rgba(0,0,0,.12);padding:0 10px;background:#fffffff2;font-variant-numeric:tabular-nums;box-sizing:border-box}#autoSaveRestoreModal .modal-card,#autoSaveRestoreModal .modal-body,#autoSaveRestoreModal .modal-field{min-width:0;max-width:100%;overflow-x:hidden}.restore-version-list{display:grid;gap:6px;max-height:180px;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.restore-version-btn{width:100%;min-width:0;max-width:100%;min-height:52px;padding:6px;box-shadow:none;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;text-align:left;box-sizing:border-box}.restore-version-thumb{width:54px;height:40px;border-radius:8px;border:1px solid rgba(0,0,0,.14);background:#ffffffd1;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;color:#1111118c;font-size:11px}.restore-version-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated;display:block}.restore-version-detail{min-width:0;max-width:100%;display:grid;gap:2px}.restore-version-btn .restore-version-time{min-width:0;max-width:100%;font-size:11px;opacity:.78;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.restore-version-btn.is-active{background:#111111eb;color:#fff;border-color:#111111eb}.restore-empty{min-width:0;max-width:100%;padding:10px;border:1px dashed rgba(0,0,0,.18);border-radius:10px;background:#ffffffb8;color:#111111b8;text-align:center;overflow-wrap:anywhere;box-sizing:border-box}.restore-modal-actions{min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;overflow-x:hidden}.restore-modal-actions .action-btn{min-width:0}.restore-version-count{min-width:0;padding-left:2px;font-size:12px;opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gif-filename-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-left:0!important}.gif-filename-row .modal-input{border-top-right-radius:0;border-bottom-right-radius:0}.gif-filename-suffix{height:30px;display:inline-flex;align-items:center;padding:0 10px!important;border:1px solid rgba(0,0,0,.12);border-left:0;border-radius:0 10px 10px 0;background:#0000000d;box-sizing:border-box;font-variant-numeric:tabular-nums;opacity:.9!important}.wpaint-filename-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-left:0!important}.wpaint-filename-row .modal-input{border-top-right-radius:0;border-bottom-right-radius:0}.wpaint-filename-suffix{height:30px;display:inline-flex;align-items:center;padding:0 10px!important;border:1px solid rgba(0,0,0,.12);border-left:0;border-radius:0 10px 10px 0;background:#0000000d;box-sizing:border-box;font-variant-numeric:tabular-nums;opacity:.9!important}.gif-format-select{display:block;width:70px;min-width:70px;padding:0 8px!important;color:inherit;font:inherit;cursor:pointer}.gif-format-select.export-format-native{display:none!important}.export-format-trigger{width:70px;min-width:70px;justify-content:space-between;gap:4px;color:inherit;font:inherit;cursor:pointer;text-align:left}.export-format-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-format-trigger-chevron{width:12px;height:12px;display:grid;place-items:center;color:#11111194;transition:transform .12s ease;flex-shrink:0}.export-format-trigger-chevron svg{width:12px;height:12px;display:block}.export-format-trigger.is-open .export-format-trigger-chevron{transform:rotate(180deg)}.export-format-menu{position:absolute;z-index:2200;top:var(--export-format-menu-top, 0);left:var(--export-format-menu-left, 0);width:var(--export-format-menu-w, 220px);max-height:var(--export-format-menu-h, 220px);display:grid;gap:2px;padding:6px;border:1px solid rgba(0,0,0,.14);border-radius:10px;background:#fffffffa;box-shadow:0 14px 32px #0000002e;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.export-format-menu[hidden]{display:none!important}.export-format-option{width:100%;min-height:30px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px;padding:5px 7px;border:0;border-radius:8px;background:transparent;color:#111;font:inherit;font-size:12px;text-align:left;cursor:pointer;box-sizing:border-box}.export-format-option:hover,.export-format-option:focus-visible{background:#11111112;outline:none}.export-format-option.is-selected{background:#1111111a;font-weight:700}.export-format-option-label{white-space:nowrap;font-variant-numeric:tabular-nums}.export-format-option-description{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1111119e;font-size:11px;font-weight:400}.export-mp4-repeat-row{grid-template-columns:minmax(0,1fr) 68px;align-items:center;gap:8px}.export-mp4-repeat-row .modal-input{width:68px;justify-self:end;text-align:center}.export-gif-bg-toggle{margin-top:2px}.bg-crop-stage{width:var(--bg-crop-stage-w, min(240px,100%));height:var(--bg-crop-stage-h, auto);max-width:100%;margin:0 auto;aspect-ratio:var(--bg-crop-aspect, 360/340);border-radius:12px;border:1px solid rgba(0,0,0,.1);overflow:hidden;background:#0000000a}.bg-crop-stage canvas{width:100%;height:100%;display:block;touch-action:none}.bg-crop-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bg-crop-controls input[type=range]{flex:1 1 120px;min-width:120px;accent-color:#111}.anim-bar{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:8px}.anim-frames{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#ffffffbf;touch-action:none}.anim-frame-btn{width:34px;height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:#ffffffeb;cursor:pointer;touch-action:none}.anim-frame-btn.is-active{background:#111111eb;color:#fff;border-color:#111111eb}.anim-frame-btn.is-selected{box-shadow:0 0 0 2px #000000bf inset}.anim-frame-btn.is-dragging{opacity:.75}.anim-frame-btn canvas{width:28px;height:20px;image-rendering:pixelated}.anim-frame-placeholder{width:34px;height:28px;border-radius:10px;border:2px dashed rgba(0,0,0,.45);box-sizing:border-box;background:#00000005}.anim-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.anim-row input[type=number]{width:96px;height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.12);padding:0 8px}.num-pad{position:fixed;z-index:2000;width:248px;max-width:calc(100vw - 16px);border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fffffffa;box-shadow:0 18px 50px #00000038;padding:10px;box-sizing:border-box}.num-pad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.num-pad .action-btn{width:100%;height:34px;padding:0;box-shadow:none;font-variant-numeric:tabular-nums}.num-pad .action-btn.is-wide{grid-column:span 2}.num-pad .action-btn.is-full{grid-column:1 / -1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f5f5f5;display:none;flex-direction:column;padding:12px;box-sizing:border-box;z-index:3;overflow:hidden}.container.color-mode .tool-btn,.container.color-mode .sidebar{display:none}.container.color-mode .jitter-panel{display:none!important}.container.color-mode .canvas,.container.color-mode .checkerboard,.container.color-mode .canvas-custom-bg,.container.color-mode .palette-panel{display:none}.jitter-panel{position:absolute;top:8px;left:8px;z-index:950;display:none;grid-template-rows:auto auto;gap:6px;padding:6px 8px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffdb;font-size:11px;cursor:grab}.jitter-panel:active{cursor:grabbing}.container.advanced .jitter-panel{display:grid}.jitter-panel,.jitter-panel *{touch-action:none}.jitter-panel .row{display:flex;align-items:center;gap:6px}.jitter-panel .label{opacity:.8}.jitter-panel .slider-track{display:block;position:relative;flex:1;min-width:0;height:22px;border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#ffffffd1;padding:0;box-sizing:border-box}.jitter-panel .slider-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;color:#111111d9;pointer-events:none;z-index:2;white-space:nowrap}.jitter-panel .slider-val{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;color:#111111d9;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums;white-space:nowrap}.jitter-panel .slider-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#111111d9;clip-path:inset(0 calc(100% - var(--fill, 0%)) 0 0);border-radius:5px;pointer-events:none;z-index:3}.jitter-panel .slider-fill-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;color:#fff;white-space:nowrap}.jitter-panel .slider-fill-val{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.jitter-panel .slider-track input[type=range]{--fill: 0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:none;position:relative;z-index:4}.jitter-panel input[type=range]::-webkit-slider-runnable-track{background:transparent;height:100%}.jitter-panel input[type=range]::-moz-range-track{background:transparent;height:100%;border:none}.jitter-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;border:none;background:transparent}.jitter-panel input[type=range]::-moz-range-thumb{width:0;height:0;border:none;background:transparent}.jitter-panel input[type=range]::-moz-range-progress{background:transparent}.jitter-panel .slider-ext-label{flex-shrink:0;font-size:10px;line-height:1;color:#111111d9;white-space:nowrap}.jitter-panel .slider-ext-row .slider-label,.jitter-panel .slider-ext-row .slider-val,.jitter-panel .slider-ext-row .slider-fill-label,.jitter-panel .slider-ext-row .slider-fill-val{display:none}.jitter-panel .slider-ext-input{width:20px;height:20px;flex-shrink:0;border-radius:4px;border:1px solid rgba(0,0,0,.2);padding:0 4px;font-size:10px;text-align:right;background:#ffffffe6;outline:none;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.jitter-panel .slider-ext-input::-webkit-inner-spin-button,.jitter-panel .slider-ext-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jitter-panel input:disabled{opacity:.5}.jitter-panel input[type=number]:not(.slider-ext-input){width:56px;height:24px;border-radius:8px;border:1px solid rgba(0,0,0,.12);padding:0 6px;background:#ffffffe6}.jitter-panel select{height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;padding:0 8px}.jitter-panel .toggle{padding:2px 0;gap:6px}.toggle{display:inline-flex;align-items:center;gap:6px;padding:2px 0;border-radius:0;border:none;background:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;max-width:100%}.toggle[hidden]{display:none!important}.toggle input[type=checkbox]{width:28px;height:16px;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;background:#00000026;position:relative;outline:none;cursor:pointer;transition:background .15s ease}.toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .15s ease}.toggle input[type=checkbox]:checked{background:#111111e6}.toggle input[type=checkbox]:checked:after{transform:translate(12px)}.toggle input[type=radio]{width:18px;height:18px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;background:#fffffff2;border:1px solid rgba(0,0,0,.28);position:relative;outline:none;cursor:pointer;transition:border-color .15s ease,background .15s ease}.toggle input[type=radio]:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:#111111eb;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.toggle input[type=radio]:checked{border-color:#0000008c}.toggle input[type=radio]:checked:after{opacity:1;transform:scale(1)}.toggle span{line-height:1}.range{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#ffffffd9}.range input[type=range]{width:140px;accent-color:#111;touch-action:none}.pill{min-width:22px;text-align:center;padding:2px 8px;border-radius:999px;background:#111111eb;color:#fff;font-variant-numeric:tabular-nums}.action-btn{position:relative;padding:6px 10px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#ffffffeb;color:#111;cursor:pointer;box-shadow:0 2px 10px #00000014}.action-btn:hover{background:#fffffffa}.action-btn:active{transform:translateY(1px)}#bgCropModal .action-btn:active{transform:translateY(0)}.action-btn.is-active{background:#111111eb;color:#fff;border-color:#111111eb}.checkerboard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:none;pointer-events:none;background-size:16px 16px;background-position:0 0}.palette-panel{z-index:2;display:grid;grid-template-columns:repeat(4,26px);grid-auto-rows:26px;gap:4px;width:136px;padding:10px;box-sizing:border-box;overflow-x:hidden}.palette-toggle-btn{font-size:10px;line-height:1;font-weight:700;color:#111111db;text-align:center}.palette-more-btn,.palette-collapse-btn{box-shadow:0 2px 10px #0000000f}.container.palette-compact.palette-main-compact-6 .palette-panel .palette-btn.is-compact-extra,.container.palette-compact .palette-panel .palette-btn.is-extra,.container.palette-expanded.palette-main-expanded-16 .palette-panel .palette-btn.is-extra{display:none}.container.palette-expanded .palette-panel .palette-more-btn,.container.palette-compact .palette-panel .palette-collapse-btn{display:none!important}.container.palette-expanded .palette-panel{max-height:156px;overflow-y:auto;align-content:start;scrollbar-width:none;-ms-overflow-style:none}.container.palette-expanded .palette-panel::-webkit-scrollbar{width:0;height:0}.container.palette-compact .fill-palette .is-extra,.container.palette-compact .fill-palette .is-less-toggle,.container.palette-expanded .fill-palette .is-more-toggle{display:none}.container.palette-expanded .fill-palette{--fill-palette-cell-size: 29.5px ;max-height:calc(var(--fill-palette-cell-size) + var(--fill-palette-cell-size) + var(--fill-palette-cell-size) + var(--fill-palette-cell-size) + var(--fill-palette-cell-size) + 24px + 10px);overflow-y:auto;padding:4px 0 6px;align-content:start;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.container.palette-expanded .fill-palette::-webkit-scrollbar{width:0;height:0}.pattern-picker{z-index:3;position:relative;width:136px}.container.color-mode .pattern-picker{display:none}.pattern-select{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:#ffffffeb;padding:0 10px;cursor:pointer;box-shadow:0 2px 10px #00000014}.pattern-select:active{transform:translateY(1px)}.pattern-select .thumb{width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:#ffffffb3;image-rendering:pixelated}.pattern-popover{position:absolute;left:auto;right:0;bottom:34px;width:152px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fffffff5;box-shadow:0 10px 28px #00000029;padding:10px;display:none;box-sizing:border-box;z-index:40}.pattern-popover.is-open{display:block}.pattern-popover{max-height:320px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.pattern-popover::-webkit-scrollbar{width:0;height:0}.pattern-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pattern-item{height:34px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fffc;cursor:pointer;display:grid;place-items:center;padding:0}.pattern-item.is-active{background:#111111eb;border-color:#00000040}.pattern-item canvas{width:22px;height:22px;image-rendering:pixelated}.pattern-item .label{font-size:10px;opacity:.85}.pattern-external-group{position:relative}.pattern-external-group:after{content:"";position:absolute;right:4px;bottom:4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(17,17,17,.62)}.pattern-external-group.is-active:after{border-top-color:#fff}.pattern-external-group.is-expanded:after{transform:rotate(180deg)}.pattern-external-menu{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#1111110a}.pattern-stage{margin-top:10px;display:grid;gap:8px}.pattern-edit{display:none;gap:6px;align-items:center;flex-wrap:wrap}.pattern-edit.is-visible{display:flex}.pattern-preview{width:40px;height:40px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fffc;display:grid;place-items:center}.pattern-preview canvas{width:32px;height:32px;image-rendering:pixelated}.pattern-main-actions .action-btn.icon-only{flex:0 0 auto;width:30px;height:30px;padding:0;display:grid;place-items:center;box-shadow:none}.pattern-main-actions .action-btn.icon-only svg{width:16px;height:16px;display:block}.pattern-delete-btn:hover,.pattern-delete-btn:focus-visible{color:#b42318;border-color:#b4231847;background:#fff6f5fa}.pattern-edit .action-btn.icon-only{flex:0 0 auto;width:28px;height:28px;padding:0;display:grid;place-items:center}.pattern-edit .action-btn.icon-only svg{width:16px;height:16px;display:block}.pattern-options-toggle.is-active{background:#111111e0;color:#fff;border-color:#00000040}.pattern-stage .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pattern-alpha-label{font-size:13px;display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.pattern-rotation-options{width:100%;display:grid;grid-template-columns:1fr;gap:4px}.pattern-rotation-options[hidden]{display:none!important}.pattern-option-label{min-width:0;font-size:12px;line-height:1.2;display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.pattern-alpha-label input,.pattern-option-label input{flex:0 0 auto}.pattern-mode-btn{flex:1;font-size:12px}.pattern-mode-btn.is-active{background:#111111e0;color:#fff;border-color:#00000040}.pattern-scale-label{font-size:12px;white-space:nowrap}.pattern-scale-range{flex:1;min-width:0}.pattern-scale-val{font-size:12px;min-width:24px;text-align:right}.pattern-shape-btn{width:100%;font-size:12px;text-align:center;padding:2px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-shape-menu{position:fixed;min-width:140px;padding:8px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fffffff5;box-shadow:0 10px 28px #00000029;display:none;box-sizing:border-box;z-index:100;font-size:12px;max-height:260px;overflow-y:auto}.pattern-shape-menu::-webkit-scrollbar{width:4px}.pattern-shape-menu::-webkit-scrollbar-thumb{background:#0000002e;border-radius:2px}.pattern-shape-menu.is-open{display:grid;gap:6px}.pattern-shape-menu .action-btn{width:100%;height:auto;min-height:30px;box-shadow:none;display:flex;align-items:center;gap:6px;padding:2px 6px}.pattern-shape-menu .action-btn.is-active{background:#0000001a;font-weight:700}.palette-btn{width:26px;height:26px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#ffffffeb;cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 2px 10px #0000000f;overflow:hidden}.palette-btn:active{transform:translateY(1px)}.palette-btn.is-active{background:#111111eb;border-color:#00000040}.palette-btn svg{width:16px;height:16px}.palette-btn .wrap{position:relative;width:18px;height:18px;border-radius:8px;display:block}.palette-btn .swatch{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:inherit;border:1px solid rgba(0,0,0,.18);box-sizing:border-box;transform:none;box-shadow:inset 0 1px #ffffff57,inset 0 -1px #0000001f}.palette-btn.is-active .swatch{border-color:#ffffff9e}.palette-btn .wrap:after{content:"";position:absolute;left:4px;top:4px;width:7px;height:2px;border-radius:999px;background:#ffffff8f;transform:rotate(-35deg);pointer-events:none}.palette-toggle-btn span{display:block;transform:scale(.92);transform-origin:center}.color-layout{display:grid;grid-template-columns:160px 1fr;grid-auto-rows:minmax(0,1fr);gap:10px;flex:1;min-height:0}.color-side{display:grid;grid-template-rows:minmax(0,1fr);gap:10px;min-height:0;overflow:hidden}.card{border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffe0;padding:10px;min-height:0}.container.color-mode .overlay{padding:10px}.container.color-mode .card{border:none;background:#ffffffb8;padding:8px}.container.color-mode .color-layout>.card{display:flex;flex-direction:column;position:relative}.container.color-mode .color-header{margin-bottom:8px}.container.color-mode .color-actions{width:100%;min-width:0;flex-wrap:nowrap;justify-content:flex-end;gap:8px}.container.color-mode .color-actions .toggle{min-width:0;white-space:nowrap}.container.color-mode .color-actions .toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.color-mode .color-actions #back{flex:0 0 auto}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;min-height:0}.container.color-mode .color-grid{--color-grid-cell-size: 46px;--color-grid-height: 162px;--color-grid-pad: 6px;flex:0 0 auto;width:100%;max-width:100%;height:var(--color-grid-height);grid-template-columns:repeat(6,var(--color-grid-cell-size));grid-auto-rows:var(--color-grid-cell-size);justify-content:start;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:var(--color-grid-pad);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.container.color-mode .color-grid.is-layout-repairing{transform:translateZ(0)}.container.color-mode .color-grid::-webkit-scrollbar{width:0;height:0}.color-grid:not(.is-expanded) .color-cell.is-extra,.color-grid:not(.is-expanded) .color-grid-toggle-cell.is-less-toggle,.color-grid.is-expanded .color-grid-toggle-cell.is-more-toggle{display:none}.color-grid-head{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px}.color-cell{position:relative;aspect-ratio:1 / 1;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#ffffffbf;overflow:hidden;box-sizing:border-box}.container.color-mode .color-cell{width:100%;height:100%;aspect-ratio:auto;border-radius:10px;border-color:#0000001a;background:transparent}.color-cell input[type=color],.outline-colors .mini input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:inherit}.container.color-mode .color-grid .color-cell input[type=color]{pointer-events:none}.color-cell input[type=color]::-webkit-color-swatch-wrapper,.outline-colors .mini input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-cell input[type=color]::-webkit-color-swatch,.outline-colors .mini input[type=color]::-webkit-color-swatch{border:0;border-radius:inherit}.color-cell input[type=color]::-moz-color-swatch,.outline-colors .mini input[type=color]::-moz-color-swatch{border:0;border-radius:inherit}.color-cell .color-role,.outline-colors .mini .color-role{position:absolute;left:6px;top:5px;z-index:1;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-role-fg, rgba(17,17,17,.86));font-size:10px;line-height:1;font-weight:600;letter-spacing:0;pointer-events:none}.color-cell .color-role.is-role-split,.outline-colors .mini .color-role.is-role-split{overflow:visible;text-overflow:clip;white-space:pre-line;font-size:9px;line-height:.92;text-align:center}.color-cell:focus-within,.outline-colors .mini:focus-within{border-color:#1111115c;box-shadow:0 0 0 2px #11111114}.color-grid-toggle-cell{display:grid;place-items:center;background:#ffffffe0}.color-grid-toggle-btn{width:100%;height:100%;border:0;border-radius:inherit;background:transparent;color:#111111db;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:0}#colorPage input[type=color].use-iro:disabled{opacity:1;cursor:pointer;pointer-events:none}#iroPickerModal{position:absolute;top:0;right:0;bottom:0;left:0}#iroImagePickerModal{position:fixed;top:0;right:0;bottom:0;left:0}#iroPickerModal{z-index:3100;padding:0;align-items:stretch;justify-content:stretch;background:#f5f5f5fa}#iroImagePickerModal{z-index:3200}#iroPickerModal .modal-card{width:100%;height:100%;max-height:none;display:flex;flex-direction:column;overflow:hidden;padding:var(--iro-panel-pad, 14px);border:0;border-radius:0;box-shadow:none;background:#fffffffa}#iroPickerModal .modal-card.is-draggable{position:relative;left:auto!important;top:auto!important}#iroPickerModal .modal-body{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,var(--iro-side-w, 160px)) var(--iro-picker-size, 176px);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"compare wheel" "tools wheel" "channels wheel" "actions wheel";justify-content:center;align-items:start;column-gap:var(--iro-gap, 10px);row-gap:var(--iro-gap, 10px);overflow:hidden}#iroPickerModal .modal-actions{grid-area:actions;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;gap:var(--iro-compare-gap, 4px);margin-top:0}#iroPickerModal .modal-actions .action-btn{min-width:0;min-height:var(--iro-control-h, 32px);padding:0 var(--iro-compare-gap, 4px);font-size:var(--iro-compare-font, 12px)}.iro-picker-tools{grid-area:tools;width:100%;justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--iro-compare-gap, 4px)}.iro-picker-icon-btn{width:var(--iro-icon-btn, 34px);height:var(--iro-control-h, 32px);padding:0;display:grid;place-items:center;border-radius:var(--iro-radius, 8px)}.iro-picker-icon-btn svg{width:var(--iro-icon, 16px);height:var(--iro-icon, 16px);display:block}.iro-picker-tools .iro-picker-icon-btn{width:100%}.iro-picker-tools .modal-input{grid-column:1 / -1;height:var(--iro-control-h, 32px);padding:0 var(--iro-compare-gap, 4px);border-radius:var(--iro-radius, 8px);font-size:var(--iro-compare-font, 12px);text-align:center;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.iro-picker-compare{grid-area:compare;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.iro-compare-item{display:grid;gap:0;font-size:var(--iro-compare-font, 12px)}.iro-color-swatch{width:100%;height:var(--iro-swatch-h, 30px);border-radius:var(--iro-radius, 8px);border:1px solid rgba(0,0,0,.14);background:var(--swatch-color,#000000);box-sizing:border-box}.iro-compare-item:first-child .iro-color-swatch{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.iro-compare-item:last-child .iro-color-swatch{border-top-left-radius:0;border-bottom-left-radius:0}.iro-picker-channels{grid-area:channels;width:100%;min-height:0;display:grid;gap:var(--iro-channel-gap, 3px);align-content:start;overflow:hidden}.iro-channel-row{min-width:0;height:var(--iro-channel-h, 20px);display:grid;grid-template-columns:var(--iro-channel-label-w, 12px) minmax(0,1fr) var(--iro-channel-number-w, 40px);align-items:center;gap:var(--iro-compare-gap, 4px);font-size:var(--iro-compare-font, 12px);line-height:1}.iro-channel-row span{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.iro-channel-range{width:100%;min-width:0;height:var(--iro-channel-number-h, 20px);margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.iro-channel-range::-webkit-slider-runnable-track{height:max(8px,calc(var(--iro-channel-number-h, 20px) * .52));border:1px solid rgba(0,0,0,.16);border-radius:999px;background:var(--iro-channel-gradient, linear-gradient(90deg,#000,#fff));box-shadow:inset 0 1px 1px #ffffff61}.iro-channel-range::-moz-range-track{height:max(8px,calc(var(--iro-channel-number-h, 20px) * .52));border:1px solid rgba(0,0,0,.16);border-radius:999px;background:var(--iro-channel-gradient, linear-gradient(90deg,#000,#fff));box-shadow:inset 0 1px 1px #ffffff61}.iro-channel-range::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:var(--iro-channel-number-h, 20px);height:var(--iro-channel-number-h, 20px);margin-top:calc((max(8px,calc(var(--iro-channel-number-h, 20px) * .52)) - var(--iro-channel-number-h, 20px)) / 2);border:2px solid #fff;border-radius:999px;background:var(--iro-channel-thumb-color, #111);box-shadow:0 0 0 1px #00000073,0 1px 4px #0003}.iro-channel-range::-moz-range-thumb{width:var(--iro-channel-number-h, 20px);height:var(--iro-channel-number-h, 20px);border:2px solid #fff;border-radius:999px;background:var(--iro-channel-thumb-color, #111);box-shadow:0 0 0 1px #00000073,0 1px 4px #0003}.iro-channel-number{width:100%;min-width:0;height:var(--iro-channel-number-h, 20px);padding:0 2px;border:1px solid rgba(0,0,0,.12);border-radius:max(4px,calc(var(--iro-radius, 8px) * .7));background:#fffffff2;box-sizing:border-box;font-size:var(--iro-compare-font, 12px);text-align:center;font-variant-numeric:tabular-nums}.iro-picker-mount{grid-area:wheel;width:var(--iro-picker-size, 196px);height:var(--iro-picker-size, 196px);align-self:center;justify-self:center;display:grid;place-items:center;min-width:0;min-height:0;overflow:visible}.iro-wheel-picker{width:var(--iro-picker-size, 196px);height:var(--iro-picker-size, 196px);flex:0 0 auto;display:grid;place-items:center;touch-action:none}.iro-wheel-canvas{width:100%;height:100%;display:block;border-radius:999px;touch-action:none}#iroImagePickerModal .modal-card{width:min(520px,calc(100vw - 18px));max-height:calc(100dvh - 18px);display:flex;flex-direction:column;overflow:hidden}#iroImagePickerModal .modal-body{min-height:0;overflow:auto}.iro-image-picker-stage{position:relative;width:100%;height:clamp(220px,56dvh,420px);min-height:0;display:grid;place-items:center;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffeb;overflow:hidden;touch-action:none;box-sizing:border-box;cursor:crosshair}.iro-image-picker-box{position:absolute;left:0;top:0;width:1px;height:1px;touch-action:none;will-change:transform,width,height}.iro-image-picker-box img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:crosshair}.iro-image-picker-marker{position:absolute;width:22px;height:22px;border-radius:999px;border:2px solid #fff;background:var(--marker-color,#000);box-shadow:0 0 0 2px #000000b8,0 4px 12px #0000003d;padding:0;transform:translate(-50%,-50%);cursor:grab;touch-action:none;display:none}.iro-image-picker-marker:active{cursor:grabbing}.iro-image-picker-readout{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px}.iro-image-picker-readout .modal-input{height:32px;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width: 560px),(max-height: 520px){#iroPickerModal{padding:0}#iroPickerModal .modal-card{width:100%;height:100%;max-height:none;padding:max(var(--iro-panel-pad, 8px),env(safe-area-inset-top)) max(var(--iro-panel-pad, 8px),env(safe-area-inset-right)) max(var(--iro-panel-pad, 8px),env(safe-area-inset-bottom)) max(var(--iro-panel-pad, 8px),env(safe-area-inset-left));border-radius:0}.iro-picker-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.iro-image-picker-stage{height:clamp(180px,48dvh,340px)}}@media (max-height: 430px){.iro-wheel-picker{max-height:100%}#iroImagePickerModal .modal-head{margin-bottom:6px}.iro-image-picker-stage{height:clamp(150px,42dvh,260px)}}.role{position:absolute;top:6px;left:8px;font-size:10px;opacity:.85;pointer-events:none;background:#ffffffd1;border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:1px 6px;line-height:1.2}.color-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.color-header strong{font-size:14px}.color-actions{display:flex;align-items:center;gap:10px}.color-actions select{height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;padding:0 8px}.outline-colors{display:none;gap:8px;align-items:center;margin-bottom:10px}.container.color-mode .outline-colors{margin:0 0 8px;display:none;grid-template-columns:repeat(6,min(72px,calc((100% - 30px) / 6)));justify-content:start;gap:6px;align-items:stretch}.outline-colors-help{grid-column:1 / -1;font-size:11px;line-height:1.35;color:#111111b8;padding:0 2px}.outline-colors-divider{grid-column:1 / -1;height:1px;background:#0000001f;margin-top:2px}.outline-colors .mini{position:relative;width:56px;aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;padding:0;box-sizing:border-box;overflow:hidden}.container.color-mode .outline-colors .mini{width:auto;height:auto;border-radius:10px;border-color:#0000001a;background:transparent}.outline-colors .mini.is-active{border-color:#111111eb;box-shadow:0 0 0 2px #111111eb;background:transparent}.outline-colors .mini:focus-visible{outline:2px solid rgba(17,17,17,.85);outline-offset:2px}.preview-wrap{width:min(152px,100%);max-width:152px;aspect-ratio:var(--preview-aspect, 360 / 340);border:1px solid rgba(0,0,0,.12);border-radius:10px;overflow:hidden;box-sizing:border-box}.container.color-mode .preview-wrap{border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffeb}.preview-bg{width:100%;height:100%;display:grid;place-items:center}.preview-canvas{max-width:100%;max-height:100%;image-rendering:pixelated}.scheme-list,.scheme-action-menu,.scheme-manage-card{--scheme-item-font: 12px;--scheme-item-pad-y: 6px;--scheme-item-pad-x: 10px;--scheme-item-radius: 10px;--scheme-item-line: 1.2;--scheme-item-h: calc((var(--scheme-item-font) * var(--scheme-item-line)) + (var(--scheme-item-pad-y) * 2) + 2px)}.scheme-list{margin-top:10px;display:grid;gap:6px;max-height:150px;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;align-content:start}.scheme-row{display:flex;align-items:stretch;gap:6px;min-width:0;max-width:100%}.scheme-row .scheme-item{flex:1;min-width:0;min-height:var(--scheme-item-h);padding:var(--scheme-item-pad-y) var(--scheme-item-pad-x);border-radius:var(--scheme-item-radius);font-size:var(--scheme-item-font);line-height:var(--scheme-item-line)}.scheme-delete-btn,.scheme-more-btn{flex:0 0 auto;align-self:stretch;width:auto;min-width:var(--scheme-item-h);aspect-ratio:1 / 1;padding:0;border-radius:var(--scheme-item-radius);display:grid;place-items:center;box-shadow:none}.scheme-more-btn svg{width:calc(var(--scheme-item-font) + 4px);height:calc(var(--scheme-item-font) + 4px);display:block}.scheme-action-menu{position:absolute;left:0;top:0;min-width:calc(var(--scheme-item-h, 28px) * 4.35);padding:calc(var(--scheme-item-h, 28px) * .18);border:1px solid rgba(0,0,0,.14);border-radius:calc(var(--scheme-item-radius, 10px) * .8);background:#fffffffa;box-shadow:0 calc(var(--scheme-item-h, 28px) * .36) calc(var(--scheme-item-h, 28px) * 1) #00000029;display:grid;gap:calc(var(--scheme-item-h, 28px) * .14);box-sizing:border-box;z-index:3600}.scheme-action-menu[hidden]{display:none!important}.scheme-menu-item{width:100%;min-width:0;min-height:var(--scheme-item-h, 28px);padding:0 var(--scheme-item-pad-x, 10px);border:0;border-radius:calc(var(--scheme-item-radius, 10px) * .65);background:transparent;color:#111;cursor:pointer;font:inherit;font-size:var(--scheme-item-font, 12px);line-height:var(--scheme-item-line, 1.2);display:flex;align-items:center;gap:calc(var(--scheme-item-h, 28px) * .28);text-align:left;box-sizing:border-box}.scheme-menu-item:hover,.scheme-menu-item:focus-visible{background:#00000012;outline:none}.scheme-menu-item:active{background:#0000001f}.scheme-menu-icon{flex:0 0 auto;width:calc(var(--scheme-item-font, 12px) + 3px);height:calc(var(--scheme-item-font, 12px) + 3px);display:grid;place-items:center}.scheme-menu-icon svg{width:calc(var(--scheme-item-font, 12px) + 3px);height:calc(var(--scheme-item-font, 12px) + 3px);display:block}.scheme-menu-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheme-menu-delete{color:#b42318}.scheme-manage-card{width:min(calc(var(--scheme-item-h) * 12),100%)}.container.color-mode .color-side .card{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden}.container.color-mode .preview-wrap{flex:0 1 auto;max-height:104px}.container.color-mode .scheme-list{flex:1 1 0;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto}.container.color-mode .scheme-row,.container.color-mode .scheme-item,.container.color-mode .scheme-more-btn{touch-action:pan-y}body[data-app-mode="1"] .more-brushes-menu,body[data-app-mode="1"] .pattern-popover,body[data-app-mode="1"] .pattern-shape-menu,body[data-app-mode="1"] .image-wiggle-panel,body[data-app-mode="1"] .layer-panel .layer-list,body[data-app-mode="1"] .layer-panel .layer-item,body[data-app-mode="1"] .layer-panel .layer-folder-item,body[data-app-mode="1"] .layer-panel .layer-detail-form,body[data-app-mode="1"] .fill-panel,body[data-app-mode="1"] .text-panel,body[data-app-mode="1"] .text-font-menu,body[data-app-mode="1"] .text-brush-menu,body[data-app-mode="1"] .text-font-license-dialog,body[data-app-mode="1"] .modal-body,body[data-app-mode="1"] .third-party-notices-body,body[data-app-mode="1"] .third-party-notices-body pre,body[data-app-mode="1"] .restore-version-list,body[data-app-mode="1"] .export-format-menu,body[data-app-mode="1"] #iroImagePickerModal .modal-body,body[data-app-mode="1"] .container.color-mode .scheme-list,body[data-app-mode="1"] .container.color-mode .scheme-row,body[data-app-mode="1"] .container.color-mode .scheme-item,body[data-app-mode="1"] .container.color-mode .scheme-more-btn,body[data-app-mode="1"] .scheme-image-page,body[data-app-mode="1"] .scheme-image-replace-targets,body[data-app-mode="1"][data-ui-theme=procreate] .procreate-popover.is-open,body[data-app-mode="1"][data-ui-theme=procreate] .toolbar-left.is-procreate-open,body[data-app-mode="1"][data-ui-theme=procreate] .procreate-dock{touch-action:none}.scheme-item{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.color-mode .scheme-item{justify-content:flex-start}.scheme-item .swatches{display:none}.scheme-item .swatches span{width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.12);box-sizing:border-box}.scheme-image-page[hidden]{display:none!important}.scheme-image-page{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.color-page-image-mode>.color-header,.color-page-image-mode>.color-layout{display:none}.scheme-image-page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-width:0;max-width:100%;box-sizing:border-box}.scheme-image-page-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.scheme-image-page-head strong{font-size:14px}.scheme-image-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.scheme-image-mode{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#ffffffc7}.scheme-image-mode-btn{height:26px;padding:0 9px;border-radius:6px;box-shadow:none;font-size:12px}.scheme-image-mode-btn.is-active{background:#111111eb;border-color:#111111eb;color:#fff}.scheme-image-page.is-replace-target-step .scheme-image-stage,.scheme-image-page.is-replace-target-step .scheme-image-swatches{display:none}.scheme-image-stage{position:relative;width:min(100%,960px);height:clamp(220px,56vh,560px);max-height:560px;min-height:0;display:grid;place-items:center;align-self:center;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffeb;overflow:hidden;touch-action:none;box-sizing:border-box;cursor:crosshair}.scheme-image-box{position:absolute;left:0;top:0;width:1px;height:1px;touch-action:none;will-change:transform,width,height}.scheme-image-box img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:crosshair}.scheme-image-marker{position:absolute;width:22px;height:22px;border-radius:999px;border:2px solid #fff;background:var(--marker-color,#000);box-shadow:0 0 0 2px #000000b8,0 4px 12px #0000003d;padding:0;transform:translate(-50%,-50%);cursor:grab;touch-action:none;display:none}.scheme-image-marker:active{cursor:grabbing}.scheme-image-marker:focus-visible{outline:2px solid rgba(17,17,17,.85);outline-offset:4px}.scheme-image-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(3px,.625vw,6px);flex:0 0 auto;width:min(100%,960px);min-width:0;max-width:100%;align-self:center;overflow:visible;box-sizing:border-box;container-type:inline-size}.scheme-import-swatch{min-width:0;height:clamp(28px,4.375vw,42px);height:clamp(28px,4.375cqi,42px);border:1px solid rgba(0,0,0,.14);border-radius:clamp(7px,1.04vw,10px);background:var(--swatch-color,#000);cursor:grab;padding:0;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014;touch-action:none}.scheme-import-swatch:active{cursor:grabbing}.scheme-import-swatch.is-dragging{opacity:.78;transform:scale(.98)}.scheme-import-swatch.is-active{box-shadow:0 0 0 2px #111111eb,0 4px 14px #00000024}.scheme-import-swatch.is-drop-target{outline:2px dashed rgba(17,17,17,.6);outline-offset:2px}.scheme-import-swatch .slot{position:absolute;left:5px;top:4px;min-width:16px;height:16px;border-radius:999px;display:grid;place-items:center;font-size:10px;line-height:1;color:#111;background:#ffffffd1;border:1px solid rgba(0,0,0,.12)}.scheme-import-swatch .role{left:auto;right:5px;top:4px;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheme-import-swatch .role.is-role-split{overflow:visible;text-overflow:clip;white-space:pre-line;font-size:9px;line-height:.92;padding:2px 5px;text-align:center}.scheme-image-replace-step{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.scheme-image-replace-step[hidden]{display:none!important}.scheme-image-replace-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-width:0}.scheme-image-replace-count{font-size:12px;color:#111111b8;white-space:nowrap}.scheme-image-replace-targets{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-height:0;overflow:auto}.scheme-replace-target{min-width:0;height:58px;border:1px solid rgba(0,0,0,.14);border-radius:10px;padding:0;position:relative;overflow:hidden;cursor:pointer;background:var(--current-color,#000);box-shadow:0 2px 8px #00000014}.scheme-replace-target:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--current-color,#000)}.scheme-replace-target.is-selected:before{background:linear-gradient(135deg,var(--current-color,#000) 0 50%,var(--next-color,#000) 50% 100%)}.scheme-replace-target.is-selected{box-shadow:0 0 0 2px #111111eb,0 4px 14px #00000024}.scheme-replace-target .slot{position:absolute;border-radius:999px;background:#ffffffd6;border:1px solid rgba(0,0,0,.12);color:#111;line-height:1;box-sizing:border-box}.scheme-replace-target .slot{left:5px;top:5px;min-width:18px;height:18px;display:grid;place-items:center;font-size:10px}@media (max-width: 560px){.scheme-image-stage{height:clamp(180px,48vh,360px)}.scheme-image-page-head{align-items:flex-start;flex-direction:column}.scheme-image-page-actions{width:100%;justify-content:flex-start}.scheme-image-replace-targets{grid-template-columns:repeat(4,minmax(0,1fr))}}body[data-ui-theme=procreate]{background:#17191d;--procreate-bg: #17191d;--procreate-panel: rgba(35, 38, 44, .88);--procreate-panel-strong: rgba(24, 27, 32, .94);--procreate-border: rgba(255,255,255,.12);--procreate-text: rgba(255,255,255,.9);--procreate-muted: rgba(255,255,255,.62);--procreate-active: #2f8cff;--procreate-active-soft: rgba(47,140,255,.22);--procreate-shadow: 0 12px 34px rgba(0,0,0,.34)}body[data-ui-theme=procreate] .container{background:#202329}body[data-ui-theme=procreate] .canvas-viewport{top:1px;left:8px;width:360px;height:340px;border-color:#ffffff1f;border-radius:3px;box-shadow:0 18px 38px #00000057;background:#ffffff0a}body[data-ui-theme=procreate] .canvas,body[data-ui-theme=procreate] .canvas-bg{width:360px;height:340px}body[data-ui-theme=procreate] .sidebar{top:0;right:0;width:144px;height:100%;z-index:900;pointer-events:none}body[data-ui-theme=procreate] .container.crop-mode .sidebar,body[data-ui-theme=procreate] .container.select-mode .sidebar,body[data-ui-theme=procreate] .container.layer-mode .sidebar{top:8px;right:8px;width:136px;height:calc(100% - 16px);z-index:6;display:flex;flex-direction:column;gap:8px;align-items:stretch;pointer-events:auto}body[data-ui-theme=procreate] .container.layer-mode .sidebar{height:calc(100% - 8px)}body[data-ui-theme=procreate] .container.fill-mode .sidebar,body[data-ui-theme=procreate] .container.text-mode .sidebar{top:8px;right:8px;height:calc(100% - 16px);z-index:1200;display:flex;flex-direction:column;gap:8px;align-items:stretch;pointer-events:auto}body[data-ui-theme=procreate] .container.fill-mode .sidebar,body[data-ui-theme=procreate] .container.text-mode .sidebar{width:136px}body[data-ui-theme=procreate] .toolbar-right,body[data-ui-theme=procreate] .sidebar-footer>button,body[data-ui-theme=procreate] .sidebar-footer>.more-features-wrap>#animBtn,body[data-ui-theme=procreate] .sidebar-footer>.zoom-menu-wrap>#zoomBtn{display:none!important}body[data-ui-theme=procreate] .sidebar-footer{display:block;position:absolute;inset:0 0 auto auto;width:0;height:0;overflow:visible;pointer-events:none}body[data-ui-theme=procreate] .sidebar-footer .more-features-wrap,body[data-ui-theme=procreate] .sidebar-footer .zoom-menu-wrap{display:block;position:absolute;top:0;right:0;width:0;height:0;overflow:visible;pointer-events:none}body[data-ui-theme=procreate] .sidebar:has(.zoom-menu.is-open),body[data-ui-theme=procreate] .sidebar:has(.symmetry-menu.is-open),body[data-ui-theme=procreate] .sidebar-footer:has(.zoom-menu.is-open),body[data-ui-theme=procreate] .sidebar-footer:has(.symmetry-menu.is-open),body[data-ui-theme=procreate] .sidebar-footer .zoom-menu-wrap:has(.zoom-menu.is-open),body[data-ui-theme=procreate] .sidebar-footer .more-features-wrap:has(.symmetry-menu.is-open),body[data-ui-theme=procreate] .container.has-zoom-menu-open .sidebar,body[data-ui-theme=procreate] .container.has-zoom-menu-open .sidebar-footer,body[data-ui-theme=procreate] .container.has-zoom-menu-open .sidebar-footer .zoom-menu-wrap,body[data-ui-theme=procreate] .container.has-symmetry-menu-open .sidebar,body[data-ui-theme=procreate] .container.has-symmetry-menu-open .sidebar-footer,body[data-ui-theme=procreate] .container.has-symmetry-menu-open .sidebar-footer .more-features-wrap,body[data-ui-theme=procreate] .container.has-floating-menu-open .sidebar,body[data-ui-theme=procreate] .container.has-floating-menu-open .sidebar-footer,body[data-ui-theme=procreate] .container.has-floating-menu-open .sidebar-footer .zoom-menu-wrap,body[data-ui-theme=procreate] .container.has-floating-menu-open .sidebar-footer .more-features-wrap{display:block!important;z-index:3300;pointer-events:auto}.procreate-dock{display:none}body[data-ui-theme=procreate] .procreate-dock{position:absolute;top:50%;right:8px;z-index:920;display:grid;gap:5px;width:40px;padding:6px;border:1px solid var(--procreate-border);border-radius:999px;background:var(--procreate-panel);box-shadow:var(--procreate-shadow);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);transform:translateY(-50%);pointer-events:auto}body[data-ui-theme=procreate] .container.crop-mode .procreate-dock,body[data-ui-theme=procreate] .container.select-mode .procreate-dock,body[data-ui-theme=procreate] .container.fill-mode .procreate-dock,body[data-ui-theme=procreate] .container.layer-mode .procreate-dock,body[data-ui-theme=procreate] .container.text-mode .procreate-dock{display:none}body[data-ui-theme=procreate] .procreate-dock-btn{width:40px;height:31px;padding:0;display:grid;place-items:center;border-radius:999px;border-color:transparent;background:transparent;color:var(--procreate-text);box-shadow:none}body[data-ui-theme=procreate] .procreate-dock-btn svg{width:18px;height:18px;display:block}body[data-ui-theme=procreate] .procreate-dock-btn:hover{background:#ffffff1a}body[data-ui-theme=procreate] .procreate-dock-btn.is-active,body[data-ui-theme=procreate] .procreate-dock-btn[aria-expanded=true]{background:var(--procreate-active);color:#fff}.procreate-popover{display:none}body[data-ui-theme=procreate] .procreate-popover.is-open,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open{position:absolute;right:58px;top:var(--procreate-popover-top, 10px);z-index:930;display:grid;gap:6px;width:150px;max-height:322px;padding:8px;box-sizing:border-box;overflow:auto;border:1px solid var(--procreate-border);border-radius:14px;background:var(--procreate-panel);color:var(--procreate-text);box-shadow:var(--procreate-shadow);-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12);pointer-events:auto}body[data-ui-theme=procreate] .procreate-popover.is-open,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open{scrollbar-width:none;-ms-overflow-style:none}body[data-ui-theme=procreate] .procreate-popover.is-open::-webkit-scrollbar,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open::-webkit-scrollbar{width:0;height:0}body[data-ui-theme=procreate] .toolbar-left:not(.is-procreate-open){display:none!important}body[data-ui-theme=procreate] .procreate-outline-menu{grid-template-columns:1fr;width:150px}body[data-ui-theme=procreate] .procreate-file-menu,body[data-ui-theme=procreate] .procreate-more-menu{width:150px}body[data-ui-theme=procreate] .procreate-popover .action-btn,body[data-ui-theme=procreate] .toolbar-left .action-btn,body[data-ui-theme=procreate] .toolbar-left .pattern-select,body[data-ui-theme=procreate] .toolbar-left .palette-btn,body[data-ui-theme=procreate] .anim-frame-btn{border-color:#ffffff1a;background:#ffffff14;color:var(--procreate-text);box-shadow:none}body[data-ui-theme=procreate] .procreate-popover .action-btn{min-height:28px;padding:4px 8px;border-radius:10px;font-size:12px}body[data-ui-theme=procreate] .procreate-popover .action-btn:hover,body[data-ui-theme=procreate] .toolbar-left .action-btn:hover,body[data-ui-theme=procreate] .toolbar-left .pattern-select:hover,body[data-ui-theme=procreate] .toolbar-left .palette-btn:hover{background:#ffffff24}body[data-ui-theme=procreate] .procreate-popover .action-btn.is-active,body[data-ui-theme=procreate] .toolbar-left .action-btn.is-active,body[data-ui-theme=procreate] .toolbar-left .palette-btn.is-active{background:var(--procreate-active);border-color:var(--procreate-active);color:#fff}body[data-ui-theme=procreate] .toolbar-left .pattern-picker,body[data-ui-theme=procreate] .toolbar-left .palette-panel{position:static;width:100%}body[data-ui-theme=procreate] .toolbar-left .pattern-picker{order:1}body[data-ui-theme=procreate] .toolbar-left .palette-panel{order:2;grid-template-columns:repeat(4,1fr);gap:5px}body[data-ui-theme=procreate] .toolbar-left .palette-more-btn{order:3}body[data-ui-theme=procreate] .toolbar-left .palette-collapse-btn{order:4}body[data-ui-theme=procreate] .toolbar-left .palette-btn{width:30px;height:30px;border-radius:999px}body[data-ui-theme=procreate] .toolbar-left .pattern-select{height:30px;border-radius:999px}body[data-ui-theme=procreate] .toolbar-left .pattern-popover{right:calc(100% + 8px);left:auto;top:0;bottom:auto;border-color:var(--procreate-border);background:var(--procreate-panel-strong);color:var(--procreate-text)}body[data-ui-theme=procreate] .pattern-item,body[data-ui-theme=procreate] .pattern-preview{border-color:#ffffff1a;background:#ffffff17}body[data-ui-theme=procreate] .pattern-item.is-active{background:var(--procreate-active)}body[data-ui-theme=procreate] .modal-card,body[data-ui-theme=procreate] .scheme-action-menu,body[data-ui-theme=procreate] .pattern-shape-menu{border-color:var(--procreate-border);background:var(--procreate-panel);color:var(--procreate-text);box-shadow:var(--procreate-shadow);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}body[data-ui-theme=procreate] .jitter-panel{left:8px;top:8px}body[data-ui-theme=procreate] .jitter-panel .slider-track,body[data-ui-theme=procreate] .range,body[data-ui-theme=procreate] .card{border-color:#ffffff1a;background:#ffffff14;color:var(--procreate-text)}body[data-ui-theme=procreate] .jitter-panel input[type=number]:not(.slider-ext-input),body[data-ui-theme=procreate] .jitter-panel select,body[data-ui-theme=procreate] input[type=number],body[data-ui-theme=procreate] select,body[data-ui-theme=procreate] .text-input,body[data-ui-theme=procreate] .modal-input{border-color:#ffffff1f;background:#ffffff1a;color:var(--procreate-text)}body[data-ui-theme=procreate] input[type=range]{accent-color:var(--procreate-active)}body[data-ui-theme=procreate] .toggle input[type=checkbox]{background:#11111124}body[data-ui-theme=procreate] .toggle input[type=checkbox]:checked{background:var(--procreate-active)}body[data-ui-theme=procreate] .toggle input[type=radio]{border-color:#ffffff47;background:#ffffff1a}body[data-ui-theme=procreate] .toggle input[type=radio]:after{background:var(--procreate-active)}body[data-ui-theme=procreate] .action-btn,body[data-ui-theme=procreate] .tool-btn,body[data-ui-theme=procreate] .pattern-select,body[data-ui-theme=procreate] .anim-frame-btn{transition:background .14s ease,border-color .14s ease,color .14s ease,transform .06s ease}body[data-ui-theme=procreate] .modal-overlay{background:#00000075}body[data-ui-theme=procreate] .scheme-menu-item{color:var(--procreate-text)}body[data-ui-theme=procreate] .scheme-menu-item:hover,body[data-ui-theme=procreate] .scheme-menu-item:focus-visible{background:#ffffff1a}body[data-ui-theme=procreate] .scheme-menu-item:active{background:#ffffff29}body[data-ui-theme=procreate] .scheme-menu-delete{color:#ff8d87}body[data-ui-theme=procreate] .touch-hint,body[data-ui-theme=procreate] .pill,body[data-ui-theme=procreate] .zoom-menu .pill{background:var(--procreate-panel-strong);color:var(--procreate-text)}body[data-ui-theme=procreate] .tool-btn[aria-label]:after,body[data-ui-theme=procreate] .action-btn[aria-label]:after{background:var(--procreate-panel-strong);color:var(--procreate-text)}body[data-ui-theme=procreate] .sidebar-footer .zoom-menu.is-open{display:block;position:absolute;top:88px;right:58px;bottom:auto;width:220px;transform:none;pointer-events:auto}body[data-ui-theme=procreate] .sidebar-footer .symmetry-menu.is-open{display:grid;position:absolute;top:88px;right:58px;bottom:auto;transform:none;pointer-events:auto}body[data-ui-theme=procreate] .zoom-menu.is-open{display:block;position:absolute;top:88px;right:58px;bottom:auto;width:220px;z-index:3300;transform:none;pointer-events:auto}body[data-ui-theme=procreate] .symmetry-menu.is-open{display:grid;position:absolute;top:88px;right:58px;bottom:auto;z-index:3300;transform:none;pointer-events:auto}body[data-ui-theme=procreate] .container.layer-mode .layer-panel,body[data-ui-theme=procreate] .container.crop-mode .crop-panel,body[data-ui-theme=procreate] .container.select-mode .select-panel,body[data-ui-theme=procreate] .container.select-mode.image-wiggle-mode .image-wiggle-panel{position:static;width:136px;height:100%;max-height:none;padding:8px;border:none;border-radius:0;box-shadow:none;background:#ffffffeb;color:#111;overflow:visible;align-content:start;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-ui-theme=procreate] .container.select-mode .select-panel{overflow-x:hidden;overflow-y:auto}body[data-ui-theme=procreate] .container.fill-mode .fill-panel{position:relative;top:auto;right:auto;z-index:1200;width:136px;height:100%;max-height:none;padding:8px;border:none;border-radius:0;box-shadow:none;background:#ffffffeb;color:#111;overflow:visible;align-content:start;grid-template-rows:auto auto auto;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-ui-theme=procreate] .container.text-mode .text-panel{position:relative;top:auto;right:auto;z-index:1200;width:136px;height:100%;max-height:none;padding:8px;border:none;border-radius:0;box-shadow:none;background:#ffffffeb;color:#111;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;align-content:start;grid-template-rows:auto auto auto auto;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-ui-theme=procreate] .container.fill-mode .fill-panel::-webkit-scrollbar{width:0;height:0}body[data-ui-theme=procreate] .container.text-mode .text-input{border-color:#0000001f;background:#fff;color:#111}body[data-ui-theme=procreate] .container.text-mode .text-panel .actions .action-btn.icon-only,body[data-ui-theme=procreate] .container.select-mode.image-wiggle-mode .image-wiggle-panel .actions .action-btn.icon-only{border-color:#00000024;background:#fff;color:#111}body[data-ui-theme=procreate] .overlay{background:#17191df5;color:var(--procreate-text)}body[data-ui-theme=procreate] .container{width:100%;height:100%;overflow:hidden}body[data-ui-theme=procreate] .canvas-viewport{top:0;left:0;right:var(--procreate-dock-w, 56px);bottom:0;width:calc(100% - var(--procreate-dock-w, 56px));height:100%;border:0;border-radius:0;box-shadow:none;background:#202329;box-sizing:border-box}body[data-ui-theme=procreate] .procreate-dock{top:0;right:0;bottom:0;width:var(--procreate-dock-w, 56px);height:100%;padding:var(--procreate-dock-pad-y, 4px) var(--procreate-dock-pad-x, 8px);gap:var(--procreate-dock-gap, 2px);align-content:center;border:0;border-left:1px solid rgba(255,255,255,.1);border-radius:0;background:#23262c;box-shadow:none;transform:none;box-sizing:border-box}body[data-ui-theme=procreate] .procreate-dock-btn{width:var(--procreate-dock-btn-size, 40px);height:var(--procreate-dock-btn-size, 40px)}body[data-ui-theme=procreate] .procreate-dock-btn svg{width:var(--procreate-dock-icon-size, 20px);height:var(--procreate-dock-icon-size, 20px)}body[data-ui-theme=procreate] .procreate-dock-btn .color-entry-icon{width:var(--procreate-dock-icon-size, 20px);height:var(--procreate-dock-icon-size, 20px)}body[data-ui-theme=procreate] .procreate-popover.is-open,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open{right:var(--procreate-dock-w, 56px);top:var(--procreate-popover-top, 8px);max-height:calc(var(--procreate-viewport-h, 100vh) - 16px);border-top-right-radius:0;border-bottom-right-radius:0}body[data-ui-theme=procreate] .procreate-outline-menu.is-open{grid-template-columns:1fr;width:150px;max-height:min(260px,calc(var(--procreate-viewport-h, 100vh) - 16px))}body[data-ui-theme=procreate] .procreate-outline-menu .action-btn{width:100%;height:auto;min-height:30px;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:2px 6px}body[data-ui-theme=procreate] .procreate-outline-menu .action-btn.is-active{font-weight:700}body[data-ui-theme=procreate] .modal-overlay{background:#00000059}body[data-ui-theme=procreate] .modal-card{border-color:#0000001f;background:#fffffffa;color:#111;box-shadow:0 18px 50px #00000038;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-ui-theme=procreate] .modal-overlay .action-btn,body[data-ui-theme=procreate] .overlay .action-btn{border-color:#00000026;background:#ffffffeb;color:#111;box-shadow:0 2px 10px #00000014}body[data-ui-theme=procreate] .modal-overlay .action-btn:hover,body[data-ui-theme=procreate] .overlay .action-btn:hover{background:#fffffffa}body[data-ui-theme=procreate] .modal-overlay .action-btn.is-active,body[data-ui-theme=procreate] .overlay .action-btn.is-active{background:#111111eb;color:#fff;border-color:#111111eb}body[data-ui-theme=procreate] .modal-overlay .range,body[data-ui-theme=procreate] .overlay .range{border-color:#0000001a;background:#ffffffd9;color:#111}body[data-ui-theme=procreate] .modal-overlay .pill,body[data-ui-theme=procreate] .overlay .pill{background:#111111eb;color:#fff}body[data-ui-theme=procreate] .modal-overlay input[type=range],body[data-ui-theme=procreate] .overlay input[type=range]{accent-color:#111}body[data-ui-theme=procreate] .modal-input,body[data-ui-theme=procreate] .modal-overlay input[type=number],body[data-ui-theme=procreate] .modal-overlay select,body[data-ui-theme=procreate] .overlay input[type=number],body[data-ui-theme=procreate] .overlay select{border-color:#0000001f;background:#fffffff2;color:#111}body[data-ui-theme=procreate] .modal-overlay .toggle input[type=checkbox],body[data-ui-theme=procreate] .overlay .toggle input[type=checkbox]{background:#11111124}body[data-ui-theme=procreate] .modal-overlay .toggle input[type=checkbox]:checked,body[data-ui-theme=procreate] .overlay .toggle input[type=checkbox]:checked{background:#111111e6}body[data-ui-theme=procreate] .modal-overlay .toggle input[type=radio],body[data-ui-theme=procreate] .overlay .toggle input[type=radio]{border-color:#00000047;background:#fffffff2}body[data-ui-theme=procreate] .modal-overlay .toggle input[type=radio]:after,body[data-ui-theme=procreate] .overlay .toggle input[type=radio]:after{background:#111111eb}body[data-ui-theme=procreate] .overlay{background:#f5f5f5f5;color:#111}body[data-ui-theme=procreate] .card{border-color:#0000001f;background:#ffffffe0;color:#111}body[data-ui-theme=procreate]{background:#f5f5f5;--procreate-viewport-w: 100vw;--procreate-viewport-h: 100vh;--procreate-ui-scale: 1.5;--procreate-dock-pad-x: 8px;--procreate-dock-pad-y: 4px;--procreate-dock-gap: 2px;--procreate-dock-extra-h: 26px;--procreate-dock-side-space: 16px;--procreate-dock-btn-size: clamp(24px, calc((var(--procreate-viewport-h, 100vh) - var(--procreate-dock-extra-h)) / 10), 52px);--procreate-dock-icon-size: clamp(10px, calc(var(--procreate-dock-btn-size) / 2), 26px);--procreate-dock-w: calc(var(--procreate-dock-btn-size) + var(--procreate-dock-side-space));--procreate-popover-w: 225px;--procreate-popover-wide-w: 315px;--procreate-popover-pad: 12px;--procreate-popover-gap: 9px;--procreate-popover-radius: 21px;--procreate-control-h: 45px;--procreate-control-pad-x: 15px;--procreate-control-radius: 15px;--procreate-icon-btn-size: 42px;--procreate-panel-icon-size: 24px;--procreate-range-h: 33px;--procreate-more-action-h: 84px;--procreate-brush-preview-w: 54px;--procreate-brush-preview-h: 30px;--procreate-file-icon-col: 27px;--procreate-file-gap: 12px;--procreate-menu-icon-box: 33px;--procreate-menu-icon-size: 27px;--procreate-palette-chip-size: 31px;--procreate-palette-cell-size: 43px;--procreate-palette-gap: 9px;--procreate-palette-icon-size: 24px;--procreate-panel-gap: 12px;--procreate-panel-gap-sm: 9px;--procreate-panel-gap-lg: 15px;--procreate-panel-pad: 12px;--procreate-panel-pad-sm: 9px;--procreate-panel-pad-xs: 6px;--procreate-panel-radius: 18px;--procreate-toggle-w: 42px;--procreate-toggle-h: 24px;--procreate-toggle-pad: 3px;--procreate-toggle-thumb: 18px;--procreate-toggle-translate-x: 18px;--procreate-radio-size: 27px;--procreate-radio-inset: 6px;--procreate-number-w: 84px;--procreate-number-h: 36px;--procreate-slider-ext-input-w: 69px;--procreate-slider-ext-input-h: 27px;--procreate-zoom-menu-w: 330px;--procreate-pill-min-w: 33px;--procreate-modal-w: 540px;--procreate-modal-anim-w: 480px;--procreate-modal-pad: 18px;--procreate-modal-radius: 21px;--procreate-modal-close-font: 30px;--procreate-export-format-w: 86px;--procreate-kbd-pad-x: 9px;--procreate-kbd-pad-y: 3px;--procreate-bg: #f5f5f5;--procreate-panel: rgba(255,255,255,.9);--procreate-panel-strong: rgba(255,255,255,.94);--procreate-border: rgba(0,0,0,.12);--procreate-text: #111;--procreate-muted: rgba(17,17,17,.62);--procreate-active: rgba(17,17,17,.92);--procreate-active-soft: rgba(17,17,17,.1);--procreate-shadow: 0 10px 28px rgba(0,0,0,.16);--procreate-font-body: 20px;--procreate-font-title: 21px;--procreate-font-small: 18px;--procreate-font-micro: 17px}@media (orientation: portrait){body[data-ui-theme=procreate]:not([data-app-mode="1"]){--procreate-dock-btn-size: clamp(22px, calc((var(--procreate-viewport-h, 100vh) - var(--procreate-dock-extra-h)) / 10), 40px)}}@media (max-height: 280px){body[data-ui-theme=procreate]{--procreate-dock-pad-x: 6px;--procreate-dock-pad-y: 2px;--procreate-dock-gap: 1px;--procreate-dock-extra-h: 13px;--procreate-dock-side-space: 12px;--procreate-dock-btn-size: clamp(16px, calc((var(--procreate-viewport-h, 100vh) - var(--procreate-dock-extra-h)) / 10), 36px)}}body[data-ui-theme=procreate] .container{background:#f5f5f5}body[data-ui-theme=procreate] .canvas-viewport{background:#fff}body[data-ui-theme=procreate] .procreate-dock{background:var(--procreate-panel);border-left-color:#0000001f;color:#111}body[data-ui-theme=procreate] .procreate-dock-btn{color:#111}body[data-ui-theme=procreate] .procreate-dock-btn:hover{background:#0000000f}body[data-ui-theme=procreate] .procreate-dock-btn.is-active,body[data-ui-theme=procreate] .procreate-dock-btn[aria-expanded=true]{background:#111111eb;color:#fff}body[data-ui-theme=procreate] .procreate-dock-btn:disabled,body[data-ui-theme=procreate] .procreate-dock-btn:disabled:hover{background:transparent;color:#11111157;opacity:1;cursor:not-allowed;box-shadow:none}body[data-ui-theme=procreate] .procreate-dock-btn:disabled svg{opacity:.55}body[data-ui-theme=procreate] .procreate-popover.is-open,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open{border-color:#0000001f;background:var(--procreate-panel);color:#111;box-shadow:0 10px 28px #00000029;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body[data-ui-theme=procreate] .procreate-popover .action-btn,body[data-ui-theme=procreate] .toolbar-left .action-btn,body[data-ui-theme=procreate] .toolbar-left .pattern-select,body[data-ui-theme=procreate] .toolbar-left .palette-btn,body[data-ui-theme=procreate] .anim-frame-btn{border-color:#00000026;background:#ffffffeb;color:#111}body[data-ui-theme=procreate] .procreate-popover .action-btn:hover,body[data-ui-theme=procreate] .toolbar-left .action-btn:hover,body[data-ui-theme=procreate] .toolbar-left .pattern-select:hover,body[data-ui-theme=procreate] .toolbar-left .palette-btn:hover{background:#0000000f}body[data-ui-theme=procreate] .procreate-popover .action-btn.is-active,body[data-ui-theme=procreate] .toolbar-left .action-btn.is-active,body[data-ui-theme=procreate] .toolbar-left .palette-btn.is-active{background:#111111eb;border-color:#111111eb;color:#fff}body[data-ui-theme=procreate] .procreate-more-menu.is-open{grid-template-columns:repeat(3,minmax(0,1fr));width:210px;max-height:min(260px,calc(var(--procreate-viewport-h, 100vh) - 16px))}body[data-ui-theme=procreate] .procreate-file-menu .action-btn{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;justify-content:stretch;gap:8px;text-align:left}body[data-ui-theme=procreate] .procreate-file-menu .action-btn .menu-icon svg{width:16px;height:16px}body[data-ui-theme=procreate] .procreate-more-menu .action-btn{min-height:56px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}body[data-ui-theme=procreate] .procreate-menu-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto}body[data-ui-theme=procreate] .procreate-menu-icon svg{width:18px;height:18px;display:block}body[data-ui-theme=procreate] .procreate-menu-label{max-width:100%;font-size:11px;line-height:1.1;white-space:normal;word-break:keep-all}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open{overflow-x:hidden;overflow-y:auto}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-picker,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-panel,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-select{min-width:0;max-width:100%;box-sizing:border-box}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-popover{position:static;width:100%;max-width:100%;max-height:none;margin-top:var(--procreate-panel-gap-sm);padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open:has(.pattern-popover.is-open) .palette-panel,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open:has(.pattern-popover.is-open) .palette-more-btn,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open:has(.pattern-popover.is-open) .palette-collapse-btn{display:none!important}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-list{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-item{min-width:0}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-picker,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-panel{width:calc((var(--procreate-palette-cell-size) * 4) + (var(--procreate-palette-gap) * 3));max-width:100%;justify-self:start}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-panel{grid-template-columns:repeat(4,var(--procreate-palette-cell-size));grid-auto-rows:var(--procreate-palette-cell-size);justify-content:start;padding:0}body[data-ui-theme=procreate] .container.palette-expanded .toolbar-left.is-procreate-open .palette-panel{max-height:calc((var(--procreate-palette-cell-size) * 4) + (var(--procreate-palette-gap) * 3))}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-btn{width:var(--procreate-palette-cell-size);min-width:0;height:var(--procreate-palette-cell-size);min-height:0;padding:0;display:grid;place-items:center;border-color:transparent;background:transparent;box-shadow:none;box-sizing:border-box;border-radius:999px;overflow:visible}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-btn .wrap{width:var(--procreate-palette-chip-size);height:var(--procreate-palette-chip-size);max-width:100%;max-height:100%;border-radius:999px;box-shadow:0 0 0 1px #00000029}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-btn:hover{background:#0000000a}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-btn.is-active{background:transparent;border-color:transparent;color:inherit}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-btn.is-active .wrap{box-shadow:0 0 0 2px #fff,0 0 0 4px #111111e0}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-btn svg{width:var(--procreate-palette-icon-size);height:var(--procreate-palette-icon-size)}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-btn .swatch{border-radius:999px}body[data-ui-theme=procreate] .jitter-panel .slider-track,body[data-ui-theme=procreate] .range,body[data-ui-theme=procreate] .card,body[data-ui-theme=procreate] .pattern-item,body[data-ui-theme=procreate] .pattern-preview{border-color:#0000001f;background:#ffffffe0;color:#111}body[data-ui-theme=procreate] input[type=number],body[data-ui-theme=procreate] select,body[data-ui-theme=procreate] .modal-input,body[data-ui-theme=procreate] .jitter-panel input[type=number]:not(.slider-ext-input),body[data-ui-theme=procreate] .jitter-panel select{border-color:#0000001f;background:#fffffff2;color:#111}body[data-ui-theme=procreate] .container.select-mode .select-panel{background:#fffffff0;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-ui-theme=procreate] .container.select-mode.image-wiggle-mode .image-wiggle-panel,body[data-ui-theme=procreate] .container.text-mode .text-panel{background:#fafafaf0;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-ui-theme=procreate] .text-brush-trigger{min-height:var(--procreate-control-h);height:var(--procreate-control-h);grid-template-columns:var(--procreate-brush-preview-w) minmax(0,1fr) var(--procreate-panel-icon-size);padding:var(--procreate-toggle-pad) var(--procreate-panel-pad-sm);border-radius:var(--procreate-control-radius);border-color:#0000001f;background:#fffffff2;color:#111;font-size:var(--procreate-font-body)}body[data-ui-theme=procreate] .text-brush-trigger .brush-preview{width:var(--procreate-brush-preview-w);height:var(--procreate-brush-preview-h)}body[data-ui-theme=procreate] .text-brush-menu{border-color:#0000001f;border-radius:var(--procreate-popover-radius);background:var(--procreate-panel);color:#111;box-shadow:0 10px 28px #00000029;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--procreate-popover-pad);gap:var(--procreate-popover-gap);scrollbar-width:none;-ms-overflow-style:none}body[data-ui-theme=procreate] .text-brush-menu::-webkit-scrollbar{width:0;height:0}body[data-ui-theme=procreate] .text-brush-menu .action-btn{min-height:var(--procreate-control-h);gap:var(--procreate-panel-gap-sm);padding:var(--procreate-toggle-pad) var(--procreate-panel-pad-sm);border-radius:var(--procreate-control-radius);border-color:#0000001f;background:#ffffffd1;color:#111}body[data-ui-theme=procreate] .text-brush-menu .action-btn:hover{background:#fffffff0}body[data-ui-theme=procreate] .text-brush-menu .action-btn.is-active{background:var(--procreate-active);border-color:var(--procreate-active);color:#fff}body[data-ui-theme=procreate] .text-brush-menu .brush-preview{width:var(--procreate-brush-preview-w);height:var(--procreate-brush-preview-h)}body[data-ui-theme=procreate] .container.crop-mode .crop-panel input[type=number]{width:100%;height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.12);padding:0 8px;background:#fffffff2;color:#111;font-variant-numeric:tabular-nums;box-sizing:border-box}body[data-ui-theme=procreate] .container.fill-mode .fill-panel .toggle input[type=checkbox],body[data-ui-theme=procreate] .container.crop-mode .crop-panel .toggle input[type=checkbox],body[data-ui-theme=procreate] .container.select-mode .select-panel .toggle input[type=checkbox]{width:28px;height:16px;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;background:#11111124;position:relative;outline:none;cursor:pointer;transition:background .15s ease}body[data-ui-theme=procreate] .container.fill-mode .fill-panel .toggle input[type=checkbox]:after,body[data-ui-theme=procreate] .container.crop-mode .crop-panel .toggle input[type=checkbox]:after,body[data-ui-theme=procreate] .container.select-mode .select-panel .toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .15s ease}body[data-ui-theme=procreate] .container.fill-mode .fill-panel .toggle input[type=checkbox]:checked,body[data-ui-theme=procreate] .container.crop-mode .crop-panel .toggle input[type=checkbox]:checked,body[data-ui-theme=procreate] .container.select-mode .select-panel .toggle input[type=checkbox]:checked{background:#111111e6}body[data-ui-theme=procreate] .container.fill-mode .fill-panel .toggle input[type=checkbox]:checked:after,body[data-ui-theme=procreate] .container.crop-mode .crop-panel .toggle input[type=checkbox]:checked:after,body[data-ui-theme=procreate] .container.select-mode .select-panel .toggle input[type=checkbox]:checked:after{transform:translate(12px)}body[data-ui-theme=procreate] .container.fill-mode .fill-panel .action-btn,body[data-ui-theme=procreate] .container.layer-mode .layer-panel .action-btn,body[data-ui-theme=procreate] .container.crop-mode .crop-panel .action-btn,body[data-ui-theme=procreate] .container.select-mode .select-panel .action-btn{transition:none}body[data-ui-theme=procreate] .container.fill-mode .fill-panel .action-btn[aria-label]:after,body[data-ui-theme=procreate] .container.layer-mode .layer-panel .action-btn[aria-label]:after,body[data-ui-theme=procreate] .container.crop-mode .crop-panel .action-btn[aria-label]:after,body[data-ui-theme=procreate] .container.select-mode .select-panel .action-btn[aria-label]:after{background:#111111eb;color:#fff}body[data-ui-theme=procreate] .container.layer-mode .layer-panel .layer-item .op-row input[type=range]{width:100%;accent-color:#111}body[data-ui-theme=procreate] :is(.procreate-popover,.toolbar-left.is-procreate-open,.jitter-panel,.zoom-menu,.more-features-menu,.file-menu,.text-font-menu,.text-brush-menu,.export-format-menu,.pattern-shape-menu,.settings-tabs,.settings-shortcuts,.modal-body){font-size:var(--procreate-font-body)!important}body[data-ui-theme=procreate] :is(.procreate-popover .action-btn,.toolbar-left .action-btn,.toolbar-left .pattern-select,.modal-overlay .action-btn,.overlay .action-btn,.settings-tabs .action-btn,.settings-shortcuts .shortcut-btn,.settings-link-btn,.text-font-menu .text-font-option,.export-format-menu .export-format-option,.modal-input){font-size:var(--procreate-font-body)!important}body[data-ui-theme=procreate] :is(.modal-head strong){font-size:var(--procreate-font-title)!important}body[data-ui-theme=procreate] :is(.procreate-menu-label,.modal-field,.pattern-option-label,.pattern-mode-btn,.pattern-scale-label,.pattern-scale-val,.pattern-shape-btn,.palette-more-btn,.palette-collapse-btn,.restore-version-btn .restore-version-time,.restore-version-count,.zoom-menu .zoom-rotation-label){font-size:var(--procreate-font-small)!important}body[data-ui-theme=procreate] :is(.jitter-panel .slider-label,.jitter-panel .slider-val,.jitter-panel .slider-fill-label,.jitter-panel .slider-fill-val,.jitter-panel .slider-ext-label,.jitter-panel .slider-ext-row .slider-label,.jitter-panel .slider-ext-row .slider-val,.jitter-panel .slider-ext-row .slider-fill-label,.jitter-panel .slider-ext-row .slider-fill-val,.pattern-item .label){font-size:var(--procreate-font-micro)!important}body[data-ui-theme=procreate] .tool-btn[aria-label]:after,body[data-ui-theme=procreate] .action-btn[aria-label]:after{font-size:var(--procreate-font-micro)!important}body[data-ui-theme=procreate] .procreate-dock{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}body[data-ui-theme=procreate] .procreate-dock::-webkit-scrollbar{width:0;height:0}body[data-ui-theme=procreate] .procreate-popover.is-open,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open{width:var(--procreate-popover-w);max-height:calc(var(--procreate-viewport-h, 100vh) - 24px);padding:var(--procreate-popover-pad);gap:var(--procreate-popover-gap);border-radius:var(--procreate-popover-radius)}body[data-ui-theme=procreate] .procreate-outline-menu.is-open,body[data-ui-theme=procreate] .procreate-file-menu,body[data-ui-theme=procreate] .procreate-more-menu{width:var(--procreate-popover-w)}body[data-ui-theme=procreate] .procreate-outline-menu.is-open{max-height:min(390px,calc(var(--procreate-viewport-h, 100vh) - 24px))}body[data-ui-theme=procreate] .procreate-more-menu.is-open{width:var(--procreate-popover-wide-w);max-height:min(390px,calc(var(--procreate-viewport-h, 100vh) - 24px))}body[data-ui-theme=procreate] .procreate-popover .action-btn,body[data-ui-theme=procreate] .toolbar-left .action-btn,body[data-ui-theme=procreate] .toolbar-left .pattern-select,body[data-ui-theme=procreate] .anim-frame-btn{min-height:var(--procreate-control-h);padding:var(--procreate-panel-pad-sm) var(--procreate-control-pad-x);border-radius:var(--procreate-control-radius)}body[data-ui-theme=procreate] .procreate-outline-menu .action-btn{min-height:var(--procreate-control-h);gap:var(--procreate-panel-gap-sm);padding:var(--procreate-toggle-pad) var(--procreate-panel-pad-sm)}body[data-ui-theme=procreate] .brush-preview{width:var(--procreate-brush-preview-w);height:var(--procreate-brush-preview-h)}body[data-ui-theme=procreate] .procreate-file-menu .action-btn{grid-template-columns:var(--procreate-file-icon-col) minmax(0,1fr);gap:var(--procreate-file-gap)}body[data-ui-theme=procreate] .procreate-file-menu .action-btn .menu-icon svg{width:var(--procreate-panel-icon-size);height:var(--procreate-panel-icon-size)}body[data-ui-theme=procreate] .procreate-more-menu .action-btn{min-height:var(--procreate-more-action-h);padding:var(--procreate-panel-pad-sm) var(--procreate-panel-pad-xs);gap:var(--procreate-panel-gap-sm)}body[data-ui-theme=procreate] .procreate-menu-icon{width:var(--procreate-menu-icon-box);height:var(--procreate-menu-icon-box)}body[data-ui-theme=procreate] .procreate-menu-icon svg{width:var(--procreate-menu-icon-size);height:var(--procreate-menu-icon-size)}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-panel{gap:var(--procreate-palette-gap)}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-popover{margin-top:var(--procreate-panel-gap-sm)}body[data-ui-theme=procreate] .jitter-panel .slider-track{height:var(--procreate-range-h);border-radius:var(--procreate-panel-gap-sm)}body[data-ui-theme=procreate] .jitter-panel .slider-label,body[data-ui-theme=procreate] .jitter-panel .slider-fill-label{left:var(--procreate-panel-pad)}body[data-ui-theme=procreate] .jitter-panel .slider-val,body[data-ui-theme=procreate] .jitter-panel .slider-fill-val{right:var(--procreate-panel-pad)}body[data-ui-theme=procreate] .modal-input{height:var(--procreate-control-h);padding:0 var(--procreate-panel-pad);border-radius:var(--procreate-control-radius)}body[data-ui-theme=procreate] :is(.modal-card,.overlay,.procreate-popover,.zoom-menu,.jitter-panel,.symmetry-menu) .toggle{gap:var(--procreate-panel-gap-sm);padding:var(--procreate-toggle-pad) 0}body[data-ui-theme=procreate] :is(.modal-card,.overlay,.procreate-popover,.zoom-menu,.jitter-panel,.symmetry-menu) .toggle input[type=checkbox]{width:var(--procreate-toggle-w);height:var(--procreate-toggle-h)}body[data-ui-theme=procreate] :is(.modal-card,.overlay,.procreate-popover,.zoom-menu,.jitter-panel,.symmetry-menu) .toggle input[type=checkbox]:after{top:var(--procreate-toggle-pad);left:var(--procreate-toggle-pad);width:var(--procreate-toggle-thumb);height:var(--procreate-toggle-thumb)}body[data-ui-theme=procreate] :is(.modal-card,.overlay,.procreate-popover,.zoom-menu,.jitter-panel,.symmetry-menu) .toggle input[type=checkbox]:checked:after{transform:translate(var(--procreate-toggle-translate-x))}body[data-ui-theme=procreate] :is(.modal-card,.overlay,.procreate-popover,.zoom-menu,.jitter-panel,.symmetry-menu) .toggle input[type=radio]{width:var(--procreate-radio-size);height:var(--procreate-radio-size)}body[data-ui-theme=procreate] :is(.modal-card,.overlay,.procreate-popover,.zoom-menu,.jitter-panel,.symmetry-menu) .toggle input[type=radio]:after{inset:var(--procreate-radio-inset)}body[data-ui-theme=procreate] .jitter-panel{left:var(--procreate-panel-pad);top:var(--procreate-panel-pad);gap:var(--procreate-panel-gap-sm);padding:var(--procreate-panel-pad-sm) var(--procreate-panel-pad);border-radius:var(--procreate-panel-radius)}body[data-ui-theme=procreate] .jitter-panel .row{gap:var(--procreate-panel-gap-sm)}body[data-ui-theme=procreate] .jitter-panel input[type=number]:not(.slider-ext-input){width:var(--procreate-number-w);height:var(--procreate-number-h);padding:0 var(--procreate-panel-pad-sm);border-radius:var(--procreate-panel-radius)}body[data-ui-theme=procreate] .jitter-panel select{height:var(--procreate-icon-btn-size);padding:0 var(--procreate-panel-pad);border-radius:var(--procreate-control-radius)}body[data-ui-theme=procreate] .jitter-panel .slider-ext-input{width:var(--procreate-slider-ext-input-w);height:var(--procreate-slider-ext-input-h)}body[data-ui-theme=procreate] .zoom-menu{width:var(--procreate-zoom-menu-w);padding:var(--procreate-panel-gap-lg)}body[data-ui-theme=procreate] .zoom-menu .row+.row{margin-top:var(--procreate-panel-pad)}body[data-ui-theme=procreate] .zoom-menu .row,body[data-ui-theme=procreate] .zoom-menu .zoom-controls{gap:var(--procreate-panel-pad)}body[data-ui-theme=procreate] .zoom-menu .zoom-icon-btn{width:var(--procreate-control-h);height:var(--procreate-control-h)}body[data-ui-theme=procreate] .zoom-menu .zoom-icon-btn svg{width:var(--procreate-panel-icon-size);height:var(--procreate-panel-icon-size)}body[data-ui-theme=procreate] .zoom-menu .zoom-rotation-label{width:var(--procreate-control-h);flex-basis:var(--procreate-control-h)}body[data-ui-theme=procreate] :is(.modal-card,.overlay,.procreate-popover,.zoom-menu,.jitter-panel,.symmetry-menu) .pill{min-width:var(--procreate-pill-min-w);padding:var(--procreate-toggle-pad) var(--procreate-panel-pad)}body[data-ui-theme=procreate] .modal-card{width:min(var(--procreate-modal-w),calc(100% - 24px));padding:var(--procreate-modal-pad);border-radius:var(--procreate-modal-radius)}body[data-ui-theme=procreate] .modal-card.anim-card{width:min(var(--procreate-modal-anim-w),calc(100% - 24px))}body[data-ui-theme=procreate] .modal-head{gap:var(--procreate-panel-gap-lg);margin-bottom:var(--procreate-panel-gap-lg)}body[data-ui-theme=procreate] .action-btn.modal-close-btn{width:var(--procreate-control-h);height:var(--procreate-control-h);border-radius:var(--procreate-panel-radius);font-size:var(--procreate-modal-close-font)!important}body[data-ui-theme=procreate] .modal-body,body[data-ui-theme=procreate] .settings-page,body[data-ui-theme=procreate] .settings-shortcuts{gap:var(--procreate-panel-gap-sm)}body[data-ui-theme=procreate] .modal-form-grid{gap:var(--procreate-panel-gap-lg)}body[data-ui-theme=procreate] .modal-field{gap:var(--procreate-panel-gap)}body[data-ui-theme=procreate] .modal-actions{gap:var(--procreate-panel-pad);margin-top:var(--procreate-panel-gap-sm)}body[data-ui-theme=procreate] .modal-overlay .action-btn,body[data-ui-theme=procreate] .overlay .action-btn,body[data-ui-theme=procreate] .settings-tabs .action-btn,body[data-ui-theme=procreate] .settings-link-btn{min-height:var(--procreate-control-h);padding:var(--procreate-panel-pad-sm) var(--procreate-control-pad-x);border-radius:var(--procreate-control-radius)}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-main-actions .action-btn.icon-only{flex:0 0 auto;width:var(--procreate-control-h);height:var(--procreate-control-h);min-height:var(--procreate-control-h);padding:0;border-radius:var(--procreate-control-radius);box-shadow:none}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .pattern-main-actions .action-btn.icon-only svg{width:var(--procreate-panel-icon-size);height:var(--procreate-panel-icon-size)}body[data-ui-theme=procreate] #exportGifModal .gif-filename-row .modal-input{height:var(--procreate-control-h);padding:0 var(--procreate-control-pad-x);border-radius:var(--procreate-control-radius) 0 0 var(--procreate-control-radius);font-size:var(--procreate-font-body)!important}body[data-ui-theme=procreate] #exportGifModal .gif-filename-suffix{height:var(--procreate-control-h);padding:0 var(--procreate-panel-pad)!important;border-radius:0 var(--procreate-control-radius) var(--procreate-control-radius) 0;background:#0000000d;font-size:var(--procreate-font-body)!important;line-height:1}body[data-ui-theme=procreate] #exportGifModal .gif-format-select,body[data-ui-theme=procreate] #exportGifModal .export-format-trigger{width:var(--procreate-export-format-w);min-width:var(--procreate-export-format-w);border-left:0;color:inherit;align-self:stretch;box-sizing:border-box}body[data-ui-theme=procreate] .settings-shortcuts kbd{padding:var(--procreate-kbd-pad-y) var(--procreate-kbd-pad-x);border-radius:var(--procreate-panel-radius);font-size:var(--procreate-font-micro)!important}body[data-ui-theme=cute]{background:radial-gradient(1200px 600px at 50% 0%,#2a1b33,#120a16 55%,#08060b);--ui-text: #2a1836;--ui-text-invert: #fff;--ui-border: rgba(117,72,148,.18);--ui-border-strong: rgba(117,72,148,.28);--ui-surface: rgba(255,255,255,.92);--ui-surface-strong: rgba(255,255,255,.96);--ui-surface-soft: rgba(255,255,255,.86);--ui-shadow: 0 2px 10px rgba(44,18,60,.1);--ui-shadow-pop: 0 10px 28px rgba(44,18,60,.2);--ui-accent: rgba(255,95,162,.92);--ui-accent-hover: rgba(255,95,162,.98);--ui-accent-solid: #ff5fa2;--ui-tooltip-bg: rgba(60,22,78,.92);--ui-tooltip-text: #fff}body[data-ui-theme=cute] .canvas-viewport{border-color:#7548944d}body[data-ui-theme=wigglypaint] .canvas-viewport,body[data-ui-theme=wigglycustom] .canvas-viewport{border-color:var(--wiggly-fg, #111)}body[data-ui-theme=cute] .tool-btn,body[data-ui-theme=cute] .action-btn,body[data-ui-theme=cute] .pattern-select,body[data-ui-theme=cute] .anim-frame-btn{border-color:#75489438;background:linear-gradient(180deg,#fffffffa,#ffffffe6);color:var(--ui-text);border-radius:12px;box-shadow:var(--ui-shadow),0 1px #fff9 inset;-webkit-backdrop-filter:blur(8px) saturate(1.08);backdrop-filter:blur(8px) saturate(1.08);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .06s ease}body[data-ui-theme=cute] .tool-btn:hover,body[data-ui-theme=cute] .action-btn:hover{background:#fffffffa}body[data-ui-theme=cute] .tool-btn.is-active,body[data-ui-theme=cute] .action-btn.is-active,body[data-ui-theme=cute] .anim-frame-btn.is-active{background:var(--ui-accent);color:var(--ui-text-invert);border-color:#ff5fa2eb;box-shadow:var(--ui-shadow),0 1px #ffffff38 inset}body[data-ui-theme=cute] .tool-btn.is-active:hover{background:var(--ui-accent-hover)}body[data-ui-theme=cute] .file-menu,body[data-ui-theme=cute] .zoom-menu,body[data-ui-theme=cute] .pattern-popover,body[data-ui-theme=cute] .modal-card{border-color:var(--ui-border);border-radius:14px;background:radial-gradient(circle at 14px 14px,rgba(255,95,162,.08) 0 1.5px,transparent 2px) 0 0/20px 20px,linear-gradient(180deg,#fffffffc,#fffffff0);box-shadow:var(--ui-shadow-pop);-webkit-backdrop-filter:blur(10px) saturate(1.12);backdrop-filter:blur(10px) saturate(1.12)}body[data-ui-theme=cute] .modal-overlay{background:#14081a6b}body[data-ui-theme=cute] .select-panel,body[data-ui-theme=cute] .image-wiggle-panel,body[data-ui-theme=cute] .layer-panel,body[data-ui-theme=cute] .crop-panel{border-color:var(--ui-border);background:var(--ui-surface)}body[data-ui-theme=cute] .card{border-color:var(--ui-border);background:var(--ui-surface-soft)}body[data-ui-theme=cute] .overlay{background:#faf4fcf5}body[data-ui-theme=cute] .tool-btn[aria-label]:after,body[data-ui-theme=cute] .action-btn[aria-label]:after{background:var(--ui-tooltip-bg);color:var(--ui-tooltip-text)}body[data-ui-theme=cute] .touch-hint,body[data-ui-theme=cute] .pill,body[data-ui-theme=cute] .zoom-menu .pill{background:var(--ui-tooltip-bg);color:var(--ui-tooltip-text)}body[data-ui-theme=cute] .toggle input[type=checkbox]{background:#7548942e}body[data-ui-theme=cute] .toggle input[type=checkbox]:checked{background:var(--ui-accent)}body[data-ui-theme=cute] input[type=range]{accent-color:var(--ui-accent-solid)}body[data-ui-theme=cute] .modal-input,body[data-ui-theme=cute] input[type=number],body[data-ui-theme=cute] select{border-color:#75489438;background:#fffffff0;color:var(--ui-text)}body[data-ui-theme=cute] .toggle input[type=radio]{border-color:#7548944d}body[data-ui-theme=cute] .toggle input[type=radio]:after{background:var(--ui-accent-solid)}body[data-ui-theme=cute] .tool-btn:focus-visible,body[data-ui-theme=cute] .action-btn:focus-visible,body[data-ui-theme=cute] .pattern-select:focus-visible,body[data-ui-theme=cute] input[type=number]:focus-visible,body[data-ui-theme=cute] select:focus-visible{outline:2px solid rgba(255,95,162,.55);outline-offset:2px}body[data-ui-theme=cute] .pattern-item.is-active,body[data-ui-theme=cute] .palette-btn.is-active{background:var(--ui-accent);border-color:#ff5fa2eb}body[data-ui-theme=cute] .crop-rect .canvas-overlay-frame-rect,body[data-ui-theme=cute] .select-rect .canvas-overlay-frame-rect{stroke:#ff5fa2eb}body[data-ui-theme=cute] .select-handle{border-color:#75489466}body[data-ui-theme=cute] .anim-frame-btn.is-selected{box-shadow:0 0 0 2px #ff5fa273 inset}body[data-ui-theme=cat]{--cat-text: #2b1b12;--cat-border: rgba(125,92,58,.18);--cat-surface: #FFFDF0;--cat-surface-hover: #FFFBE8;--cat-active: rgba(255,120,186,.92);--cat-active-hover: rgba(255,120,186,.98)}body[data-ui-theme=cat] .container:after{content:"";position:absolute;top:0;right:0;width:152px;height:100%;background-color:#fdfbe4;pointer-events:none;z-index:0}body[data-ui-theme=cat] .cat-paws{position:absolute;top:0;right:0;width:152px;height:100%;pointer-events:none;z-index:1;overflow:hidden}body[data-ui-theme=cat] .cat-paw{position:absolute;left:0;top:0;width:48px;height:48px;background:#b7742d;opacity:.22;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='500px'%20height='500px'%20viewBox='0%200%20500%20500'%20enable-background='new%200%200%20500%20500'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M274.403,297.87c0.871-14.09,4.916-28.959,16.569-40.754%20c7.505-7.596,17.002-10.289,27.065-7.484c10.54,2.936,20.83,6.99,29.958,13.385c9.031,6.324,14.488,21.789,4.551,32.896%20c-3.328,3.719-7.295,5.992-12.488,6.416c-8.732,0.711-16.9,3.203-23.984,8.736c-5.143,4.016-10.711,7.244-17.277,8.586%20C286.857,322.091,274.334,312.009,274.403,297.87z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M266.962,222.157c12.771-0.029,20.808,12.793,15.14,24.148%20c-2.383,4.773-9.271,7.182-14.193,4.498c-5.878-3.207-10.248-7.912-11.844-14.672C253.98,227.31,258.016,222.177,266.962,222.157z'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M319.029,222.759c-1.07,3.361,0.219,8.023-3.918,11.23%20c-5.259,4.078-11.418,4.002-15.352-1.385c-4.561-6.248-6.955-13.209-4.289-21.136c2.551-7.585,10.544-9.899,16.797-4.843%20C317.248,210.653,318.727,216.108,319.029,222.759z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M357.415,231.458c0.19,5.865-2.099,10.418-5.62,14.371%20c-2.936,3.295-9.322,3.217-13.278,0.076c-8.194-6.502-7.315-23.51,1.778-28.67c4.164-2.363,10.195-2.652,13.636,2.838%20C356.322,223.89,357.421,226.95,357.415,231.458z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M268.405,277.521c0.704,4.104-1.478,7.295-5.62,9.402%20c-4.053,2.063-8.004,1.949-11.791-0.619c-4.879-3.307-9.329-6.785-10.083-13.398c-0.838-7.354,3.599-12.701,11.057-12.625%20C261.016,260.372,268.414,267.817,268.405,277.521z'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='500px'%20height='500px'%20viewBox='0%200%20500%20500'%20enable-background='new%200%200%20500%20500'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M274.403,297.87c0.871-14.09,4.916-28.959,16.569-40.754%20c7.505-7.596,17.002-10.289,27.065-7.484c10.54,2.936,20.83,6.99,29.958,13.385c9.031,6.324,14.488,21.789,4.551,32.896%20c-3.328,3.719-7.295,5.992-12.488,6.416c-8.732,0.711-16.9,3.203-23.984,8.736c-5.143,4.016-10.711,7.244-17.277,8.586%20C286.857,322.091,274.334,312.009,274.403,297.87z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M266.962,222.157c12.771-0.029,20.808,12.793,15.14,24.148%20c-2.383,4.773-9.271,7.182-14.193,4.498c-5.878-3.207-10.248-7.912-11.844-14.672C253.98,227.31,258.016,222.177,266.962,222.157z'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M319.029,222.759c-1.07,3.361,0.219,8.023-3.918,11.23%20c-5.259,4.078-11.418,4.002-15.352-1.385c-4.561-6.248-6.955-13.209-4.289-21.136c2.551-7.585,10.544-9.899,16.797-4.843%20C317.248,210.653,318.727,216.108,319.029,222.759z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M357.415,231.458c0.19,5.865-2.099,10.418-5.62,14.371%20c-2.936,3.295-9.322,3.217-13.278,0.076c-8.194-6.502-7.315-23.51,1.778-28.67c4.164-2.363,10.195-2.652,13.636,2.838%20C356.322,223.89,357.421,226.95,357.415,231.458z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M268.405,277.521c0.704,4.104-1.478,7.295-5.62,9.402%20c-4.053,2.063-8.004,1.949-11.791-0.619c-4.879-3.307-9.329-6.785-10.083-13.398c-0.838-7.354,3.599-12.701,11.057-12.625%20C261.016,260.372,268.414,267.817,268.405,277.521z'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;transform-origin:50% 50%}body[data-ui-theme=cat] .sidebar{background:transparent;border-radius:14px;box-sizing:border-box}body[data-ui-theme=cat] .tool-btn,body[data-ui-theme=cat] .action-btn,body[data-ui-theme=cat] .palette-btn,body[data-ui-theme=cat] .pattern-select,body[data-ui-theme=cat] .anim-frame-btn{border-color:var(--cat-border);background:var(--cat-surface);color:var(--cat-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-ui-theme=cat] .tool-btn:hover,body[data-ui-theme=cat] .action-btn:hover,body[data-ui-theme=cat] .palette-btn:hover,body[data-ui-theme=cat] .pattern-select:hover,body[data-ui-theme=cat] .anim-frame-btn:hover{background:var(--cat-surface-hover)}body[data-ui-theme=cat] .tool-btn.is-active,body[data-ui-theme=cat] .action-btn.is-active,body[data-ui-theme=cat] .palette-btn.is-active,body[data-ui-theme=cat] .anim-frame-btn.is-active{background:var(--cat-active);border-color:var(--cat-active);color:#fff;box-shadow:none}body[data-ui-theme=cat] .tool-btn.is-active:hover{background:var(--cat-active-hover)}body[data-ui-theme=cat] .palette-btn .wrap{width:16px;height:16px}body[data-ui-theme=cat] .palette-btn .wrap svg{display:none}body[data-ui-theme=cat] .palette-btn .wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--yarn-icon);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:1}body[data-ui-theme=cat] .palette-btn .swatch{inset:auto;right:-4px;bottom:-5px;width:8px;height:8px;border-radius:999px;transform:none;z-index:2}body[data-ui-theme=cat] .palette-btn .wrap:after{content:none}.free-color-controls{position:absolute;left:10px;bottom:52px;z-index:120;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(17,24,39,.18);border-radius:8px;background:#ffffffe0;box-shadow:0 8px 22px #0f172a29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.free-color-controls[hidden]{display:none!important}body:not([data-ui-theme=wigglypaint]):not([data-ui-theme=procreate]) .free-color-controls{display:none}body[data-ui-theme=procreate] .free-color-controls{left:12px;bottom:64px}.free-color-swatch{position:relative;width:30px;min-width:30px;height:30px;padding:0;border:1px solid rgba(17,24,39,.24);border-radius:6px;background:var(--free-color,#000);color:#111827;cursor:pointer;overflow:hidden}.free-color-swatch:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid rgba(255,255,255,.9);border-radius:4px;box-shadow:0 0 0 1px #00000038}.free-color-swatch.is-active{outline:2px solid #111827;outline-offset:2px}.free-color-background:before{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:2px;background:#ffffffdb;box-shadow:0 0 0 1px #0000003d;z-index:2}.free-color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}#freeColorField.is-free-color-unsupported{opacity:.48}.is-free-color-disabled{opacity:.38!important;pointer-events:none!important}body[data-free-color-enabled="1"] .palette-btn{display:none}body[data-free-color-enabled="1"] .palette-more-toggle,body[data-free-color-enabled="1"] .palette-collapse{display:none!important}.free-color-picker-input{position:fixed;left:8px;top:8px;width:34px;height:34px;opacity:0;pointer-events:none;border:0;padding:0;margin:0;z-index:2147483647}body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .free-color-controls{display:none!important}body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget[data-palette="1"]{display:none!important;pointer-events:none!important}body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=hi32],body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=hi33],body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=hi34],body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=hi35],body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=hi36],body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget[data-name=hi37]{display:flex!important;pointer-events:auto!important;transform:none!important;background:var(--free-color,#000)!important;background-image:none!important;border:2px solid rgba(17,24,39,.78)!important;border-radius:5px;box-shadow:inset 0 0 0 2px #ffffffb8,0 2px 4px #0000002e}body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget.is-free-color-wiggly-swatch.is-active{outline:2px solid #111827;outline-offset:2px}body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget.is-free-color-wiggly-swatch[data-free-color-label]:before{content:attr(data-free-color-label);position:absolute;left:2px;right:2px;bottom:2px;z-index:2;font-size:9px;line-height:1;font-weight:700;letter-spacing:0;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.88),0 0 2px rgba(0,0,0,.72);pointer-events:none}body[data-free-color-enabled="1"][data-ui-theme=wigglypaint] .container .wiggly-widget[data-free-color-slot=background]:after{content:none}