[data-astro-cid-6tz4c7tr]{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a1a;color:#e0e0e0;padding:20px}.container[data-astro-cid-6tz4c7tr]{max-width:1400px;margin:0 auto}h1[data-astro-cid-6tz4c7tr]{margin-bottom:20px;color:#fff}.editor-layout[data-astro-cid-6tz4c7tr]{display:grid;grid-template-columns:300px 1fr 300px;gap:20px;margin-bottom:20px}.panel[data-astro-cid-6tz4c7tr]{background:#2a2a2a;border-radius:8px;padding:20px}.panel[data-astro-cid-6tz4c7tr] h2[data-astro-cid-6tz4c7tr]{font-size:16px;margin-bottom:15px;color:#fff;border-bottom:1px solid #444;padding-bottom:10px}.canvas-wrapper[data-astro-cid-6tz4c7tr]{display:flex;flex-direction:column;align-items:center;gap:20px}#canvas[data-astro-cid-6tz4c7tr]{border:2px solid #444;cursor:crosshair;image-rendering:pixelated;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><rect width="10" height="10" fill="%23333"/><rect x="10" y="10" width="10" height="10" fill="%23333"/><rect x="10" width="10" height="10" fill="%23444"/><rect y="10" width="10" height="10" fill="%23444"/></svg>')}.preview-area[data-astro-cid-6tz4c7tr]{display:flex;flex-direction:column;gap:15px}.preview-box[data-astro-cid-6tz4c7tr]{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.preview-box[data-astro-cid-6tz4c7tr] label[data-astro-cid-6tz4c7tr]{font-size:12px;color:#999}#preview16[data-astro-cid-6tz4c7tr],#preview32[data-astro-cid-6tz4c7tr]{image-rendering:pixelated;border:1px solid #555}.tool-grid[data-astro-cid-6tz4c7tr]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.tool-btn[data-astro-cid-6tz4c7tr]{background:#333;border:2px solid #444;color:#e0e0e0;padding:12px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.tool-btn[data-astro-cid-6tz4c7tr]:hover{background:#3a3a3a;border-color:#555}.tool-btn[data-astro-cid-6tz4c7tr].active{background:#4a90e2;border-color:#5aa0f2;color:#fff}.color-section[data-astro-cid-6tz4c7tr]{margin-bottom:20px}.color-inputs[data-astro-cid-6tz4c7tr]{display:flex;gap:10px;margin-bottom:10px}.color-input-wrapper[data-astro-cid-6tz4c7tr]{flex:1;display:flex;flex-direction:column;gap:5px}.color-input-wrapper[data-astro-cid-6tz4c7tr] label[data-astro-cid-6tz4c7tr]{font-size:12px;color:#999}input[data-astro-cid-6tz4c7tr][type=color]{width:100%;height:40px;border:1px solid #444;border-radius:4px;cursor:pointer;background:#333}.color-palette[data-astro-cid-6tz4c7tr]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:10px}.palette-color[data-astro-cid-6tz4c7tr]{width:100%;aspect-ratio:1;border:2px solid #444;border-radius:3px;cursor:pointer;transition:all .2s}.palette-color[data-astro-cid-6tz4c7tr]:hover{border-color:#666;transform:scale(1.1)}.palette-color[data-astro-cid-6tz4c7tr].active{border-color:#4a90e2;transform:scale(1.15)}.size-selector[data-astro-cid-6tz4c7tr]{display:flex;gap:8px;margin-bottom:20px}.size-btn[data-astro-cid-6tz4c7tr]{flex:1;background:#333;border:2px solid #444;color:#e0e0e0;padding:10px;border-radius:4px;cursor:pointer;font-size:14px}.size-btn[data-astro-cid-6tz4c7tr].active{background:#4a90e2;border-color:#5aa0f2}.btn[data-astro-cid-6tz4c7tr]{background:#4a90e2;border:none;color:#fff;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:14px;width:100%;margin-bottom:8px;transition:background .2s}.btn[data-astro-cid-6tz4c7tr]:hover{background:#5aa0f2}.btn[data-astro-cid-6tz4c7tr].secondary{background:#555}.btn[data-astro-cid-6tz4c7tr].secondary:hover{background:#666}.btn[data-astro-cid-6tz4c7tr].danger{background:#e24a4a}.btn[data-astro-cid-6tz4c7tr].danger:hover{background:#f25a5a}.frame-controls[data-astro-cid-6tz4c7tr]{display:flex;gap:8px;margin-bottom:15px}.frame-list[data-astro-cid-6tz4c7tr]{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.frame-item[data-astro-cid-6tz4c7tr]{display:flex;align-items:center;gap:10px;background:#333;padding:10px;border-radius:4px;border:2px solid #444;cursor:pointer}.frame-item[data-astro-cid-6tz4c7tr].active{border-color:#4a90e2;background:#3a3a3a}.frame-preview[data-astro-cid-6tz4c7tr]{width:32px;height:32px;image-rendering:pixelated;border:1px solid #555}.frame-info[data-astro-cid-6tz4c7tr]{flex:1;font-size:12px}.frame-actions[data-astro-cid-6tz4c7tr]{display:flex;gap:4px}.frame-actions[data-astro-cid-6tz4c7tr] button[data-astro-cid-6tz4c7tr]{background:#555;border:none;color:#fff;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:12px}.frame-actions[data-astro-cid-6tz4c7tr] button[data-astro-cid-6tz4c7tr]:hover{background:#666}.animation-controls[data-astro-cid-6tz4c7tr]{margin-bottom:15px}.animation-controls[data-astro-cid-6tz4c7tr] label[data-astro-cid-6tz4c7tr]{display:block;font-size:12px;color:#999;margin-bottom:5px}input[data-astro-cid-6tz4c7tr][type=range]{width:100%;margin-bottom:10px}.slider-value[data-astro-cid-6tz4c7tr]{text-align:center;font-size:12px;color:#4a90e2;margin-top:-5px;margin-bottom:10px}input[data-astro-cid-6tz4c7tr][type=file]{display:none}.status-message[data-astro-cid-6tz4c7tr]{background:#3a3a3a;border:1px solid #4a90e2;border-radius:4px;padding:10px;margin-bottom:15px;font-size:12px;color:#4a90e2}@media(max-width:1200px){.editor-layout[data-astro-cid-6tz4c7tr]{grid-template-columns:1fr}}