html,body{height:100%}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}.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=button6],body[data-ui-theme=wigglycustom] .wiggly-widget[data-name=button6]{background:#111111eb;color:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:0 6px 18px #00000059}body[data-ui-theme=wigglypaint] .wiggly-widget[data-name=button6].wiggly-clickable:active,body[data-ui-theme=wigglycustom] .wiggly-widget[data-name=button6].wiggly-clickable:active{transform:translateY(1px)}body[data-ui-theme=wigglypaint] .wiggly-widget[data-name=markerSizes],body[data-ui-theme=wigglycustom] .wiggly-widget[data-name=markerSizes]{background:transparent}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:#ffffffeb;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;image-rendering:crisp-edges;image-rendering:pixelated}.wiggly-widget.is-ghost{opacity:.25;border-style:dashed}.wiggly-widget.is-active{transform:translate(-10px)}.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}.wiggly-widget.slider{background:transparent;border:none}.wiggly-slider-track{position:absolute;left:2px;right:2px;top:50%;height:4px;transform:translateY(-50%);background:#00000040;border-radius:999px}.wiggly-slider-thumb{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);left:70%;background:#000c;border-radius:50%}.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,.35);border-radius:3px;background:#fff9}.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] .sidebar-footer,body[data-ui-theme=wigglycustom] .sidebar-footer,body[data-ui-theme=wigglypaint] .crop-panel,body[data-ui-theme=wigglycustom] .crop-panel,body[data-ui-theme=wigglypaint] .select-panel,body[data-ui-theme=wigglycustom] .select-panel,body[data-ui-theme=wigglypaint] .layer-panel,body[data-ui-theme=wigglycustom] .layer-panel,body[data-ui-theme=wigglypaint] .zoom-menu-wrap,body[data-ui-theme=wigglycustom] .zoom-menu-wrap,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,body[data-ui-theme=wigglypaint] .jitter-panel,body[data-ui-theme=wigglycustom] .jitter-panel{display:none!important}.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-bg{position:absolute;top:0;left:0;width:360px;height:340px;z-index:1}.canvas{position:absolute;top:0;left:0;width:360px;height:340px;border:none;background:transparent;z-index:2;touch-action: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,.toolbar-left{display:flex;flex-direction:column;gap:6px;align-items:stretch}.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 .tool-btn{width:100%;box-shadow:none;position:relative;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 .zoom-menu-wrap{width:100%}.zoom-menu-wrap{position:relative}.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:80}.zoom-menu.open-down{bottom:auto;top:calc(100% + 6px)}.zoom-menu.is-open{display:block}.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}.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 .zoom-menu{z-index:991}.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 .sidebar-footer{display:none}.container.select-mode .zoom-menu{z-index:991}.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{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:12px;background:#ffffffeb;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:#ffffffeb;align-content:start}.select-panel .row{display:flex;align-items:center;gap:6px}.select-panel .row .action-btn{flex:1;min-width:0;box-shadow:none}.select-panel .action-btn svg{width:16px;height:16px;display:block}.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:8px;border:none;border-radius:0;box-shadow:none;background:#ffffffeb;grid-template-rows:auto auto auto 1fr;align-content:start}.layer-panel .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.layer-panel .head strong{font-size:13px}.layer-panel .actions,.layer-panel .row{display:flex;align-items:center;gap:6px}.layer-panel .row .action-btn{flex:1;min-width:0;box-shadow:none}.layer-panel .row .action-btn.icon-only{flex:0 0 auto;width:30px;height:30px;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}.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}.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 .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%}.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:2px solid rgba(17,17,17,.88);box-sizing:border-box;background:transparent;border-radius:6px}.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:2px dashed rgba(17,17,17,.92);box-sizing:border-box;background:#ffffff05;border-radius:6px;transform-origin:50% 50%}.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%);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{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}.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}.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}.bg-crop-stage{width:min(240px,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 .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 input[type=range]{accent-color:#111}.jitter-panel input:disabled{opacity:.5}.jitter-panel input[type=number]{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:4px 8px;gap:6px}.jitter-panel .range{gap:6px;padding:4px 8px}.jitter-panel .range input[type=range]{width:120px}.jitter-panel .pill{min-width:20px;padding:1px 7px}.toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#ffffffd9;-webkit-user-select:none;user-select:none;box-sizing:border-box;max-width:100%}.toggle input[type=checkbox]{width:34px;height:18px;-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:14px;height:14px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #00000040;transition:transform .15s ease}.toggle input[type=checkbox]:checked{background:#111111e6}.toggle input[type=checkbox]:checked:after{transform:translate(16px)}.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}.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;left:0;width:360px;height:340px;z-index:1;display:none;background-size:16px 16px;background-position:0 0,8px 8px}.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:240px;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:10px;align-items:center}.pattern-edit.is-visible{display:flex}.pattern-preview{width:92px;height:92px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fffc;display:grid;place-items:center}.pattern-preview canvas{width:80px;height:80px;image-rendering:pixelated}.pattern-stage .row{display:flex;align-items:center;gap:8px}.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}.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 .mini{width:56px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;padding:6px;box-sizing:border-box;display:grid;grid-template-rows:16px 1fr;align-items:center;gap:4px}.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 input[type=color]{width:100%;height:22px;border:0;padding:0;background:transparent}.container.color-mode .outline-colors .mini input[type=color]{height:28px}.outline-colors .mini svg{width:16px;height:16px;opacity:.85}.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;overflow:auto}.scheme-row{display:flex;align-items:center;gap:6px}.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:auto}.scheme-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;text-align:left}.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}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=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] .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] .range,body[data-ui-theme=cute] .toggle{border-color:#75489429;background:#ffffffe0}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,body[data-ui-theme=cute] .select-rect{border-color:#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)}