html,body{height:100%}html,body{overscroll-behavior:none}body{margin:0;background:#000;display:grid;place-items:center;overflow:hidden}.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 .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}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}.wiggly-more-menu{position:absolute;top:100%;left:0;margin-top:2px;background:#fffffff5;border:1px solid rgba(0,0,0,.18);border-radius:6px;padding:3px 0;z-index:10;min-width:70px;box-shadow:0 4px 14px #00000021;pointer-events:auto}.wiggly-more-menu-item{padding:5px 12px;cursor:pointer;font-size:11px;white-space:nowrap;color:#111;line-height:1.3}.wiggly-more-menu-item:hover{background:#00000012}.wiggly-more-menu-item:active{background:#0000001f}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:block}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-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}@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}.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:24px;padding:6px 10px;border:0;border-radius:0;background:transparent;text-align:left;font-size:12px;line-height:1.1}.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}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}.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}.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}.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%;height:32px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;line-height:1}.select-mode-btn svg{flex:0 0 auto;width:15px;height:15px}.select-mode-btn span{min-width:0;white-space:nowrap}.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{width:100%;justify-content:space-between;gap:8px;color:#000000c7}.select-toggle span{white-space:nowrap}.select-action-list{display:grid;gap:6px}.select-action-list .action-btn{width:100%;min-height:34px;padding:0 8px;font-size:13px}.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-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;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:6px 8px 8px;border:none;border-radius:0;box-shadow:none;background:#ffffffeb;grid-template-rows:auto auto auto auto 1fr;gap:4px;align-content:start}.layer-panel .head{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:6px}.layer-panel .head strong{font-size:12px;line-height:1}.layer-panel .actions,.layer-panel .row{display:flex;align-items:center;gap:4px}.layer-panel .row .action-btn{flex:1;min-width:0;box-shadow:none}.layer-panel .actions .action-btn.icon-only,.layer-panel .row .action-btn.icon-only{flex:0 0 auto;width:26px;height:26px;padding:0;display:grid;place-items:center}.layer-panel .action-btn svg{width:16px;height:16px;display:block}.layer-panel .layer-list{display:grid;gap:6px;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;align-content:start}.layer-panel .layer-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap;cursor:grab;touch-action:pan-y}.layer-panel .layer-item:active{cursor:grabbing}.layer-panel .layer-item.is-dragging{opacity:.78}.layer-panel .layer-placeholder{width:100%;border-radius:12px;border:2px dashed rgba(0,0,0,.45);box-sizing:border-box;background:#00000005}.layer-panel .layer-item .vis{width:16px;height:16px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#fffffff2;cursor:pointer}.layer-panel .layer-item .vis.is-off{opacity:.35}.layer-panel .layer-item .vis svg{height:12px;display:block}.layer-panel .layer-item .thumb-btn{flex:1;min-width:0;height:52px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffeb;cursor:grab;display:grid;place-items:center;padding:0;box-sizing:border-box;overflow:hidden}.layer-panel .layer-item .thumb-btn:active{cursor:grabbing}.layer-panel .layer-item .thumb-btn.is-active{background:#111111eb;border-color:#111111eb}.layer-panel .layer-item .layer-thumb{width:92px;height:52px;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-item .op-row{width:100%;display:flex;align-items:center;gap:6px}.layer-panel .layer-item .op-row input[type=range]{width:100%;accent-color:#111}.layer-panel .layer-item .op-row .pill{min-width:34px;padding:1px 6px}.layer-panel .layer-blend-row{position:relative;z-index:2;display:flex;align-items:center;gap:4px;width:100%;min-width:0;font-size:11px;line-height:1;color:#000000b8;cursor:pointer;pointer-events:auto}.layer-panel .layer-blend-row span{flex:0 0 auto;white-space:nowrap}.layer-panel .layer-blend-row select{flex:1 1 auto;width:auto;min-width:0;height:24px;border:1px solid rgba(0,0,0,.14);border-radius:6px;background:#fffffff2;color:#111;font:inherit;padding:0 4px;cursor:pointer;pointer-events:auto}.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:fixed;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: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-group{width:var(--text-control-w);max-width:100%;justify-self:center;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.text-brush-btn{min-width:0;height:24px;padding:0;border:1px solid rgba(0,0,0,.14);border-radius:6px;background:#ffffffeb;color:#111111d1;display:grid;place-items:center;cursor:pointer;box-sizing:border-box;box-shadow:none}.text-brush-btn svg{width:13px;height:13px;display:block}.text-brush-btn.is-active{background:#111111eb;border-color:#111111eb;color:#fff}.text-brush-btn:focus-visible{outline:2px solid rgba(17,17,17,.32);outline-offset:1px}.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));gap:6px}.fill-color-btn{width:100%;aspect-ratio:1;min-width: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-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}.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.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:active{transform:translateY(0)}.modal-body{display:grid;gap:6px;font-size:13px;line-height:1.4}#bgCropModal .modal-card{max-height:calc(100% - 24px);display:flex;flex-direction:column}#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-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}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.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}.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}.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 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,1fr);gap:4px;width:136px}.palette-more-btn{height:24px;padding:0 6px;box-shadow:none;font-size:12px;grid-column:span 2}.palette-collapse-btn{height:24px;padding:0 6px;box-shadow:none;font-size:12px}.container.palette-compact .palette-panel .palette-btn.is-extra,.container.palette-expanded .sidebar-footer{display:none}.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}.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-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-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-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-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}.palette-btn:active{transform:translateY(1px)}.palette-btn.is-active{background:#111111eb;border-color:#00000040}.palette-btn svg{width:16px;height:16px}.palette-btn .swatch{width:8px;height:8px;border-radius:999px;border:1px solid rgba(0,0,0,.18);position:absolute;transform:translate(-3px,12px)}.palette-btn .wrap{position:relative;width:16px;height:16px}.color-layout{display:grid;grid-template-columns:160px 1fr;gap:10px;flex:1;min-height:0}.color-side{display:grid;gap:10px;min-height:0}.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}.container.color-mode .color-header{margin-bottom:8px}.container.color-mode .color-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.color-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;min-height:0}.container.color-mode .color-grid{overflow:auto}.color-grid-head{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px}.color-cell{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#ffffffbf}.container.color-mode .color-cell{border-radius:10px;border-color:#00000014;background:#ffffffd1}.color-cell input[type=color]{width:100%;height:28px;border:0;padding:0;background:transparent}#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(7,minmax(0,1fr));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{width:56px;height:36px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;padding:6px;box-sizing:border-box;display:grid;align-items:center}.container.color-mode .outline-colors .mini{width:auto;height:auto;border-radius:10px;border-color:#00000014;background:#ffffffd1;display:flex;flex-direction:column;gap:4px}.outline-colors .mini.is-active{border-color:#111111eb;box-shadow:inset 0 0 0 2px #111111eb;background:#fffffffa}.outline-colors .mini:focus-visible{outline:2px solid rgba(17,17,17,.85);outline-offset:2px}.outline-colors .mini input[type=color]{width:100%;height:22px;border:0;padding:0;background:transparent}.container.color-mode .outline-colors .mini input[type=color]{height:28px}.preview-wrap{width:152px;height:112px;max-width:152px;max-height:112px;border:1px solid rgba(0,0,0,.12);border-radius:10px;overflow:hidden}.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{margin-top:10px;display:grid;gap:6px;max-height:150px;min-width:0;overflow-x:hidden;overflow-y:auto}.scheme-row{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}.scheme-row .scheme-item{flex:1;min-width:0}.scheme-delete-btn{flex:0 0 auto;width:30px;height:30px;padding:0;display:grid;place-items:center;box-shadow:none}.container.color-mode .color-side .card{display:flex;flex-direction:column}.container.color-mode .scheme-list{max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto}.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-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.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: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] .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] .jitter-panel,body[data-ui-theme=procreate] .zoom-menu,body[data-ui-theme=procreate] .more-features-menu,body[data-ui-theme=procreate] .modal-card,body[data-ui-theme=procreate] .file-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:#ffffff2e}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] .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.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] .canvas-viewport{top:0;left:0;width:456px;height:342px;border:0;border-radius:0;box-shadow:none;background:#202329}body[data-ui-theme=procreate] .procreate-dock{top:0;right:0;bottom:0;width:40px;height:100%;padding:4px 8px;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}body[data-ui-theme=procreate] .procreate-dock-btn{width:40px;height:34px}body[data-ui-theme=procreate] .procreate-popover.is-open,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open{right:56px;top:0;max-height:342px;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:260px}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] .toolbar-left.is-procreate-open .palette-panel .palette-btn.is-extra{display:grid}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-more-btn,body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-collapse-btn{display:none!important}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:#00000026}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] .container.color-mode .card{border:none;background:#ffffffb8}body[data-ui-theme=procreate]{background:#f5f5f5;--procreate-bg: #f5f5f5;--procreate-panel: rgba(255,255,255,.96);--procreate-panel-strong: rgba(255,255,255,.98);--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)}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:#fffffff5;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,body[data-ui-theme=procreate] .jitter-panel,body[data-ui-theme=procreate] .zoom-menu,body[data-ui-theme=procreate] .more-features-menu,body[data-ui-theme=procreate] .file-menu,body[data-ui-theme=procreate] .pattern-shape-menu{border-color:#0000001f;background:#fffffff5;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:260px}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:220px;margin-top:6px;padding:8px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}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 .palette-panel{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-ui-theme=procreate] .toolbar-left.is-procreate-open .palette-btn{width:100%;min-width:0;aspect-ratio:1;height:auto;box-sizing:border-box}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.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:#00000026;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=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 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}body[data-ui-theme=cat] .palette-btn .swatch{transform:translate(5px,12px)}