fix: emoji overflow and admin login cursor alignment

App.tsx

@@ -172,7 +172,7 @@ export default function App() {
 
         {/* Overlay PreviewScreen if active */}
         {currentScreen === 'preview' && (
-          <View style={[StyleSheet.absoluteFill, { zIndex: 100, elevation: 100, backgroundColor: '#000' }]}>
+          <View style={[StyleSheet.absoluteFill, { zIndex: 100, elevation: 100, backgroundColor: 'transparent' }]}>
             <PreviewScreen
               photoUris={photoUris}
               printerIp={settings.printerIp}
@@ -191,7 +191,7 @@ export default function App() {
 
         {/* Overlay AdminScreen if active */}
         {currentScreen === 'admin' && (
-          <View style={[StyleSheet.absoluteFill, { zIndex: 100, elevation: 100, backgroundColor: '#000' }]}>
+          <View style={[StyleSheet.absoluteFill, { zIndex: 100, elevation: 100, backgroundColor: 'transparent' }]}>
             <AdminScreen
               currentSettings={settings}
               onSave={handleSaveSettings}

src/screens/CameraScreen.tsx

@@ -960,7 +960,7 @@ const styles = StyleSheet.create({
     color: THEME.colors.text,
     paddingHorizontal: THEME.spacing.md,
     fontSize: 16,
-    textAlign: 'center',
+    textAlign: 'left',
     marginBottom: THEME.spacing.sm,
   },
   error: {

src/screens/PreviewScreen.tsx

@@ -699,6 +699,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: THEME.colors.background,
+    overflow: 'hidden',
   },
   controlPanel: {
     flex: 0.8,

src/styles/theme.ts

@@ -5,7 +5,7 @@ type GradientColors = readonly [ColorValue, ColorValue, ...ColorValue[]];
 
 export const THEME = {
   colors: {
-    background: '#050510',
+    background: 'rgba(5, 5, 16, 0.99)',
     surface: '#0D0D1A',
     surfaceSecondary: '#151528',
     primary: '#ff2bd6',