:root{--primary: #FF6B6B;--primary-hover: #FF5252;--secondary: #4ECDC4;--accent: #FFE66D;--dark: #2D3436;--light: #F9F9F9;--white: #FFFFFF;--soft-pink: #FFDDE1;--deep-pink: #EE9CA7;--bg-gradient: linear-gradient(135deg, #FFDDE1 0%, #EE9CA7 100%);--card-gradient: linear-gradient(to bottom right, rgba(255, 255, 255, .8), rgba(255, 255, 255, .5));--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px rgba(0, 0, 0, .15);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--dark);background:var(--bg-gradient);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.card-editor,.card-viewer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}