.pixel-canvas-wrapper[data-v-d4fd03f0]{background:#444;border:2px solid #555;border-radius:4px;display:inline-block;overflow:auto}canvas[data-v-d4fd03f0]{image-rendering:pixelated;display:block}.palette-panel[data-v-9ed3dd63]{margin-bottom:16px}h3[data-v-9ed3dd63]{color:#ddd;margin:0 0 8px;font-size:14px}.palette-colors[data-v-9ed3dd63]{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.palette-color[data-v-9ed3dd63]{cursor:pointer;border:2px solid #555;border-radius:4px;width:32px;height:32px;transition:border-color .15s;position:relative}.palette-color[data-v-9ed3dd63]:hover{border-color:#aaa}.palette-color.active[data-v-9ed3dd63]{border-color:#fff;box-shadow:0 0 0 2px #4a9eff}.remove-btn[data-v-9ed3dd63]{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:10px;line-height:1;display:none;position:absolute;top:-6px;right:-6px}.palette-color:hover .remove-btn[data-v-9ed3dd63]{display:flex}.palette-shortcut[data-v-9ed3dd63]{color:#fff;text-shadow:0 0 2px #000,0 0 4px #000;pointer-events:none;font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:1px;right:2px}.palette-add[data-v-9ed3dd63]{align-items:center;gap:4px;display:flex}.color-picker[data-v-9ed3dd63]{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.hex-input[data-v-9ed3dd63]{color:#ddd;background:#2a2a2a;border:1px solid #555;border-radius:4px;width:80px;padding:4px 6px;font-family:monospace;font-size:12px}.reference-panel[data-v-436535c8]{margin-bottom:16px}h3[data-v-436535c8]{color:#ddd;margin:0 0 8px;font-size:14px}.upload-area[data-v-436535c8]{text-align:center;border:2px dashed #555;border-radius:8px;padding:20px}.upload-label[data-v-436535c8]{cursor:pointer;color:#aaa;font-size:14px}.upload-label[data-v-436535c8]:hover{color:#ddd}.image-container[data-v-436535c8]{flex-direction:column;gap:8px;display:flex}.ref-image[data-v-436535c8]{object-fit:contain;border:1px solid #555;border-radius:4px;max-width:100%;max-height:300px}.extract-section[data-v-436535c8]{color:#ccc;align-items:center;gap:8px;font-size:12px;display:flex}.num-input[data-v-436535c8]{color:#ddd;background:#2a2a2a;border:1px solid #555;border-radius:4px;width:50px;padding:2px 4px;font-size:12px}.extracted-colors[data-v-436535c8]{flex-direction:column;gap:6px;display:flex}.extracted-list[data-v-436535c8]{flex-wrap:wrap;gap:4px;display:flex}.extracted-color[data-v-436535c8]{border:1px solid #666;border-radius:3px;width:24px;height:24px}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100vh}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:#16213e;border-bottom:1px solid #333;flex-shrink:0;padding:8px 20px}.app-header h1{color:#e0e0e0;font-size:18px;font-weight:600}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{background:#1e1e3a;border-right:1px solid #333;flex-shrink:0;width:260px;padding:12px;overflow-y:auto}.sidebar-right{border-left:1px solid #333;border-right:none}.panel{margin-bottom:16px}.panel h3{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px}.canvas-area{background:#12122a;flex-direction:column;flex:1;align-items:center;padding:12px;display:flex;overflow:auto}.canvas-scroll{flex:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:auto}.zoom-controls{flex-shrink:0;align-items:center;gap:8px;margin-bottom:8px;display:flex}.zoom-label{color:#aaa;text-align:center;min-width:30px;font-size:13px}.size-inputs{align-items:center;gap:6px;display:flex}.size-x{color:#888}.num-input{color:#ddd;text-align:center;background:#2a2a4a;border:1px solid #444;border-radius:4px;width:56px;padding:4px 6px;font-size:13px}.color-picker{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.tool-buttons{gap:6px;display:flex}.tool-btn{color:#ddd;cursor:pointer;background:#2a2a4a;border:2px solid #444;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;transition:all .15s}.tool-btn:hover{background:#3a3a5a;border-color:#666}.tool-btn.active{color:#fff;background:#2a3a6a;border-color:#4a9eff}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.current-color-display{align-items:center;gap:8px;display:flex}.color-preview{border:2px solid #555;border-radius:4px;width:32px;height:32px}.color-hex{color:#aaa;font-family:monospace;font-size:13px}.bg-color-row{align-items:center;gap:8px;display:flex}.stats{color:#ccc;font-size:14px}.stats strong{color:#4a9eff}.btn{color:#ddd;cursor:pointer;background:#2a2a4a;border:1px solid #444;border-radius:6px;padding:8px 14px;font-size:13px;transition:all .15s}.btn:hover{background:#3a3a5a;border-color:#666}.btn-sm{padding:4px 10px;font-size:12px}.btn-danger{color:#e74c3c;border-color:#c0392b}.btn-danger:hover{background:#4a1a1a}.action-buttons{flex-direction:column;gap:6px;display:flex}