.pixel-canvas-container[data-v-e62c6a1c]{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:crosshair;background:#1a1a2e}.pixel-canvas[data-v-e62c6a1c]{position:absolute;top:0;left:0;image-rendering:pixelated;image-rendering:crisp-edges}.pixel-canvas-grid[data-v-e62c6a1c]{pointer-events:none}.drawing-toolbar[data-v-d9b2bf8b]{display:flex;flex-direction:row;gap:4px;padding:6px}.tool-btn[data-v-d9b2bf8b]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid transparent;border-radius:10px;background:#2a2a4a;color:#ccc;cursor:pointer;transition:all .15s;font-size:12px;flex-shrink:0}.tool-btn[data-v-d9b2bf8b]:active{transform:scale(.95)}.tool-btn.active[data-v-d9b2bf8b]{background:#4a4a8a;border-color:#7c7cff;color:#fff}.tool-icon[data-v-d9b2bf8b]{display:flex;align-items:center;justify-content:center;line-height:1}.tool-label[data-v-d9b2bf8b]{font-size:10px;margin-top:2px}.palette-container[data-v-75795818]{display:flex;align-items:center;gap:6px;padding:6px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.palette-colors[data-v-75795818]{display:flex;gap:4px;flex-wrap:nowrap}.palette-swatch[data-v-75795818]{width:36px;height:36px;min-width:36px;border-radius:8px;border:3px solid #333;cursor:pointer;transition:all .15s;position:relative}.palette-swatch.active[data-v-75795818]{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px #ffffff4d}.palette-swatch[data-v-75795818]:not(.transparent):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;background:var(--swatch-color, #000)}.palette-swatch.transparent[data-v-75795818]{background:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.swatch-transparent[data-v-75795818]{position:absolute;top:50%;left:-2px;right:-2px;height:2px;background:red;transform:rotate(-45deg);pointer-events:none}.add-color-btn[data-v-75795818]{width:36px;height:36px;min-width:36px;border-radius:8px;border:2px dashed #666;background:transparent;color:#999;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.add-color-btn[data-v-75795818]:active{transform:scale(.95);background:#333}.preview-panel[data-v-8ee4f347]{display:flex;flex-direction:column;background:#1a1a2e;border-radius:10px;overflow:hidden}.preview-header[data-v-8ee4f347]{display:flex;align-items:center;padding:8px 12px;background:#2a2a4a}.preview-title[data-v-8ee4f347]{color:#aaa;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.preview-canvas-wrapper[data-v-8ee4f347]{padding:12px;display:flex;align-items:center;justify-content:center;min-height:80px}.preview-canvas[data-v-8ee4f347]{image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;max-height:120px;border:1px solid #333;border-radius:4px}.picker-overlay[data-v-5bd76e43]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.picker-panel[data-v-5bd76e43]{background:#2a2a4a;border-radius:14px;width:280px;max-width:90vw;overflow:hidden;box-shadow:0 8px 32px #0006}.picker-header[data-v-5bd76e43]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#1a1a2e;color:#fff;font-weight:600}.close-btn[data-v-5bd76e43]{background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;padding:0 4px}.picker-body[data-v-5bd76e43]{padding:16px;display:flex;flex-direction:column;gap:12px}.picker-preview[data-v-5bd76e43]{width:100%;height:48px;border-radius:8px;border:2px solid #555}.picker-field[data-v-5bd76e43]{display:flex;align-items:center;gap:8px}.picker-field label[data-v-5bd76e43]{width:16px;color:#aaa;font-size:13px;font-weight:600}.hex-input[data-v-5bd76e43]{flex:1;background:#1a1a2e;border:1px solid #555;border-radius:6px;color:#fff;padding:6px 10px;font-family:monospace;font-size:14px}.slider[data-v-5bd76e43]{flex:1;-webkit-appearance:none;height:8px;border-radius:4px;outline:none}.slider-r[data-v-5bd76e43]{background:linear-gradient(to right,#000,red)}.slider-g[data-v-5bd76e43]{background:linear-gradient(to right,#000,#0f0)}.slider-b[data-v-5bd76e43]{background:linear-gradient(to right,#000,#00f)}.slider[data-v-5bd76e43]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #333;cursor:pointer}.slider-val[data-v-5bd76e43]{width:30px;text-align:right;color:#aaa;font-size:12px;font-family:monospace}.pick-btn[data-v-5bd76e43]{background:#4a4a8a;border:none;border-radius:8px;color:#fff;padding:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.pick-btn[data-v-5bd76e43]:active{background:#5a5a9a}.welcome-overlay[data-v-c6c8e321]{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:2000}.welcome-panel[data-v-c6c8e321]{text-align:center;padding:40px 32px;max-width:400px}.welcome-title[data-v-c6c8e321]{font-size:48px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-1px}.welcome-subtitle[data-v-c6c8e321]{color:#888;font-size:16px;margin:0 0 32px}.size-options[data-v-c6c8e321]{margin-bottom:20px}.size-label[data-v-c6c8e321]{color:#aaa;font-size:14px;margin:0 0 12px}.size-grid[data-v-c6c8e321]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.size-btn[data-v-c6c8e321]{padding:20px 16px;border:2px solid #333;border-radius:12px;background:#2a2a4a;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.size-btn[data-v-c6c8e321]:hover,.size-btn[data-v-c6c8e321]:active{background:#4a4a8a;border-color:#7c7cff;transform:scale(1.05)}.size-value[data-v-c6c8e321]{font-family:monospace}.welcome-divider[data-v-c6c8e321]{color:#555;font-size:14px;margin:16px 0}.import-btn[data-v-c6c8e321]{display:inline-block;padding:12px 24px;border:2px dashed #555;border-radius:10px;color:#aaa;font-size:14px;cursor:pointer;transition:all .15s}.import-btn[data-v-c6c8e321]:hover,.import-btn[data-v-c6c8e321]:active{border-color:#7c7cff;color:#fff}.app[data-v-965bc62b]{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#1a1a2e;color:#fff;overflow:hidden}.top-bar[data-v-965bc62b]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#16213e;border-bottom:1px solid #333;z-index:10;min-height:48px}.top-bar-section[data-v-965bc62b]{display:flex;gap:4px}.icon-btn[data-v-965bc62b]{width:40px;height:40px;border:none;border-radius:8px;background:#2a2a4a;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn[data-v-965bc62b]:active:not(:disabled){transform:scale(.95)}.icon-btn[data-v-965bc62b]:disabled{opacity:.3;cursor:default}.icon-btn.accent[data-v-965bc62b]{background:#2f6e3f;color:#a8f0b8}.icon-btn.accent[data-v-965bc62b]:active:not(:disabled){background:#3a8a4a}.main-layout[data-v-965bc62b]{flex:1;display:flex;overflow:hidden;min-height:0}.canvas-area[data-v-965bc62b]{flex:1;min-width:0;min-height:0;position:relative}.sidebar-left[data-v-965bc62b],.sidebar-right[data-v-965bc62b]{display:none}.bottom-bar[data-v-965bc62b]{background:#16213e;border-top:1px solid #333;z-index:10;display:flex;flex-direction:column}.bottom-tools[data-v-965bc62b]{display:flex;justify-content:center;border-bottom:1px solid #333}.bottom-palette[data-v-965bc62b]{overflow-x:auto}@media (min-width: 768px){.bottom-tools[data-v-965bc62b]{display:none}.sidebar-left[data-v-965bc62b]{display:flex;flex-direction:column;background:#16213e;border-right:1px solid #333}.sidebar-right[data-v-965bc62b]{display:flex;flex-direction:column;background:#16213e;border-left:1px solid #333;padding:8px;width:200px;min-width:200px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%}html{touch-action:none}#app{width:100%;height:100%}button,input[type=text],input[type=number]{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#555;border-radius:3px}