@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";:root{--bg-app:#1e1e1e;--bg-panel:#2b2b2b;--bg-panel-alt:#333;--bg-input:#3c3c3c;--bg-hover:#444;--bg-active:#505060;--border:#555;--text:#ddd;--text-dim:#999;--accent:#6c9bd2;--accent-hover:#7db0e0;--danger:#d44;--radius:3px;--font-size:12px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size);color:var(--text);background:var(--bg-app);-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}input,select,button,textarea{font-family:inherit;font-size:inherit;color:inherit}input[type=number],input[type=text]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);-webkit-user-select:text;user-select:text;outline:none;padding:3px 6px}input[type=number]:focus,input[type=text]:focus{border-color:var(--accent)}select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:2px 4px}.app-layout{grid-template-rows:28px 26px 1fr auto 22px;grid-template-areas:"menu menu menu menu menu""tabs tabs tabs tabs tabs""left lhandle canvas rhandle right""timeline timeline timeline timeline timeline""status status status status status";width:100%;height:100%;min-height:0;display:grid}.panel-left{background:var(--bg-panel);border-right:1px solid var(--border);grid-area:left;min-width:0;overflow:hidden auto}.panel-right{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;grid-area:right;min-width:0;display:flex;overflow:hidden}.canvas-area{flex-direction:column;grid-area:canvas;min-width:0;min-height:0;display:flex;overflow:hidden}.canvas-container{cursor:crosshair;flex:1;width:100%;min-width:0;min-height:0;overflow:hidden}.resize-handle{cursor:col-resize;background:var(--bg-panel);z-index:10;width:4px}.resize-handle:hover,.resize-handle:active{background:var(--border)}.resize-handle-left{grid-area:lhandle}.resize-handle-right{grid-area:rhandle}.menu-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;z-index:100;grid-area:menu;align-items:center;gap:0;min-width:0;padding:0 4px;display:flex;position:relative}.menu-trigger-wrapper{position:relative}.menu-trigger{color:var(--text);cursor:pointer;border-radius:var(--radius);white-space:nowrap;background:0 0;border:none;padding:4px 10px}.menu-trigger:hover,.menu-trigger.active{background:var(--bg-hover)}.menu-dropdown{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);z-index:10000;min-width:200px;padding:4px 0;position:fixed;box-shadow:0 4px 12px #0006}.menu-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:4px 12px;display:flex}.menu-item:hover{background:var(--accent);color:#fff}.menu-item:disabled{opacity:.4;cursor:default}.menu-item:disabled:hover{color:var(--text);background:0 0}.menu-shortcut{color:var(--text-dim);margin-left:24px;font-size:11px}.menu-item:hover .menu-shortcut{color:#ffffffb3}.menu-separator{background:var(--border);height:1px;margin:4px 8px}.menu-title{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;padding-right:8px;font-size:11px;overflow:hidden}.menu-action-btn{color:var(--text-dim);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:3px;padding:2px 6px;font-size:14px;display:flex}.menu-action-btn:hover{background:var(--bg-hover);color:var(--text)}.menu-action-btn.has-action{color:var(--accent)}.menu-action-btn:disabled{opacity:.25;cursor:default}.menu-action-btn:disabled:hover{color:var(--text-dim);background:0 0}.menu-action-btn.share{color:var(--accent);font-size:11px}.menu-action-btn.share:hover{color:var(--accent-hover)}.ui-scale-controls{align-items:center;gap:2px;padding:0 4px;display:flex}.ui-scale-val{color:var(--text-dim);text-align:center;min-width:36px;font-size:11px}.theme-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;outline:none;max-width:80px;padding:1px 4px;font-size:10px}.share-desc{color:var(--text-dim);margin:0 0 12px;font-size:12px;line-height:1.5}.share-size-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.share-size-row label{color:var(--text-dim);font-size:12px}.share-size-btns{gap:4px;display:flex}.share-size-btns .btn-small.active{background:var(--accent);color:#fff}.share-info{color:var(--text-dim);margin-bottom:12px;font-size:10px}.share-platforms{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.share-btn{border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:11px;display:flex}.share-btn-icon{font-size:20px;line-height:1}.share-x{border-color:#555}.share-x:hover{background:#333}.share-bsky{border-color:#0085ff44}.share-bsky:hover{background:#0085ff22}.share-ig{border-color:#e1306c44}.share-ig:hover{background:#e1306c22}.share-general{border-color:var(--accent);color:var(--accent)}.share-general:hover{background:var(--accent);color:#fff}.share-download-btn{text-align:center;width:100%;padding:8px;font-size:12px}.tab-bar{background:var(--bg-app);border-bottom:1px solid var(--border);scrollbar-width:none;-webkit-user-select:none;user-select:none;grid-area:tabs;align-items:stretch;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab{cursor:pointer;border-right:1px solid var(--border);color:var(--text-dim);white-space:nowrap;align-items:center;gap:4px;min-width:0;padding:0 12px;font-size:11px;transition:background .1s;display:flex}.tab:hover{background:var(--bg-hover);color:var(--text)}.tab.active{background:var(--bg-panel);color:var(--text);border-bottom:2px solid var(--accent)}.tab-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.tab-rename-input{background:var(--bg-input);border:1px solid var(--accent);color:var(--text);border-radius:2px;outline:none;width:80px;padding:1px 4px;font-size:11px}.tab-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:0 2px;font-size:14px;line-height:1}.tab-close:hover{background:var(--danger);color:#fff}.tab-add{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 10px;font-size:16px}.tab-add:hover{color:var(--text);background:var(--bg-hover)}.tool-panel{flex-direction:column;gap:4px;height:100%;padding:4px;display:flex}.tool-buttons{flex-direction:column;gap:2px;display:flex}.tool-btn{background:var(--bg-input);border-radius:var(--radius);cursor:pointer;width:100%;height:36px;color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.tool-btn-icon{font-size:16px;line-height:1}.tool-btn-label{font-size:12px}.tool-btn:hover{background:var(--bg-hover)}.tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent-hover)}.tool-options{flex-direction:column;gap:4px;margin-top:8px;display:flex}.tool-option-label{color:var(--text-dim);text-transform:uppercase;font-size:10px}.sub-tools{flex-wrap:wrap;gap:2px;margin-top:6px;padding:0 2px;display:flex}.sub-tool-btn{background:var(--bg-input);border-radius:var(--radius);cursor:pointer;color:var(--text-dim);white-space:nowrap;border:1px solid #0000;align-items:center;gap:3px;padding:3px 6px;font-size:11px;display:flex}.sub-tool-btn:hover{background:var(--bg-hover);color:var(--text)}.sub-tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent-hover)}.sub-tool-icon{font-size:13px;line-height:1}.sub-tool-label{font-size:10px}.brush-preview{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;width:100%;height:42px;margin-top:4px;display:flex}.brush-preview-dot{transition:width .1s,height .1s}.brush-shape-toggle{gap:2px;display:flex}.brush-shape-btn{background:var(--bg-input);border-radius:var(--radius);cursor:pointer;color:var(--text);border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 6px;font-size:11px;display:flex}.brush-shape-btn:hover{background:var(--bg-hover)}.brush-shape-btn.active{background:var(--accent);color:#fff;border-color:var(--accent-hover)}.brush-slider{width:100%;height:16px;accent-color:var(--accent);cursor:pointer;margin:4px 0}.brush-sizes{flex-wrap:wrap;gap:2px;display:flex}.brush-size-btn{background:var(--bg-input);cursor:pointer;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.brush-size-btn.active{background:var(--accent)}.brush-size-dot{background:var(--text);border-radius:50%;min-width:3px;min-height:3px;display:block}.brush-size-btn.active .brush-size-dot{background:#fff}.tool-option-checkbox{color:var(--text-dim);cursor:pointer;align-items:center;gap:4px;font-size:10px;display:flex}.tool-option-checkbox input{accent-color:var(--accent);margin:0}.selection-options{flex-direction:column;gap:6px;margin-top:8px;padding:0 4px;display:flex}.sel-action-btn{background:var(--bg-input);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text);text-align:left;border:1px solid #0000;align-items:center;gap:6px;margin-bottom:2px;padding:5px 8px;font-size:11px;display:flex}.sel-action-btn:hover{background:var(--bg-hover)}.sel-action-btn:disabled{opacity:.3;cursor:default}.sel-action-btn:disabled:hover{background:var(--bg-input)}.sel-action-btn.danger{color:#f88}.sel-action-btn.danger:hover{color:#fff;background:#a44}.tool-action-btn{padding:4px 6px;font-size:11px}.tool-action-btn.danger{color:#f88;border-color:#a44}.tool-action-btn.danger:hover{color:#fff;background:#a44}.sel-hint{color:var(--text-dim);padding:2px 0;font-size:10px;font-style:italic}.flip-rotate-grid{grid-template-columns:1fr 1fr;gap:2px;margin-bottom:4px;display:grid}.flip-rotate-grid .sel-action-btn{margin-bottom:0;padding:4px 6px;font-size:10px}.tiling-panel{border-top:1px solid var(--border);flex-shrink:0;margin-top:auto}.tiling-toggles{gap:12px;padding:6px 8px;display:flex}.symmetry-panel{border-top:1px solid var(--border);flex-shrink:0}.sym-row{flex-direction:column;gap:4px;padding:4px 8px;display:flex}.sym-toggle{cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.sym-toggle input{accent-color:var(--accent);margin:0}.sym-axis-control{align-items:center;gap:4px;padding-left:2px;display:flex}.sym-slider{height:14px;accent-color:var(--accent);cursor:pointer;flex:1}.sym-input{text-align:right;width:44px;padding:1px 3px;font-size:10px}.sym-center-btn{width:calc(100% - 16px);margin:4px 8px 6px}.mobile-tools-content{padding:8px}.mobile-tools-content .tool-panel{padding:0}.mobile-tools-content .brush-preview{height:56px}.mobile-tools-content .brush-sizes{gap:4px}.mobile-tools-content .brush-size-btn{width:32px;height:32px}.mobile-tools-content .symmetry-panel{margin-top:8px}.mobile-settings-content{padding:8px 16px 16px}.mobile-settings-section{margin-bottom:16px}.mobile-settings-title{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:600}.mobile-settings-toggle{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.mobile-settings-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.mobile-settings-slider-row{align-items:center;gap:8px;padding:4px 0 8px 26px;display:flex}.mobile-settings-slider-row input[type=range]{accent-color:var(--accent);flex:1}.mobile-settings-slider-row span{color:var(--text-dim);text-align:right;min-width:28px;font-size:12px}.panel-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-panel-alt);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.layer-panel{flex-direction:column;flex:1;min-height:100px;display:flex;overflow:hidden}.layer-list{flex:1;overflow-y:auto}.layer-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:4px;padding:3px 6px;display:flex}.layer-item:hover{background:var(--bg-hover)}.layer-item.active{background:var(--bg-active)}.layer-vis,.layer-lock{cursor:pointer;width:20px;height:20px;color:var(--text-dim);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.layer-vis.on{color:var(--text)}.layer-vis.off{opacity:.3}.layer-lock.on{color:var(--accent)}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.layer-name-input{flex:1;padding:1px 4px;font-size:11px}.layer-opacity{border-top:1px solid var(--border);color:var(--text-dim);flex-shrink:0;align-items:center;gap:4px;padding:4px 6px;font-size:10px;display:flex}.layer-opacity input[type=range]{height:14px;accent-color:var(--accent);flex:1}.layer-opacity span{text-align:right;width:32px}.layer-actions{border-top:1px solid var(--border);flex-shrink:0;gap:4px;padding:4px 6px;display:flex}.palette-panel{border-top:1px solid var(--border);flex-direction:column;flex:1;min-height:100px;display:flex;overflow:hidden}.color-swatches{flex-shrink:0;align-items:center;gap:4px;padding:6px 8px;display:flex}.color-swatch{border:2px solid var(--border);border-radius:3px;flex-shrink:0;width:28px;height:28px}.color-swatch.fg{z-index:1}.color-swatch.bg{margin-top:8px;margin-left:-12px}.swap-btn{margin-left:auto}.palette-dropdown-wrapper{flex-shrink:0;margin:0 6px 4px;position:relative}.palette-dropdown-trigger{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text);text-align:left;align-items:center;gap:4px;padding:4px 6px;font-size:11px;display:flex}.palette-dropdown-trigger:hover{border-color:var(--accent)}.pdt-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pdt-count{color:var(--text-dim);flex-shrink:0;font-size:10px}.pdt-preview{flex-shrink:0;gap:1px;display:flex}.pdt-dot{border-radius:1px;flex-shrink:0;width:8px;height:8px}.pdt-more{color:var(--text-dim);font-size:9px}.pdt-arrow{color:var(--text-dim);flex-shrink:0;font-size:8px}.palette-dropdown-list{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);z-index:500;flex-direction:column;max-height:300px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 16px #00000080}.palette-dropdown-search{flex-shrink:0;margin:4px;padding:3px 6px;font-size:11px}.palette-dropdown-items{flex:1;overflow-y:auto}.palette-dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:2px;padding:4px 8px;display:flex}.palette-dropdown-item:hover{background:var(--bg-hover)}.palette-dropdown-item.active{background:var(--bg-active)}.pdi-header{justify-content:space-between;align-items:center;display:flex}.pdi-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pdi-count{color:var(--text-dim);flex-shrink:0;font-size:10px}.pdi-colors{flex-wrap:wrap;gap:1px;display:flex}.pdi-dot{border-radius:1px;width:10px;height:10px}.pdi-more{color:var(--text-dim);align-items:center;padding-left:2px;font-size:9px;display:flex}.palette-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));align-content:start;gap:2px;padding:4px 6px;display:grid;overflow-y:auto}.palette-color{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:3px;width:100%;padding:0;transition:transform .1s,border-color .1s}.palette-color:hover{z-index:1;border-color:#ffffff80;transform:scale(1.1)}.palette-color.selected{box-shadow:0 0 0 1px var(--bg-panel), 0 0 4px #ffffff4d;border-color:#fff}.palette-actions{border-top:1px solid var(--border);flex-shrink:0;gap:4px;padding:4px 6px;display:flex}.color-preview-strip{background:var(--bg-panel);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;min-height:28px;padding:3px 6px;display:flex;overflow:hidden}.cp-colors{flex-shrink:0;align-items:center;gap:2px;display:flex}.cp-swatch{border:2px solid var(--border);border-radius:2px;flex-shrink:0;width:20px;height:20px}.cp-fg{z-index:1}.cp-bg{margin-top:6px;margin-left:-8px}.cp-swap{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0 2px;font-size:9px}.cp-palette{scrollbar-width:none;flex:1;align-items:center;gap:1px;display:flex;overflow-x:auto}.cp-palette::-webkit-scrollbar{display:none}.cp-color{cursor:pointer;border:1px solid #0000;border-radius:2px;flex-shrink:0;width:18px;min-width:18px;height:18px;padding:0}.cp-color:hover{z-index:1;border-color:#ffffff80;transform:scale(1.15)}.cp-color.active{border-color:#fff;box-shadow:0 0 2px #fff6}.status-bar{background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-dim);-webkit-user-select:none;user-select:none;white-space:nowrap;grid-area:status;align-items:center;gap:16px;padding:0 8px;font-size:11px;display:flex;overflow:hidden}.btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);padding:4px 12px}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-small{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);padding:2px 8px;font-size:11px}.btn-small:hover{background:var(--bg-hover)}.btn-small:disabled{opacity:.4;cursor:default}.btn-tiny{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:2px;padding:1px 4px;font-size:10px}.dialog-backdrop{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;min-width:300px;max-width:90vw;padding:0;box-shadow:0 8px 32px #0009}.dialog-title{border-bottom:1px solid var(--border);padding:10px 16px;font-size:13px;font-weight:600}.dialog-body{padding:16px}.dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.app-layout-mobile{grid-template-rows:32px 26px 1fr auto auto 44px 22px;grid-template-areas:"menu""tabs""canvas""colorstrip""hotbar""toolbar""status";width:100%;height:100%;display:grid}.app-layout-mobile>.color-preview-strip{grid-area:colorstrip}.app-layout-mobile .menu-bar{font-size:11px}.mobile-canvas-area{grid-area:canvas;min-width:0;min-height:0;position:relative;overflow:hidden}.mobile-canvas-area .canvas-container{width:100%;height:100%}.mobile-hotbar{background:var(--bg-panel-alt);border-top:1px solid var(--border);scrollbar-width:none;grid-area:hotbar;align-items:center;gap:2px;padding:3px 6px;display:flex;overflow-x:auto}.mobile-hotbar::-webkit-scrollbar{display:none}.hotbar-btn{background:var(--bg-input);border-radius:var(--radius);cursor:pointer;color:var(--text);white-space:nowrap;border:1px solid #0000;flex-shrink:0;align-items:center;gap:3px;padding:5px 8px;font-size:11px;display:flex}.hotbar-btn:hover,.hotbar-btn.active{background:var(--accent);color:#fff}.hotbar-btn:disabled{opacity:.3;cursor:default}.hotbar-btn:disabled:hover{background:var(--bg-input);color:var(--text)}.hotbar-btn.danger{color:#f88}.hotbar-btn.danger:hover{color:#fff;background:#a44}.hotbar-icon{font-size:14px;line-height:1}.hotbar-label{font-size:10px}.hotbar-sep{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 2px}.hotbar-size{flex-shrink:0;align-items:center;gap:2px;display:flex}.hotbar-size-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:26px;height:26px;color:var(--text);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.hotbar-size-val{text-align:center;min-width:20px;color:var(--text);font-size:11px}.mobile-toolbar{background:var(--bg-panel);border-top:1px solid var(--border);grid-area:toolbar}.mobile-tab-bar{height:100%;display:flex}.mobile-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-size:10px;display:flex}.mobile-tab:hover,.mobile-tab.active{color:var(--text);border-top-color:var(--accent);background:var(--bg-panel-alt)}.mobile-color-dot{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:12px;height:12px;display:inline-block}.mobile-panel-overlay{z-index:3000;background:#0006;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-panel-sheet{background:var(--bg-panel);border-top:1px solid var(--border);border-radius:12px 12px 0 0;flex-direction:column;max-height:60vh;animation:.2s ease-out slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-panel-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.mobile-panel-title{font-size:14px;font-weight:600}.mobile-panel-close{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);padding:4px 12px;font-size:12px}.mobile-panel-content{flex:1;padding-bottom:16px;overflow-y:auto}.mobile-panel-content .layer-panel,.mobile-panel-content .palette-panel{border-top:none;min-height:auto}.mobile-panel-content .palette-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.mobile-panel-content .palette-color{min-height:40px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media (width<=768px){.menu-trigger{padding:6px 8px}.menu-dropdown{min-width:180px}.menu-item{padding:8px 12px}.dialog{width:calc(100vw - 32px);min-width:auto}.status-bar{gap:8px;font-size:10px}}.timeline-area{background:var(--bg-panel);border-top:1px solid var(--border);grid-area:timeline;max-height:180px;overflow:hidden}.timeline{flex-direction:column;height:100%;display:flex;overflow:hidden}.tl-toolbar{background:var(--bg-panel-alt);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;min-height:26px;padding:3px 6px;display:flex}.tl-transport{gap:2px;display:flex}.tl-play-btn{padding:1px 6px;font-size:12px}.tl-frame-label{color:var(--text-dim);text-align:center;min-width:40px;font-size:11px}.tl-fps{color:var(--text-dim);align-items:center;gap:3px;font-size:10px;display:flex}.tl-fps-input{text-align:center;width:36px;padding:1px 3px;font-size:10px}.tl-onion-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent-hover)!important}.tl-frame-actions{gap:2px;margin-left:auto;display:flex}.tl-grid{grid-template-columns:80px repeat(var(--frame-count,1), 32px);flex:1;align-content:start;display:grid;overflow:auto}.tl-corner{background:var(--bg-panel-alt);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:2;position:sticky;left:0}.tl-frame-header{color:var(--text-dim);border-bottom:1px solid var(--border);cursor:pointer;background:var(--bg-panel-alt);border-right:1px solid #ffffff08;justify-content:center;align-items:center;min-height:20px;padding:2px 0;font-size:10px;display:flex}.tl-frame-header.active{background:var(--accent);color:#fff}.tl-layer-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--border);cursor:pointer;z-index:1;background:var(--bg-panel);border-bottom:1px solid #ffffff0d;align-items:center;gap:3px;min-height:30px;padding:2px 4px;font-size:10px;display:flex;position:sticky;left:0;overflow:hidden}.tl-layer-name.active{background:var(--bg-active);color:var(--text)}.tl-hidden-icon{opacity:.4;font-size:8px}.tl-cell{cursor:pointer;background:var(--bg-panel);border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff08;justify-content:center;align-items:center;min-height:30px;padding:2px;display:flex}.tl-cell:hover{background:var(--bg-hover)}.tl-cell.col-active{background:#6c9bd21a}.tl-cell.row-active{background:#6c9bd20f}.tl-cell.active{background:var(--bg-active);box-shadow:inset 0 0 0 1px var(--accent)}.tl-thumb{background:var(--bg-app);border-radius:2px;display:block}.tl-thumb-empty{border:1px dashed #ffffff1a;border-radius:2px}:root[data-theme=win95]{--w95-white:#fff;--w95-face:silver;--w95-light:#dfdfdf;--w95-shadow:gray;--w95-dark:#000;--w95-navy:navy;--w95-teal:teal;--bevel-raised:inset -1px -1px var(--w95-dark), inset 1px 1px var(--w95-white), inset -2px -2px var(--w95-shadow), inset 2px 2px var(--w95-light);--bevel-sunken:inset -1px -1px var(--w95-white), inset 1px 1px var(--w95-dark), inset -2px -2px var(--w95-light), inset 2px 2px var(--w95-shadow);--bevel-window:inset -1px -1px var(--w95-dark), inset 1px 1px var(--w95-light), inset -2px -2px var(--w95-shadow), inset 2px 2px var(--w95-white);font-family:Pixelated MS Sans Serif,MS Sans Serif,Arial,sans-serif}[data-theme=win95] ::-webkit-scrollbar{width:16px;height:16px}[data-theme=win95] ::-webkit-scrollbar-corner{background:var(--w95-face)}[data-theme=win95] ::-webkit-scrollbar-track{background-color:var(--w95-face);background-image:linear-gradient(45deg,#a0a0a0 25%,#0000 25%),linear-gradient(-45deg,#a0a0a0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#a0a0a0 75%),linear-gradient(-45deg,#0000 75%,#a0a0a0 75%);background-position:0 0,0 1px,1px -1px,-1px 0;background-size:2px 2px}[data-theme=win95] ::-webkit-scrollbar-thumb{background:var(--w95-face);box-shadow:var(--bevel-raised);border:none}[data-theme=win95] ::-webkit-scrollbar-button{background:var(--w95-face);box-shadow:var(--bevel-raised);width:16px;height:16px;display:block}[data-theme=win95] ::-webkit-scrollbar-button:active{box-shadow:var(--bevel-sunken)}[data-theme=win95] .menu-bar{background:var(--w95-face);border:none;border-bottom:1px solid var(--w95-shadow)}[data-theme=win95] .menu-trigger{color:#000}[data-theme=win95] .menu-trigger:hover,[data-theme=win95] .menu-trigger.active{background:var(--w95-navy);color:#fff}[data-theme=win95] .menu-dropdown{background:var(--w95-face);box-shadow:var(--bevel-raised), 2px 2px 0 #0000004d;border:none;border-radius:0}[data-theme=win95] .menu-item{color:#000}[data-theme=win95] .menu-item:hover{background:var(--w95-navy);color:#fff}[data-theme=win95] .menu-shortcut{color:var(--w95-shadow)}[data-theme=win95] .menu-item:hover .menu-shortcut{color:#fff9}[data-theme=win95] .menu-separator{background:var(--w95-shadow);height:1px;box-shadow:0 1px 0 var(--w95-white);margin:2px}[data-theme=win95] .tab-bar{background:var(--w95-face);border-bottom:1px solid var(--w95-shadow)}[data-theme=win95] .tab{background:var(--w95-face);color:#000;box-shadow:inset 1px 1px var(--w95-white), inset -1px 0 var(--w95-shadow);border:none;border-bottom:1px solid var(--w95-shadow);border-radius:0}[data-theme=win95] .tab.active{background:var(--w95-face);border-bottom:1px solid var(--w95-face);box-shadow:inset 1px 1px var(--w95-white), inset -1px 0 var(--w95-shadow);margin-bottom:-1px;padding-bottom:1px}[data-theme=win95] .panel-left,[data-theme=win95] .panel-right,[data-theme=win95] .sidebar{background:var(--w95-face);border:none}[data-theme=win95] .panel-header{background:var(--w95-face);color:#000;border-bottom:1px solid var(--w95-shadow);box-shadow:0 1px 0 var(--w95-white);font-weight:700}[data-theme=win95] .tool-btn,[data-theme=win95] .btn,[data-theme=win95] .btn-small,[data-theme=win95] .btn-tiny,[data-theme=win95] .sub-tool-btn,[data-theme=win95] .sel-action-btn,[data-theme=win95] .hotbar-btn,[data-theme=win95] .hotbar-size-btn,[data-theme=win95] .brush-size-btn{background:var(--w95-face);color:#000;box-shadow:var(--bevel-raised);border:none;border-radius:0;padding:4px 8px}[data-theme=win95] .tool-btn:hover,[data-theme=win95] .btn:hover,[data-theme=win95] .btn-small:hover,[data-theme=win95] .sub-tool-btn:hover,[data-theme=win95] .sel-action-btn:hover,[data-theme=win95] .hotbar-btn:hover{background:var(--w95-light)}[data-theme=win95] .tool-btn:active,[data-theme=win95] .btn:active,[data-theme=win95] .btn-small:active,[data-theme=win95] .sub-tool-btn:active,[data-theme=win95] .sel-action-btn:active,[data-theme=win95] .hotbar-btn:active,[data-theme=win95] .hotbar-size-btn:active{box-shadow:var(--bevel-sunken);padding:5px 7px 3px 9px}[data-theme=win95] .tool-btn.active,[data-theme=win95] .sub-tool-btn.active,[data-theme=win95] .hotbar-btn.active,[data-theme=win95] .brush-size-btn.active{box-shadow:var(--bevel-sunken);background:var(--w95-light)}[data-theme=win95] .btn-primary{background:var(--w95-face);color:#000;box-shadow:var(--bevel-raised), inset 0 0 0 3px var(--w95-face), 0 0 0 1px var(--w95-dark)}[data-theme=win95] input[type=number],[data-theme=win95] input[type=text],[data-theme=win95] select,[data-theme=win95] .palette-dropdown-trigger,[data-theme=win95] .theme-select{color:#000;box-shadow:var(--bevel-sunken);background:#fff;border:none;border-radius:0;padding:3px 4px}[data-theme=win95] input:focus{outline:1px dotted var(--w95-dark);outline-offset:-3px}[data-theme=win95] .layer-item{color:#000;border-bottom:1px solid var(--w95-light)}[data-theme=win95] .layer-item:hover{background:var(--w95-light)}[data-theme=win95] .layer-item.active{background:var(--w95-navy);color:#fff}[data-theme=win95] .layer-vis,[data-theme=win95] .layer-lock{color:#000}[data-theme=win95] .layer-item.active .layer-vis,[data-theme=win95] .layer-item.active .layer-lock,[data-theme=win95] .layer-item.active .layer-name{color:#fff}[data-theme=win95] .status-bar{background:var(--w95-face);color:#000;box-shadow:inset 0 1px 0 var(--w95-white);border-top:none}[data-theme=win95] .color-preview-strip{background:var(--w95-face);border-top:1px solid var(--w95-shadow);box-shadow:inset 0 1px 0 var(--w95-white)}[data-theme=win95] .color-swatch,[data-theme=win95] .cp-swatch{box-shadow:var(--bevel-sunken);border:none}[data-theme=win95] .palette-color{border:1px solid var(--w95-shadow);border-radius:0}[data-theme=win95] .palette-color.selected{border-color:var(--w95-dark);box-shadow:0 0 0 1px var(--w95-dark)}[data-theme=win95] .palette-grid{box-shadow:var(--bevel-sunken);background:#fff;margin:0 6px;padding:4px}[data-theme=win95] .palette-dropdown-list{background:var(--w95-face);box-shadow:var(--bevel-raised), 2px 2px 0 #0000004d;border:none;border-radius:0}[data-theme=win95] .palette-dropdown-item{color:#000;border-bottom:1px solid var(--w95-light)}[data-theme=win95] .palette-dropdown-item:hover,[data-theme=win95] .palette-dropdown-item.active{background:var(--w95-navy);color:#fff}[data-theme=win95] .dialog{background:var(--w95-face);box-shadow:var(--bevel-window), 3px 3px 0 #0000004d;border:none;border-radius:0}[data-theme=win95] .dialog-title{background:linear-gradient(90deg, var(--w95-navy), #1084d0);color:#fff;padding:3px 4px;font-weight:700}[data-theme=win95] .dialog-body{color:#000}[data-theme=win95] .dialog-footer{border-top:1px solid var(--w95-shadow);box-shadow:0 -1px 0 var(--w95-white)}[data-theme=win95] .mobile-tab-bar{background:var(--w95-face);border-top:1px solid var(--w95-shadow);box-shadow:inset 0 1px 0 var(--w95-white)}[data-theme=win95] .mobile-tab{color:#000;border-top:none}[data-theme=win95] .mobile-tab:hover,[data-theme=win95] .mobile-tab.active{background:var(--w95-navy);color:#fff;border-top:none}[data-theme=win95] .mobile-hotbar{background:var(--w95-face);border-top:1px solid var(--w95-shadow);box-shadow:inset 0 1px 0 var(--w95-white)}[data-theme=win95] .mobile-panel-sheet{background:var(--w95-face);box-shadow:var(--bevel-window);border-radius:0}[data-theme=win95] .mobile-panel-title{color:#000}[data-theme=win95] .brush-preview{box-shadow:var(--bevel-sunken);background:#fff;border:none}[data-theme=win95] .canvas-container{box-shadow:var(--bevel-sunken)}[data-theme=win95] .symmetry-panel,[data-theme=win95] .tiling-panel{border-top:1px solid var(--w95-shadow);box-shadow:inset 0 1px 0 var(--w95-white)}[data-theme=win95] .resize-handle{background:var(--w95-face)}[data-theme=win95] .resize-handle:hover,[data-theme=win95] .resize-handle:active{opacity:1;background:var(--w95-shadow)}[data-theme=win95] .tool-option-checkbox input[type=checkbox]{appearance:none;width:13px;height:13px;box-shadow:var(--bevel-sunken);background:#fff;border:none;border-radius:0;position:relative}[data-theme=win95] .tool-option-checkbox input[type=checkbox]:checked:after{content:"x";color:#000;font-size:11px;font-weight:700;position:absolute;top:-1px;left:2px}[data-theme=win95] .menu-action-btn{color:#000}[data-theme=win95] .menu-action-btn.has-action{color:var(--w95-navy)}[data-theme=win95] .menu-action-btn:disabled{color:var(--w95-shadow)}[data-theme=win95] .menu-action-btn.share{color:var(--w95-navy)}[data-theme=win95] .menu-title{color:#000}:root[data-theme=winxp]{font-family:Tahoma,Segoe UI,sans-serif}[data-theme=winxp] .menu-bar{color:#fff;background:linear-gradient(#3169b3 0%,#2456a1 50%,#1d4d97 100%);border-bottom:1px solid #15397a}[data-theme=winxp] .menu-trigger{color:#fff}[data-theme=winxp] .menu-trigger:hover,[data-theme=winxp] .menu-trigger.active{color:#fff;background:#fff3}[data-theme=winxp] .menu-dropdown{background:#f1efe2;border:1px solid #aca899;border-radius:2px;box-shadow:2px 2px 4px #00000040}[data-theme=winxp] .menu-item{color:#000}[data-theme=winxp] .menu-item:hover{color:#fff;background:#316ac5}[data-theme=winxp] .tab-bar{background:#ece9d8;border-bottom:1px solid #aca899}[data-theme=winxp] .tab{color:#000;background:#ece9d8;border:1px solid #aca899;border-bottom:none;border-radius:3px 3px 0 0}[data-theme=winxp] .tab.active{background:#fff;border-bottom:1px solid #fff}[data-theme=winxp] .panel-left,[data-theme=winxp] .panel-right{background:#ece9d8}[data-theme=winxp] .tool-btn{color:#000;background:#ece9d8;border:1px solid #aca899;border-radius:3px}[data-theme=winxp] .tool-btn:hover{background:#b5d3ff;border-color:#316ac5}[data-theme=winxp] .tool-btn.active{color:#000;background:#c1d2ee;border-color:#316ac5}[data-theme=winxp] .sub-tool-btn{color:#000;background:#ece9d8;border:1px solid #aca899;border-radius:3px}[data-theme=winxp] .sub-tool-btn.active{color:#000;background:#c1d2ee;border-color:#316ac5}[data-theme=winxp] .btn,[data-theme=winxp] .btn-small,[data-theme=winxp] .sel-action-btn,[data-theme=winxp] .hotbar-btn{color:#000;background:#ece9d8;border:1px solid #aca899;border-radius:3px}[data-theme=winxp] .btn:hover,[data-theme=winxp] .btn-small:hover,[data-theme=winxp] .sel-action-btn:hover,[data-theme=winxp] .hotbar-btn:hover{background:#b5d3ff;border-color:#316ac5}[data-theme=winxp] .btn-primary{color:#fff;background:linear-gradient(#4a90d9 0%,#3169b3 100%);border:1px solid #15397a}[data-theme=winxp] .layer-item.active{color:#fff;background:#316ac5}[data-theme=winxp] .panel-header{color:#fff;background:linear-gradient(#3d7bc7 0%,#2a5da1 100%);border-bottom:1px solid #15397a}[data-theme=winxp] .status-bar{color:#000;background:#ece9d8;border-top:1px solid #aca899}[data-theme=winxp] .dialog{background:#ece9d8;border:1px solid #aca899;border-radius:4px;box-shadow:2px 2px 8px #0000004d}[data-theme=winxp] .dialog-title{color:#fff;background:linear-gradient(#3e88d1 0%,#1f5daa 50%,#0f4596 100%);border-radius:3px 3px 0 0;font-weight:700}[data-theme=winxp] .color-preview-strip{background:#ece9d8;border-top:1px solid #aca899}[data-theme=winxp] .mobile-tab-bar{background:#ece9d8}[data-theme=winxp] .mobile-tab.active{color:#fff;background:#316ac5;border-top-color:#316ac5}[data-theme=winxp] .mobile-hotbar{background:#ece9d8;border-top:1px solid #aca899}[data-theme=winxp] .menu-action-btn{color:#fff}[data-theme=winxp] .menu-action-btn.has-action{color:#ffeb3b}[data-theme=winxp] .menu-action-btn:disabled{color:#ffffff4d}[data-theme=winxp] .menu-action-btn.share{color:#fff}[data-theme=winxp] .menu-title{color:#fffc}[data-theme=winxp] .theme-select{color:#000;background:#ece9d8;border:1px solid #aca899}[data-theme=winxp] .palette-dropdown-item:hover,[data-theme=winxp] .palette-dropdown-item.active{color:#fff;background:#316ac5}:root[data-theme=aseprite],[data-theme=aseprite] *{font-family:Silkscreen,Courier New,monospace}[data-theme=aseprite] .menu-bar{background:#2c2c30;border-bottom:1px solid #202125}[data-theme=aseprite] .menu-trigger{color:silver}[data-theme=aseprite] .menu-trigger:hover,[data-theme=aseprite] .menu-trigger.active{color:#2c2c30;background:silver}[data-theme=aseprite] .menu-dropdown{background:#2c2c30;border:1px solid silver;border-radius:0;box-shadow:2px 2px #00000080}[data-theme=aseprite] .menu-item{color:silver}[data-theme=aseprite] .menu-item:hover{color:#2c2c30;background:silver}[data-theme=aseprite] .menu-item:disabled{color:#202125}[data-theme=aseprite] .menu-shortcut{color:#636d79}[data-theme=aseprite] .menu-item:hover .menu-shortcut{color:#41444a}[data-theme=aseprite] .menu-separator{background:#41444a;margin:2px 4px}[data-theme=aseprite] .tab-bar{background:#2c2c30;border-bottom:1px solid #202125}[data-theme=aseprite] .tab{color:#7d7d7d;background:#2c2c30;border:1px solid #202125;border-bottom:none;border-radius:0}[data-theme=aseprite] .tab:hover{color:silver;background:#41444a}[data-theme=aseprite] .tab.active{color:silver;background:#333;border-bottom:2px solid #e1b85f}[data-theme=aseprite] .tab-close:hover{background:#c75a68}[data-theme=aseprite] .panel-left,[data-theme=aseprite] .panel-right{background:#2c2c30;border-color:#202125}[data-theme=aseprite] .panel-header{color:#636d79;text-transform:uppercase;letter-spacing:1px;background:#41444a;border-bottom:1px solid #202125;font-size:9px}[data-theme=aseprite] .tool-btn,[data-theme=aseprite] .sub-tool-btn,[data-theme=aseprite] .btn,[data-theme=aseprite] .btn-small,[data-theme=aseprite] .sel-action-btn,[data-theme=aseprite] .hotbar-btn,[data-theme=aseprite] .hotbar-size-btn,[data-theme=aseprite] .brush-size-btn{color:silver;background:#41444a;border:1px solid #1a1a1e;border-radius:0;box-shadow:inset 1px 1px #ffffff0f,inset -1px -1px #17171a}[data-theme=aseprite] .tool-btn:hover,[data-theme=aseprite] .sub-tool-btn:hover,[data-theme=aseprite] .btn:hover,[data-theme=aseprite] .btn-small:hover,[data-theme=aseprite] .sel-action-btn:hover,[data-theme=aseprite] .hotbar-btn:hover{background:#575b61}[data-theme=aseprite] .tool-btn:active,[data-theme=aseprite] .sub-tool-btn:active,[data-theme=aseprite] .btn:active,[data-theme=aseprite] .btn-small:active,[data-theme=aseprite] .sel-action-btn:active,[data-theme=aseprite] .hotbar-btn:active{box-shadow:inset -1px -1px #ffffff0f,inset 1px 1px #17171a}[data-theme=aseprite] .tool-btn.active,[data-theme=aseprite] .sub-tool-btn.active,[data-theme=aseprite] .hotbar-btn.active,[data-theme=aseprite] .brush-size-btn.active{color:#41444a;background:#e1b85f;border-color:#b89640;box-shadow:inset -1px -1px #9a7e30,inset 1px 1px #ffffff26}[data-theme=aseprite] .hotbar-btn.active,[data-theme=aseprite] .brush-size-btn.active{color:#41444a;background:#e1b85f}[data-theme=aseprite] .btn-primary{color:#fff;background:#4069c2;border-color:#2c4c91}[data-theme=aseprite] .tool-action-btn.danger,[data-theme=aseprite] .sel-action-btn.danger,[data-theme=aseprite] .hotbar-btn.danger{color:#c75a68}[data-theme=aseprite] .layer-item{color:silver;border-bottom:1px solid #202125}[data-theme=aseprite] .layer-item:hover{background:#41444a}[data-theme=aseprite] .layer-item.active{color:#41444a;background:#e1b85f}[data-theme=aseprite] .layer-item.active .layer-vis,[data-theme=aseprite] .layer-item.active .layer-lock,[data-theme=aseprite] .layer-item.active .layer-name{color:#41444a}[data-theme=aseprite] .status-bar{color:#636d79;background:#333;border-top:1px solid #202125}[data-theme=aseprite] .canvas-container{background:#202125}[data-theme=aseprite] .brush-preview{background:#202125;border:1px solid #202125;border-radius:0}[data-theme=aseprite] .color-preview-strip{background:#2c2c30;border-top:1px solid #202125}[data-theme=aseprite] .color-swatch,[data-theme=aseprite] .cp-swatch{border-color:#202125;border-radius:0}[data-theme=aseprite] .palette-grid{background:#202125;border:1px solid #000;border-radius:0;padding:2px}[data-theme=aseprite] .palette-color{border:0;border-radius:0}[data-theme=aseprite] .palette-color.selected{box-shadow:none;border:2px solid #e1b85f}[data-theme=aseprite] .palette-color:hover{border:1px solid silver}[data-theme=aseprite] .palette-dropdown-trigger{color:silver;background:#41444a;border:1px solid #202125;border-radius:0}[data-theme=aseprite] .palette-dropdown-list{background:#2c2c30;border:1px solid silver;border-radius:0;box-shadow:2px 2px #00000080}[data-theme=aseprite] .palette-dropdown-item{color:silver;border-bottom:1px solid #202125}[data-theme=aseprite] .palette-dropdown-item:hover,[data-theme=aseprite] .palette-dropdown-item.active{color:#41444a;background:#e1b85f}[data-theme=aseprite] input[type=number],[data-theme=aseprite] input[type=text],[data-theme=aseprite] select,[data-theme=aseprite] .theme-select{color:silver;background:#41444a;border:1px solid #202125;border-radius:0;box-shadow:inset 1px 1px #17171a,inset -1px -1px #ffffff0a}[data-theme=aseprite] input:focus{border-color:#e1b85f}[data-theme=aseprite] input[type=range],[data-theme=aseprite] input[type=checkbox]{accent-color:#e1b85f}[data-theme=aseprite] .dialog{background:#2c2c30;border:1px solid silver;border-radius:0;box-shadow:2px 2px #00000080}[data-theme=aseprite] .dialog-title{color:silver;background:#41444a;border-bottom:1px solid #202125}[data-theme=aseprite] .dialog-body{color:silver}[data-theme=aseprite] .dialog-footer,[data-theme=aseprite] .symmetry-panel,[data-theme=aseprite] .tiling-panel{border-top:1px solid #202125}[data-theme=aseprite] .mobile-tab-bar{background:#2c2c30;border-top:1px solid #202125}[data-theme=aseprite] .mobile-tab{color:#7d7d7d}[data-theme=aseprite] .mobile-tab:hover,[data-theme=aseprite] .mobile-tab.active{color:#41444a;background:#e1b85f;border-top-color:#e1b85f}[data-theme=aseprite] .mobile-hotbar{background:#2c2c30;border-top:1px solid #202125}[data-theme=aseprite] .mobile-panel-sheet{background:#2c2c30;border-radius:0}[data-theme=aseprite] .resize-handle{background:#2c2c30}[data-theme=aseprite] .resize-handle:hover{background:#e1b85f}[data-theme=aseprite] .menu-action-btn{color:silver}[data-theme=aseprite] .menu-action-btn.has-action{color:#e1b85f}[data-theme=aseprite] .menu-action-btn:disabled{color:#202125}[data-theme=aseprite] .menu-action-btn.share{color:#6e9adb}[data-theme=aseprite] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=aseprite] ::-webkit-scrollbar-track{background:#202125}[data-theme=aseprite] ::-webkit-scrollbar-thumb{background:#41444a;border:1px solid #202125}[data-theme=aseprite] ::-webkit-scrollbar-thumb:hover{background:#575b61}:root[data-theme=aseprite-light],[data-theme=aseprite-light] *{font-family:Silkscreen,Courier New,monospace}[data-theme=aseprite-light] .menu-bar{background:#d3cbbe;border-bottom:1px solid #968275}[data-theme=aseprite-light] .menu-trigger{color:#000}[data-theme=aseprite-light] .menu-trigger:hover,[data-theme=aseprite-light] .menu-trigger.active{color:#000;background:#ffebb6}[data-theme=aseprite-light] .menu-dropdown{background:#d3cbbe;border:1px solid #968275;border-radius:0;box-shadow:2px 2px #00000040}[data-theme=aseprite-light] .menu-item{color:#000}[data-theme=aseprite-light] .menu-item:hover{color:#fff;background:#7c909f}[data-theme=aseprite-light] .menu-item:disabled,[data-theme=aseprite-light] .menu-shortcut{color:#968275}[data-theme=aseprite-light] .menu-separator{background:#968275}[data-theme=aseprite-light] .tab-bar{background:#c8baa8;border-bottom:1px solid #968275}[data-theme=aseprite-light] .tab{color:#655561;background:#c8baa8;border:1px solid #968275;border-bottom:none;border-radius:0}[data-theme=aseprite-light] .tab:hover{color:#000;background:#d3cbbe}[data-theme=aseprite-light] .tab.active{color:#000;background:#d3cbbe;border-bottom:2px solid #f55}[data-theme=aseprite-light] .tab-close:hover{color:#fff;background:#f55}[data-theme=aseprite-light] .panel-left{background:#7d929e;border-color:#655561}[data-theme=aseprite-light] .panel-right{background:#d3cbbe;border-color:#968275}[data-theme=aseprite-light] .panel-header{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#7c909f;border-bottom:1px solid #655561;font-size:9px}[data-theme=aseprite-light] .tool-panel{color:#fff}[data-theme=aseprite-light] .tool-option-label,[data-theme=aseprite-light] .tool-option-checkbox span{color:#d3cbbe}[data-theme=aseprite-light] .tool-btn,[data-theme=aseprite-light] .sub-tool-btn,[data-theme=aseprite-light] .btn,[data-theme=aseprite-light] .btn-small,[data-theme=aseprite-light] .sel-action-btn,[data-theme=aseprite-light] .hotbar-btn,[data-theme=aseprite-light] .hotbar-size-btn,[data-theme=aseprite-light] .brush-size-btn{color:#000;background:#c6c6c6;border:1px solid #8a7565;border-radius:0;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #8a7565}[data-theme=aseprite-light] .tool-btn:hover,[data-theme=aseprite-light] .sub-tool-btn:hover,[data-theme=aseprite-light] .btn:hover,[data-theme=aseprite-light] .btn-small:hover,[data-theme=aseprite-light] .sel-action-btn:hover,[data-theme=aseprite-light] .hotbar-btn:hover{background:linen}[data-theme=aseprite-light] .tool-btn:active,[data-theme=aseprite-light] .sub-tool-btn:active,[data-theme=aseprite-light] .btn:active,[data-theme=aseprite-light] .btn-small:active,[data-theme=aseprite-light] .sel-action-btn:active,[data-theme=aseprite-light] .hotbar-btn:active{box-shadow:inset -1px -1px #ffffff4d,inset 1px 1px #8a7565}[data-theme=aseprite-light] .tool-btn.active,[data-theme=aseprite-light] .sub-tool-btn.active,[data-theme=aseprite-light] .hotbar-btn.active,[data-theme=aseprite-light] .brush-size-btn.active{color:#fff;background:#f55;border-color:#c33;box-shadow:inset -1px -1px #a22,inset 1px 1px #fff3}[data-theme=aseprite-light] .btn-primary{color:#fff;background:#7c909f;border-color:#655561}[data-theme=aseprite-light] .layer-list{background:#c6c6c6}[data-theme=aseprite-light] .layer-item{color:#000;border-bottom:1px solid #b0b0b0}[data-theme=aseprite-light] .layer-item:hover{background:#d8d8d8}[data-theme=aseprite-light] .layer-item.active{color:#fff;background:#f55}[data-theme=aseprite-light] .layer-item.active .layer-vis,[data-theme=aseprite-light] .layer-item.active .layer-lock,[data-theme=aseprite-light] .layer-item.active .layer-name{color:#fff}[data-theme=aseprite-light] .status-bar{color:#655561;background:#d3cbbe;border-top:1px solid #968275}[data-theme=aseprite-light] .canvas-container{background:#655561}[data-theme=aseprite-light] .brush-preview{background:#fff;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light] .color-preview-strip{background:#d3cbbe;border-top:1px solid #968275}[data-theme=aseprite-light] .color-swatch,[data-theme=aseprite-light] .cp-swatch{border-color:#968275;border-radius:0}[data-theme=aseprite-light] .palette-grid{background:#fff;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light] .palette-color{border:0;border-radius:0}[data-theme=aseprite-light] .palette-color.selected{box-shadow:none;border:2px solid #f55}[data-theme=aseprite-light] .palette-dropdown-trigger{color:#000;background:#fff;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light] .palette-dropdown-list{background:#d3cbbe;border:1px solid #968275;border-radius:0;box-shadow:2px 2px #00000040}[data-theme=aseprite-light] .palette-dropdown-item{color:#000}[data-theme=aseprite-light] .palette-dropdown-item:hover,[data-theme=aseprite-light] .palette-dropdown-item.active{color:#fff;background:#f55}[data-theme=aseprite-light] input[type=number],[data-theme=aseprite-light] input[type=text],[data-theme=aseprite-light] select,[data-theme=aseprite-light] .theme-select{color:#000;background:#fff;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light] input:focus{border-color:#f55}[data-theme=aseprite-light] input[type=range],[data-theme=aseprite-light] input[type=checkbox]{accent-color:#f55}[data-theme=aseprite-light] .dialog{background:#d3cbbe;border:1px solid #968275;border-radius:0;box-shadow:2px 2px #00000040}[data-theme=aseprite-light] .dialog-title{color:#fff;background:#7c909f;border-bottom:1px solid #655561}[data-theme=aseprite-light] .dialog-footer{border-top:1px solid #968275}[data-theme=aseprite-light] .mobile-tab-bar{background:#d3cbbe;border-top:1px solid #968275}[data-theme=aseprite-light] .mobile-tab{color:#655561}[data-theme=aseprite-light] .mobile-tab:hover,[data-theme=aseprite-light] .mobile-tab.active{color:#fff;background:#f55;border-top-color:#f55}[data-theme=aseprite-light] .mobile-hotbar{background:#d3cbbe;border-top:1px solid #968275}[data-theme=aseprite-light] .mobile-panel-sheet{background:#d3cbbe;border-radius:0}[data-theme=aseprite-light] .resize-handle{background:#d3cbbe}[data-theme=aseprite-light] .resize-handle:hover{background:#f55}[data-theme=aseprite-light] .menu-action-btn{color:#000}[data-theme=aseprite-light] .menu-action-btn.has-action{color:#f55}[data-theme=aseprite-light] .menu-action-btn:disabled{color:#968275}[data-theme=aseprite-light] .menu-action-btn.share{color:#2c4c91}[data-theme=aseprite-light] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=aseprite-light] ::-webkit-scrollbar-track{background:#c8baa8}[data-theme=aseprite-light] ::-webkit-scrollbar-thumb{background:#968275;border:1px solid #c8baa8}[data-theme=aseprite-light] ::-webkit-scrollbar-thumb:hover{background:#7c909f}[data-theme=aseprite-light] .symmetry-panel,[data-theme=aseprite-light] .tiling-panel{border-top:1px solid #968275}:root[data-theme=aseprite-light2],[data-theme=aseprite-light2] *{font-family:Silkscreen,Courier New,monospace}[data-theme=aseprite-light2] .menu-bar{background:#d3cbbe;border-bottom:1px solid #968275}[data-theme=aseprite-light2] .menu-trigger{color:#000}[data-theme=aseprite-light2] .menu-trigger:hover,[data-theme=aseprite-light2] .menu-trigger.active{color:#000;background:#ffebb6}[data-theme=aseprite-light2] .menu-dropdown{background:#d3cbbe;border:1px solid #968275;border-radius:0;box-shadow:2px 2px #00000040}[data-theme=aseprite-light2] .menu-item{color:#000}[data-theme=aseprite-light2] .menu-item:hover{color:#fff;background:#7c909f}[data-theme=aseprite-light2] .menu-item:disabled{color:#968275}[data-theme=aseprite-light2] .tab-bar{background:#c8baa8;border-bottom:1px solid #968275}[data-theme=aseprite-light2] .tab{color:#655561;background:#c8baa8;border:1px solid #968275;border-bottom:none;border-radius:0}[data-theme=aseprite-light2] .tab.active{color:#000;background:#d3cbbe;border-bottom:2px solid #f55}[data-theme=aseprite-light2] .panel-left,[data-theme=aseprite-light2] .panel-right{background:#d3cbbe;border-color:#968275}[data-theme=aseprite-light2] .panel-header{color:#655561;text-transform:uppercase;letter-spacing:1px;background:#c8baa8;border-bottom:1px solid #968275;font-size:9px}[data-theme=aseprite-light2] .tool-btn,[data-theme=aseprite-light2] .sub-tool-btn,[data-theme=aseprite-light2] .btn,[data-theme=aseprite-light2] .btn-small,[data-theme=aseprite-light2] .sel-action-btn,[data-theme=aseprite-light2] .hotbar-btn,[data-theme=aseprite-light2] .hotbar-size-btn,[data-theme=aseprite-light2] .brush-size-btn{color:#000;background:#d3cbbe;border:1px solid #8a7565;border-radius:0;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #8a7565}[data-theme=aseprite-light2] .tool-btn:hover,[data-theme=aseprite-light2] .btn:hover,[data-theme=aseprite-light2] .btn-small:hover,[data-theme=aseprite-light2] .hotbar-btn:hover{background:linen}[data-theme=aseprite-light2] .tool-btn.active,[data-theme=aseprite-light2] .sub-tool-btn.active,[data-theme=aseprite-light2] .hotbar-btn.active,[data-theme=aseprite-light2] .brush-size-btn.active{color:#fff;background:#f55;border-color:#c33;box-shadow:inset -1px -1px #a22,inset 1px 1px #fff3}[data-theme=aseprite-light2] .layer-item{color:#000;border-bottom:1px solid #c8baa8}[data-theme=aseprite-light2] .layer-item:hover{background:linen}[data-theme=aseprite-light2] .layer-item.active{color:#fff;background:#f55}[data-theme=aseprite-light2] .layer-item.active .layer-vis,[data-theme=aseprite-light2] .layer-item.active .layer-lock,[data-theme=aseprite-light2] .layer-item.active .layer-name{color:#fff}[data-theme=aseprite-light2] .status-bar{color:#655561;background:#d3cbbe;border-top:1px solid #968275}[data-theme=aseprite-light2] .canvas-container{background:#655561}[data-theme=aseprite-light2] .brush-preview{background:#fff;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light2] .color-preview-strip{background:#d3cbbe;border-top:1px solid #968275}[data-theme=aseprite-light2] .color-swatch,[data-theme=aseprite-light2] .cp-swatch{border-color:#968275;border-radius:0}[data-theme=aseprite-light2] .palette-grid{background:#fff;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light2] .palette-color{border:0;border-radius:0}[data-theme=aseprite-light2] .palette-color.selected{box-shadow:none;border:2px solid #f55}[data-theme=aseprite-light2] .palette-dropdown-trigger{color:#000;background:#fff;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light2] .palette-dropdown-list{background:#d3cbbe;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light2] .palette-dropdown-item:hover,[data-theme=aseprite-light2] .palette-dropdown-item.active{color:#fff;background:#f55}[data-theme=aseprite-light2] input[type=number],[data-theme=aseprite-light2] input[type=text],[data-theme=aseprite-light2] select,[data-theme=aseprite-light2] .theme-select{color:#000;background:#fff;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light2] input:focus{border-color:#f55}[data-theme=aseprite-light2] input[type=range],[data-theme=aseprite-light2] input[type=checkbox]{accent-color:#f55}[data-theme=aseprite-light2] .dialog{background:#d3cbbe;border:1px solid #968275;border-radius:0}[data-theme=aseprite-light2] .dialog-title{color:#fff;background:#7c909f}[data-theme=aseprite-light2] .mobile-tab-bar{background:#d3cbbe}[data-theme=aseprite-light2] .mobile-tab.active{color:#fff;background:#f55;border-top-color:#f55}[data-theme=aseprite-light2] .mobile-hotbar{background:#d3cbbe;border-top:1px solid #968275}[data-theme=aseprite-light2] .mobile-panel-sheet{background:#d3cbbe;border-radius:0}[data-theme=aseprite-light2] .resize-handle{background:#d3cbbe}[data-theme=aseprite-light2] .resize-handle:hover{background:#f55}[data-theme=aseprite-light2] .menu-action-btn{color:#000}[data-theme=aseprite-light2] .menu-action-btn.has-action{color:#f55}[data-theme=aseprite-light2] .menu-action-btn:disabled{color:#968275}[data-theme=aseprite-light2] .menu-action-btn.share{color:#2c4c91}[data-theme=aseprite-light2] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=aseprite-light2] ::-webkit-scrollbar-track{background:#c8baa8}[data-theme=aseprite-light2] ::-webkit-scrollbar-thumb{background:#968275}[data-theme=aseprite-light2] .symmetry-panel,[data-theme=aseprite-light2] .tiling-panel{border-top:1px solid #968275}