.asset-editor-overlay{position:fixed;inset:0;z-index:800;background:#12202db5;display:flex;align-items:center;justify-content:center;padding:16px}.asset-editor-window{width:min(690px,96vw);height:min(510px,92vh);background:#f3f3f3;border:1px solid #687987;box-shadow:0 18px 65px #06132199;display:flex;flex-direction:column;color:#171d23;font:12px Tahoma,Verdana,Arial,sans-serif}.asset-editor-window.image-editor-window{width:min(940px,98vw);height:min(650px,94vh)}.asset-title{height:29px;flex:none;background:#30343b;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;font-size:13px}.asset-title button{position:absolute;right:5px;top:4px;width:21px;height:21px;border:0;border-radius:50%;background:#3f8ad0;color:#fff;font-size:16px;line-height:18px}.asset-menu{height:24px;flex:none;background:#fafafa;border-bottom:1px solid #c3c3c3;display:flex;align-items:stretch;padding-left:4px}.asset-menu button{border:0;background:transparent;color:#121212;padding:0 9px}.asset-menu button:hover{background:#dcecff}.asset-toolbar{height:31px;flex:none;background:linear-gradient(#fff,#ebebeb);border-bottom:1px solid #9fa7ae;display:flex;align-items:center;gap:2px;padding:2px 5px;overflow:auto}.asset-toolbar button{height:25px;min-width:26px;padding:0 4px;border:1px solid transparent;background:transparent;color:#2f6eac;font-size:16px;line-height:1}.asset-toolbar button:first-child{color:#1d9a50}.asset-toolbar button:hover{background:#e1f0ff;border-color:#9ebcda}.asset-separator{height:21px;border-left:1px solid #b0b9c0;margin:0 4px}.asset-status{height:21px;flex:none;display:flex;align-items:center;gap:0;border-top:1px solid #afb8c0;background:#fafafa;color:#34414d;font-size:10px}.asset-status span{padding:2px 8px;border-right:1px solid #bfc7cf}.sprite-editor-content{display:flex;flex:1;min-height:0;background:#fff}.sprite-editor-side{width:145px;min-width:145px;background:#f0f0f0;border-right:2px groove #bbb;padding:9px 7px;display:flex;flex-direction:column;gap:10px}.sprite-editor-side label{white-space:nowrap;font-size:11px}.sprite-editor-side input[type=checkbox]{vertical-align:middle;margin:0 3px 0 0}.sprite-frame-area{flex:1;min-width:0;overflow:auto;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,65px);grid-auto-rows:78px;align-content:start;gap:4px;background:#fff}.sprite-frame{border:1px solid transparent;background:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;color:#223546;min-width:0}.sprite-frame:hover{border-color:#a5c5e4;background:#eaf5ff}.sprite-frame.selected{border-color:#5396d5;background:#d7eaff}.sprite-frame-picture{width:44px;height:44px;display:grid;place-items:center;background-color:#e6e6e6;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.sprite-frame-picture img{max-width:100%;max-height:100%;image-rendering:pixelated}.sprite-frame span:last-child{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px}.empty-frame-icon{font-size:20px;color:#9da9b2}.sprite-editor-empty{grid-column:1/-1;color:#788692;padding:20px;font-size:12px}.sprite-live-preview{display:flex;flex-direction:column;align-items:center;gap:5px;color:#65717a;font-size:10px}.preview-checker{width:96px;height:96px;display:grid;place-items:center;background:#fff;border:1px solid #bec9d1;background-image:linear-gradient(45deg,#e6e9ec 25%,transparent 25%),linear-gradient(-45deg,#e6e9ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e9ec 75%),linear-gradient(-45deg,transparent 75%,#e6e9ec 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.preview-checker img{max-width:90%;max-height:90%;image-rendering:pixelated}.sprite-speed{margin-top:auto;border-top:1px solid #c5ced6;padding-top:9px}.sprite-speed input{width:38px;padding:3px;border:1px solid #aeb9c2}.image-editor-content{display:flex;flex:1;min-height:0;background:#aaa}.pixel-tools{width:60px;min-width:60px;background:#f0f0f0;border-right:2px groove #aaa;padding:5px 3px;overflow:auto}.pixel-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.pixel-tool{height:28px;border:1px solid #9eaeb9;background:linear-gradient(#fff,#e7e9ec);font-size:17px;color:#2b5a8e;padding:0}.pixel-tool:hover,.pixel-tool.selected{background:#d7e9fb;border-color:#448bd1}.brush-sizes{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:5px 2px;border-top:1px solid #c4cbd1;font-size:10px;color:#647380}.brush-sizes button{height:21px;border:1px solid #c3cbd1;background:white;display:grid;place-items:center}.brush-sizes button.selected{border-color:#4f96d2;background:#dceefd}.brush-sizes i{display:block;background:#1c2830}.pixel-workspace{flex:1;min-width:0;overflow:auto;background:#a9a9a9;padding:18px;display:flex;align-items:flex-start;justify-content:flex-start}.pixel-stage{position:relative;flex:none;background:#fff;background-image:linear-gradient(45deg,#dedede 25%,transparent 25%),linear-gradient(-45deg,#dedede 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dedede 75%),linear-gradient(-45deg,transparent 75%,#dedede 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;box-shadow:0 0 0 1px #7e7e7e}.pixel-stage canvas{position:relative;display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair;z-index:1}.pixel-grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:2;background-image:linear-gradient(to right,#4445 1px,transparent 1px),linear-gradient(to bottom,#4445 1px,transparent 1px)}.pixel-colors{width:94px;min-width:94px;background:#f0f0f0;border-left:2px groove #aaa;padding:5px;overflow:auto}.color-labels,.active-colors{display:flex;justify-content:space-between;gap:3px}.color-labels{font-size:10px;color:#4e5a63;margin-bottom:3px}.color-active{width:37px;height:35px;border:2px inset #ccc}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:10px}.color-swatch{width:17px;height:17px;padding:0;border:1px solid #d6d6d6}.color-swatch:hover{outline:2px solid #3486ce;outline-offset:1px}.custom-color{display:block;margin-top:11px;font-size:10px;color:#566570}.custom-color input{display:block;width:100%;height:26px;padding:0;border:1px solid #a5b0b9;margin-top:3px}.color-gradient{display:block;width:100%;height:100px;margin-top:8px;padding:0;border:1px solid #b0b0b0;cursor:crosshair;background:linear-gradient(to right,#fff,transparent),linear-gradient(to bottom,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.color-active.selected{outline:2px solid #3486ce;outline-offset:1px}@media(max-width:640px){.asset-editor-overlay{padding:4px}.asset-editor-window{width:100vw;height:94vh}.asset-editor-window.image-editor-window{width:100vw;height:98vh}.sprite-editor-side{width:110px;min-width:110px}.pixel-colors{width:66px;min-width:66px}.color-swatch{width:12px;height:15px}.pixel-tools{width:51px;min-width:51px}.pixel-tool{height:25px;font-size:14px}}