.app[data-v-8d287922]{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif}h1[data-v-8d287922]{margin-bottom:20px;color:#333}.controls[data-v-8d287922]{display:flex;gap:10px;margin-bottom:20px;align-items:center}.title-input[data-v-8d287922]{padding:8px 12px;border:2px solid #ddd;border-radius:4px;font-size:16px;min-width:200px}.title-input[data-v-8d287922]:focus{outline:none;border-color:#4caf50}.clear-btn[data-v-8d287922]{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.clear-btn[data-v-8d287922]:hover{background-color:#da190b}.pixel-canvas[data-v-8d287922]{border:2px solid #333;cursor:crosshair;image-rendering:pixelated}.pixel-canvas[data-v-8d287922]:hover{border-color:#4caf50}.color-palette[data-v-8d287922]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:20px;padding:10px;border:2px solid #ddd;border-radius:8px;background-color:#f9f9f9}.color-swatch[data-v-8d287922]{width:30px;height:30px;border:2px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s ease}.color-swatch[data-v-8d287922]:hover{transform:scale(1.1);border-color:#666}.color-swatch.active[data-v-8d287922]{border-color:#4caf50;border-width:3px;transform:scale(1.1)}.footer[data-v-8d287922]{margin-top:40px;padding:20px;text-align:center;border-top:1px solid #eee;color:#666;font-size:14px}.footer a[data-v-8d287922]{color:#4caf50;text-decoration:none;transition:color .2s ease}.footer a[data-v-8d287922]:hover{color:#333;text-decoration:underline}