*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#ff9a56,#ff6b6b,#feca57,#ff6348,#ff9a56);background-size:400% 400%;animation:gradientShift 15s ease infinite;background-attachment:fixed;color:#2d2d2d;min-height:100vh}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#root{min-height:100vh}.app{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center}.header{text-align:center;margin-bottom:30px;animation:headerFloat 3s ease-in-out infinite}@keyframes headerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header h1{font-size:clamp(2.5rem,6vw,5rem);color:#fff;text-shadow:4px 4px 0px #ff6348,8px 8px 0px #ff9a56,12px 12px 20px rgba(0,0,0,.3);margin-bottom:10px;font-weight:900;letter-spacing:2px;font-family:Arial Black,sans-serif}.header p{font-size:clamp(1rem,2.5vw,1.5rem);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:600}.container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:30px}.controls{background:#fffffff2;border:none;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;margin-bottom:12px;color:#ff6348;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-family:Arial Black,sans-serif}.animal-selector{display:flex;gap:15px;flex-wrap:wrap}.position-selector{display:flex;gap:12px;flex-wrap:wrap}.position-btn{flex:1;min-width:100px;padding:14px 20px;font-size:1rem;font-weight:700;border:2px solid rgba(255,99,72,.2);background:#fff;color:#2d2d2d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif;border-radius:10px;box-shadow:0 2px 8px #0000001a}.position-btn:hover{background:linear-gradient(135deg,#fff5f0,#ffe8df);border-color:#ff9a56;box-shadow:0 4px 15px #ff9a564d;transform:translateY(-2px)}.position-btn.active{background:linear-gradient(135deg,#feca57,#ff9a56);color:#fff;border-color:#ff9a56;box-shadow:0 6px 20px #ff9a5666,inset 0 1px 5px #0000001a;transform:scale(1.03)}.animal-btn{flex:1;min-width:140px;padding:18px 30px;font-size:1.3rem;font-weight:800;border:none;background:linear-gradient(135deg,#feca57,#ff9a56);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:2px;font-family:Arial Black,sans-serif;border-radius:12px;box-shadow:0 4px 15px #ff63484d}.animal-btn:hover{background:linear-gradient(135deg,#ff9a56,#ff6348);box-shadow:0 6px 25px #ff634880;transform:translateY(-3px) scale(1.02)}.animal-btn.active{background:linear-gradient(135deg,#ff6348,#ff4757);box-shadow:0 8px 30px #ff634899,inset 0 2px 10px #0003;transform:translateY(-2px) scale(1.05)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.theme-btn{padding:16px 12px;font-size:.95rem;border:2px solid rgba(255,99,72,.2);background:#fff;color:#2d2d2d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;font-family:Arial,sans-serif;font-weight:700;border-radius:10px;box-shadow:0 2px 8px #0000001a}.theme-btn:hover{background:linear-gradient(135deg,#fff5f0,#ffe8df);border-color:#ff9a56;box-shadow:0 4px 15px #ff9a564d;transform:translateY(-2px) scale(1.03)}.theme-btn.active{background:linear-gradient(135deg,#ff9a56,#ff6348);color:#fff;border-color:#ff6348;box-shadow:0 6px 20px #ff634866,inset 0 1px 5px #0000001a;transform:scale(1.05)}.text-input{width:100%;padding:18px;font-size:1.1rem;border:2px solid rgba(255,99,72,.3);background:#fff;color:#2d2d2d;font-family:Arial,sans-serif;resize:vertical;min-height:100px;border-radius:12px;transition:all .3s ease;box-shadow:inset 0 2px 6px #0000000d}.text-input::placeholder{color:#0006}.text-input:focus{outline:none;border-color:#ff9a56;box-shadow:inset 0 2px 6px #0000000d,0 0 0 3px #ff9a5626}.action-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn{flex:1;min-width:160px;padding:18px 32px;font-size:1.1rem;font-weight:700;border:none;background:#fff;color:#ff6348;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.5px;font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;box-shadow:0 4px 15px #00000026;border:2px solid rgba(255,99,72,.3)}.btn:hover:not(:disabled){background:linear-gradient(135deg,#fff5f0,#ffe8df);box-shadow:0 6px 25px #ff63484d;transform:translateY(-3px) scale(1.02);border-color:#ff9a56}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#ff9a56,#ff6348);color:#fff;border-color:transparent;box-shadow:0 6px 20px #ff634866}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff6348,#ff4757);box-shadow:0 8px 30px #ff634880;transform:translateY(-4px) scale(1.03)}.preview-section{background:#fffffff2;border:none;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center}.preview-container{width:100%;display:flex;justify-content:center;align-items:center;min-height:400px;position:relative}.preview-image{max-width:100%;height:auto;border-radius:15px;box-shadow:0 10px 40px #00000040;display:block;transition:transform .3s ease}.preview-image:hover{transform:scale(1.02)}.loading{color:#ff6348;font-size:1.5rem;text-align:center;font-weight:700;animation:pulse 1.5s ease-in-out infinite}.error{color:#ff4757;font-size:1.2rem;text-align:center;padding:20px;background:#ff47571a;border:2px solid #ff4757;border-radius:12px;font-weight:600}.placeholder{color:#ff634899;font-size:1.3rem;text-align:center;font-weight:600}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (max-width: 768px){.app{padding:15px}.controls{padding:20px}.animal-selector{flex-direction:column}.animal-btn{min-width:100%}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.action-buttons{flex-direction:column}.btn{min-width:100%}.preview-container{min-height:300px}}