Spaces:

Aleksmorshen
/

Testreact

Running

App Files Files Community

Aleksmorshen commited on 20 days ago

Commit

2eb9d12

verified ·

1 Parent(s): 5c19f8c

Update index.html

Browse files

Files changed (1) hide show

index.html +425 -382

index.html CHANGED Viewed

@@ -3,13 +3,14 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Synkris Look 8</title>
 <style>
 :root {
     --bg: #000000;
     --card-bg: #0a0a0a;
     --primary: #ccff00;
     --primary-hover: #b3e600;
     --text: #ffffff;
     --text-secondary: #a1a1a1;
     --border: #333333;
@@ -31,10 +32,10 @@ body {
 .container {
     background-color: var(--card-bg);
     width: 100%;
-    max-width: 750px;
     padding: 35px;
     border-radius: 20px;
-    border: 1px solid var(--border);
     box-shadow: 0 0 40px rgba(204, 255, 0, 0.08);
 }
@@ -44,7 +45,6 @@ h1 {
     margin-top: 0;
     margin-bottom: 5px;
     font-size: 2.2rem;
-    font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 2px;
     text-shadow: 0 0 10px rgba(204, 255, 0, 0.3);
@@ -58,10 +58,11 @@ p.subtitle {
     letter-spacing: 0.5px;
 }
 .mode-selector {
-    display: flex;
-    justify-content: center;
-    margin-bottom: 25px;
     background-color: var(--input-bg);
     border-radius: 12px;
     padding: 5px;
@@ -69,16 +70,15 @@ p.subtitle {
 }
 .mode-btn {
-    flex: 1;
-    padding: 12px 15px;
     background-color: transparent;
     border: none;
     color: var(--text-secondary);
-    font-size: 0.9rem;
     font-weight: 700;
     cursor: pointer;
     border-radius: 8px;
-    transition: all 0.3s ease;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }
@@ -87,6 +87,7 @@ p.subtitle {
     background-color: var(--primary);
     color: #000;
     box-shadow: 0 0 15px rgba(204, 255, 0, 0.4);
 }
 .form-grid {
@@ -106,13 +107,19 @@ p.subtitle {
 label, .checkbox-label {
     font-weight: 600;
-    margin-bottom: 10px;
     font-size: 0.8rem;
     color: var(--primary);
     text-transform: uppercase;
     letter-spacing: 0.8px;
 }
 select, textarea, input[type="text"] {
     padding: 12px 14px;
     border: 1px solid var(--border);
@@ -143,7 +150,7 @@ textarea {
 }
 .action-btn {
-    background-color: var(--primary);
     color: #000;
     border: none;
     padding: 16px 30px;
@@ -153,23 +160,21 @@ textarea {
     cursor: pointer;
     width: 100%;
     transition: all 0.2s ease;
-    box-shadow: 0 0 15px rgba(204, 255, 0, 0.4);
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 12px;
     text-transform: uppercase;
-    letter-spacing: 1px;
 }
 .action-btn:hover {
-    background-color: var(--primary-hover);
-    transform: translateY(-2px);
-    box-shadow: 0 0 25px rgba(204, 255, 0, 0.6);
 }
 .action-btn:active {
-    transform: translateY(1px) scale(0.99);
 }
 select option {
@@ -195,41 +200,46 @@ select option {
 }
 .checkbox-container input {
-    margin-right: 12px;
-    width: 18px;
-    height: 18px;
 }
 .sub-mode-selector {
-    grid-column: span 2;
     display: flex;
     justify-content: center;
-    margin-bottom: 10px;
-    background-color: #1a1a1a;
     border-radius: 10px;
     padding: 4px;
     border: 1px solid var(--border);
 }
 .sub-mode-btn {
     flex: 1;
-    padding: 8px 12px;
-    background-color: transparent;
     border: none;
     color: var(--text-secondary);
-    font-size: 0.85rem;
     font-weight: 600;
     cursor: pointer;
     border-radius: 7px;
     transition: all 0.3s ease;
 }
 .sub-mode-btn.active {
-    background-color: var(--card-bg);
-    color: var(--primary);
 }
 @media (max-width: 600px) {
     .form-grid {
         grid-template-columns: 1fr;
@@ -244,10 +254,11 @@ select option {
         font-size: 1.8rem;
     }
     .mode-selector {
-        flex-direction: column;
         gap: 5px;
     }
 }
 </style>
 </head>
 <body>
@@ -257,368 +268,399 @@ select option {
     <p class="subtitle">PROMPT GENERATOR & LAUNCHER</p>
     <div class="mode-selector">
-        <button id="modeModelBtn" class="mode-btn active" onclick="switchMode('model')">Фото на модели</button>
-        <button id="modeKidsBtn" class="mode-btn" onclick="switchMode('kids')">Фото на модели (дети)</button>
         <button id="modeObjectBtn" class="mode-btn" onclick="switchMode('object')">Предметное фото</button>
     </div>
-<form id="promptForm">
-    <div class="form-grid">
-        <!-- === MODEL PHOTOGRAPHY MODE === -->
-        <div id="modelMode" class="form-mode active">
-            <!-- Fields are similar to the original, but with updated defaults -->
-            <div class="form-group">
-                <label for="gender">Пол</label>
-                <select id="gender" onchange="autoAdjustDefaults()">
-                    <option value="Woman">Женщина</option>
-                    <option value="Man">Мужчина</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="age">Возраст</label>
-                <select id="age">
-                    <option value="18-20 years old">18-20 лет</option>
-                    <option value="20-25 years old" selected>20-25 лет</option>
-                    <option value="25-30 years old">25-30 лет</option>
-                    <option value="30-40 years old">30-40 лет</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="nationality">Внешность/Этнос</label>
-                <select id="nationality">
-                    <option value="Eastern European">Восточная Европа</option>
-                    <option value="Northern European">Скандинавская</option>
-                    <option value="Asian">Азиатская</option>
-                    <option value="Latin American">Латиноамериканская</option>
-                    <option value="Mixed Race">Смешанная</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="bodyType">Телосложение</label>
-                <select id="bodyType">
-                    <option value="Fit and slim">Стройное/Подтянутое</option>
-                    <option value="Athletic">Спортивное</option>
-                    <option value="Curvy">Пышное (Curvy)</option>
-                    <option value="Skinny model look">Модельная худоба</option>
-                </select>
-            </div>
-             <div class="form-group">
-                <label for="hairColor">Цвет волос</label>
-                <select id="hairColor">
-                    <option value="Brunette">Брюнет</option>
-                    <option value="Blonde">Блонд</option>
-                    <option value="Black">Черные</option>
-                    <option value="Redhead">Рыжие</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="hairstyle">Стрижка</label>
-                <select id="hairstyle">
-                    <option value="Long loose wavy hair">Длинные волны</option>
-                    <option value="Straight long hair">Длинные прямые</option>
-                    <option value="Messy bun">Небрежный пучок</option>
-                    <option value="Bob cut">Каре</option>
-                    <option value="Fade cut">Фейд (Мужской)</option>
-                </select>
-            </div>
-             <div class="form-group">
-                <label for="emotion">Эмоция/Выражение лица</label>
-                <select id="emotion">
-                    <option value="Confident look">Уверенный взгляд</option>
-                    <option value="Smiling gently">Легкая улыбка</option>
-                    <option value="Serious and thoughtful">Серьезное и вдумчивое</option>
-                    <option value="Playful wink">Игривое подмигивание</option>
-                    <option value="Mysterious gaze">Загадочный взгляд</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="pose">Поза</label>
-                <select id="pose">
-                    <option value="dynamic action pose" selected>Динамичная поза</option>
-                    <option value="standing confidently">Стоит уверенно</option>
-                    <option value="walking towards camera">Идет на камеру</option>
-                    <option value="sitting relaxed">Сидит расслабленно</option>
-                    <option value="leaning against a wall">Оперевшись о стену</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="shotType">Ракурс/План</label>
-                <select id="shotType">
-                    <option value="Full body shot">В полный рост</option>
-                    <option value="Medium shot, waist up">По пояс</option>
-                    <option value="Cowboy shot, mid-thigh up">"Ковбойский" план</option>
-                    <option value="Portrait shot">Портрет</option>
-                    <option value="Close-up">Крупный план</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="light">Свет</label>
-                <select id="light">
-                    <option value="volumetric studio lighting">Объемный студийный</option>
-                    <option value="cinematic lighting">Кинематографичный</option>
-                    <option value="natural morning light">Естественный утренний</option>
-                    <option value="dramatic side light">Драматичный боковой</option>
-                    <option value="neon lights">Неоновый</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="style">Эстетика</label>
-                <select id="style">
-                    <option value="Raw Candid Photography">Живое фото (Raw)</option>
-                    <option value="Cinematic Movie Still">Кадр из фильма</option>
-                    <option value="Fashion Editorial">Модный журнал</option>
-                    <option value="Street Style Photo">Уличный стиль</option>
-                    <option value="Dark Moody Atmosphere">Мрачная атмосфера</option>
-                    <option value="Vintage Analog Film">Пленка (Vintage)</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="camera">Камера/Объектив</label>
-                <select id="camera">
-                    <option value="Fujifilm XT4, 56mm F1.2 lens">Fuji 56mm (Портрет)</option>
-                    <option value="Sony A7III, 35mm F1.4 lens">Sony 35mm (Универсал)</option>
-                    <option value="Canon EOS R5, 85mm F1.2 lens">Canon 85mm (Боке)</option>
-                    <option value="Leica M11, Summilux 50mm">Leica 50mm (Стрит)</option>
-                    <option value="shot on 35mm film, Kodak Portra 400">Пленка Kodak Portra</option>
-                </select>
-            </div>
-            <div class="form-group full-width">
-                <label for="location">Локация</label>
-                <select id="location">
-                     <option value="in a clean white seamless studio background">Студия (белый фон)</option>
-                    <option value="in a creative editorial studio with mirrors and geometric shapes">Студия "Эдиториал" (зеркала)</option>
-                    <option value="on a rainy night street in Tokyo with neon lights">Улица (ночной Токио, неон)</option>
-                    <option value="in a minimalist modern interior with concrete walls">Минимализм (лофт, бетон)</option>
-                    <option value="on a rooftop overlooking the city skyline at sunset">Крыша с видом на город</option>
-                    <option value="in a luxurious vintage room with classic furniture">Роскошный интерьер (винтаж)</option>
-                    <option value="in a dense, magical forest with sunbeams filtering through">Природа (сказочный лес)</option>
-                    <option value="on a beautiful sandy beach during the golden hour">Природа (пляж, закат)</option>
-                    <option value="in a vibrant, bustling urban market">Город (оживленный рынок)</option>
-                    <option value="inside a futuristic, sci-fi corridor with glowing lines">Фантастика (коридор)</option>
-                </select>
-            </div>
-            <div class="form-group full-width">
-                <label for="model_details">Одежда и Детали</label>
-                <textarea id="model_details" placeholder="Пример: в черном кожаном плаще и грубых ботинках, смотрит в камеру"></textarea>
-            </div>
-        </div>
-        <!-- === KIDS PHOTOGRAPHY MODE === -->
-        <div id="kidsMode" class="form-mode">
-            <div class="sub-mode-selector">
-                <button id="newbornSubModeBtn" type="button" class="sub-mode-btn active" onclick="switchKidsSubMode('newborn')">Новорожденные</button>
-                <button id="olderSubModeBtn" type="button" class="sub-mode-btn" onclick="switchKidsSubMode('older')">Остальные</button>
-            </div>
-            <!-- Newborn Sub-Mode -->
-            <div id="newbornSubMode" class="form-mode active">
                 <div class="form-group">
-                    <label for="newborn_age">Возраст</label>
-                    <select id="newborn_age">
-                        <option value="Newborn baby, 0-3 months old">0-3 месяца</option>
-                        <option value="Baby, 3-6 months old">3-6 месяцев</option>
                     </select>
                 </div>
                 <div class="form-group">
-                    <label for="newborn_pose">Поза</label>
-                     <select id="newborn_pose">
-                        <option value="sleeping peacefully in a basket">Спит в корзинке</option>
-                        <option value="wrapped in a soft blanket">Завернут в плед</option>
-                        <option value="lying on its tummy">Лежит на животике</option>
-                        <option value="yawning cutely">Мило зевает</option>
                     </select>
                 </div>
-                 <div class="form-group full-width">
-                    <label for="newborn_details">Одежда и Детали</label>
-                    <textarea id="newborn_details" placeholder="Пример: в милой вязаной шапочке с ушками"></textarea>
                 </div>
-            </div>
-            <!-- Older Kids Sub-Mode -->
-            <div id="olderSubMode" class="form-mode">
-                 <div class="form-group">
-                    <label for="older_gender">Пол</label>
-                    <select id="older_gender">
-                        <option value="Boy">Мальчик</option>
-                        <option value="Girl">Девочка</option>
                     </select>
                 </div>
                 <div class="form-group">
-                    <label for="older_age">Возраст</label>
-                    <select id="older_age">
-                        <option value="1-2 years old child">1-2 года</option>
-                        <option value="3-5 years old child">3-5 лет</option>
-                        <option value="6-9 years old child">6-9 лет</option>
-                        <option value="10-13 years old teenager">10-13 лет</option>
-                        <option value="14-17 years old teenager">14-17 лет</option>
                     </select>
                 </div>
-                 <div class="form-group">
-                    <label for="older_emotion">Эмоция</label>
-                    <select id="older_emotion">
-                        <option value="laughing joyfully">Радостно смеется</option>
-                        <option value="curious look">Любопытный взгляд</option>
-                        <option value="playing and having fun">Играет и веселится</option>
-                        <option value="thoughtful and dreamy">Задумчивый и мечтательный</option>
                     </select>
                 </div>
                 <div class="form-group">
-                    <label for="older_pose">Поза</label>
-                     <select id="older_pose">
-                        <option value="running in a field">Бежит по полю</option>
-                        <option value="playing with toys">Играет с игрушками</option>
-                        <option value="sitting on a swing">Сидит на качелях</option>
-                        <option value="hugging a pet">Обнимает питомца</option>
                     </select>
                 </div>
-                 <div class="form-group full-width">
-                    <label for="older_details">Одежда и Детали</label>
-                    <textarea id="older_details" placeholder="Пример: в джинсовом комбинезоне и с воздушным змеем"></textarea>
                 </div>
-            </div>
-            <!-- Common fields for all kids -->
-             <div class="form-group">
-                <label for="kids_nationality">Внешность/Этнос</label>
-                <select id="kids_nationality">
-                    <option value="Eastern European">Восточная Европа</option>
-                    <option value="Northern European">Скандинавская</option>
-                    <option value="Asian">Азиатская</option>
-                    <option value="Latin American">Латиноамериканская</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="kids_shotType">Ракурс/План</label>
-                <select id="kids_shotType">
-                    <option value="Full body shot">В полный рост</option>
-                    <option value="Medium shot, waist up">По пояс</option>
-                    <option value="Portrait shot">Портрет</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="kids_light">Свет</label>
-                <select id="kids_light">
-                    <option value="soft natural light">Мягкий естественный</option>
-                    <option value="golden hour lighting">Свет "золотого часа"</option>
-                    <option value="bright and airy studio light">Яркий студийный</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="kids_style">Эстетика</label>
-                <select id="kids_style">
-                    <option value="Candid lifestyle photography">Лайфстайл фото</option>
-                    <option value="Dreamy and magical">Сказочная и волшебная</option>
-                    <option value="Clean and minimalist">Минимализм</option>
-                    <option value="Vintage film look">Пленка (винтаж)</option>
-                </select>
-            </div>
-            <div class="form-group full-width">
-                <label for="kids_location">Локация</label>
-                <select id="kids_location">
-                    <option value="in a bright, cozy nursery room">Детская комната</option>
-                    <option value="in a sunny green park with flowers">Солнечный парк</option>
-                    <option value="on a sandy beach building sandcastles">Пляж</option>
-                    <option value="in a magical forest">Сказочный лес</option>
-                     <option value="in a clean white seamless studio background">Студия (белый фон)</option>
-                </select>
             </div>
-        </div>
-        <!-- === OBJECT PHOTOGRAPHY MODE === -->
-        <div id="objectMode" class="form-mode">
-            <!-- Fields are the same as the original -->
-            <div class="form-group full-width">
-                <label for="object_name">Название/Описание предмета</label>
-                <input type="text" id="object_name" placeholder="Например: флакон духов 'Noir', кроссовки 'CyberRun', часы 'Classic Timepiece'">
-            </div>
-            <div class="form-group">
-                <label for="object_style">Стилистика съемки</label>
-                <select id="object_style">
-                    <option value="Minimalism on a cyclorama">Минимализм на циклораме</option>
-                    <option value="Lifestyle, in context">Лайфстайл (в контексте)</option>
-                    <option value="Detailed macro shot">Макросъемка деталей</option>
-                    <option value="Levitation shot">Левитация (в воздухе)</option>
-                    <option value="Creative flat lay">Креативная раскладка (Flat lay)</option>
-                </select>
-            </div>
-             <div class="form-group">
-                <label for="object_lighting">Освещение</label>
-                <select id="object_lighting">
-                    <option value="soft, diffused studio light">Мягкий студийный свет</option>
-                    <option value="hard direct sunlight with dramatic shadows">Жесткий солнечный с тенями</option>
-                    <option value="backlit with a beautiful glow">Контровой свет (с сиянием)</option>
-                    <option value="moody, low-key lighting">Мрачное, низкий ключ</option>
-                    <option value="vibrant neon and colored gels">Цветной/неоновый свет</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="object_composition">Композиция</label>
-                <select id="object_composition">
-                    <option value="centered composition">Центральная</option>
-                    <option value="dynamic diagonal angle">Динамичная диагональная</option>
-                    <option value="rule of thirds">По правилу третей</option>
-                    <option value="symmetrical composition">Симметричная</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="object_background">Тип фона</label>
-                <select id="object_background">
-                    <option value="clean studio background (white/grey)">Однотонный студийный</option>
-                    <option value="on a wooden surface">Деревянная поверхность</option>
-                    <option value="on a marble surface">Мрамор</option>
-                    <option value="on a concrete texture">Бетон</option>
-                    <option value="on a silk/linen fabric">Ткань (шелк/лен)</option>
-                    <option value="in a natural environment (moss, sand, water)">Природное окружение (мох, песок)</option>
-                </select>
-            </div>
-             <div class="form-group full-width">
-                <label for="object_details">Дополнительные детали окружения</label>
-                <textarea id="object_details" placeholder="Пример: капли воды на флаконе, рядом лежат кофейные зерна и палочка корицы"></textarea>
             </div>
-             <div class="form-group full-width">
-                 <label class="checkbox-label">Креативность</label>
-                 <div class="checkbox-container">
-                    <input type="checkbox" id="creative_mode" onchange="toggleCreativeMode()">
-                    <label for="creative_mode" style="color: var(--text); text-transform: none; letter-spacing: 0;">Креативный фон от ИИ (игнорирует "Тип фона")</label>
                 </div>
             </div>
         </div>
-    </div>
-    <div class="btn-container">
-        <button type="button" class="action-btn" onclick="processAndOpen()">
-            <span>Launch Synkris AI</span>
-            <span style="font-size: 1.2em">⚡</span>
-        </button>
-    </div>
-</form>
 </div>
 <script>
 let currentMode = 'model';
-let currentKidsSubMode = 'newborn';
 function switchMode(mode) {
     currentMode = mode;
     document.getElementById('modelMode').classList.toggle('active', mode === 'model');
-    document.getElementById('kidsMode').classList.toggle('active', mode === 'kids');
     document.getElementById('objectMode').classList.toggle('active', mode === 'object');
     document.getElementById('modeModelBtn').classList.toggle('active', mode === 'model');
-    document.getElementById('modeKidsBtn').classList.toggle('active', mode === 'kids');
     document.getElementById('modeObjectBtn').classList.toggle('active', mode === 'object');
 }
-function switchKidsSubMode(subMode) {
-    currentKidsSubMode = subMode;
     document.getElementById('newbornSubMode').classList.toggle('active', subMode === 'newborn');
-    document.getElementById('olderSubMode').classList.toggle('active', subMode === 'older');
-    document.getElementById('newbornSubModeBtn').classList.toggle('active', subMode === 'newborn');
-    document.getElementById('olderSubModeBtn').classList.toggle('active', subMode === 'older');
 }
@@ -648,7 +690,7 @@ async function processAndOpen() {
     const originalText = btn.innerHTML;
     let fullPrompt = '';
-    const negative_prompt = "cropped, watermark, text, 3d render, cartoon, anime, plastic look, doll, artificial, blurry, distorted, malformed, ugly, disfigured, amputation, ugly, gross, disgusting, nsfw, text, error, extra digit, fewer digits, worst quality, low quality, normal quality, jpeg artifacts, signature, watermark, username, blurry";
     if (currentMode === 'model') {
         const style = document.getElementById('style').value;
@@ -665,7 +707,9 @@ async function processAndOpen() {
         const location = document.getElementById('location').value;
         const light = document.getElementById('light').value;
         const camera = document.getElementById('camera').value;
         const scene = `${details}, ${location}`;
         fullPrompt = `style:: ${style}.
 composition:: ${shotType}.
 subject:: A photorealistic portrait of a ${age} ${nationality} ${gender}.
@@ -673,39 +717,40 @@ model_details:: physique is ${bodyType}, ${hairColor} ${hairstyle}, face express
 scene:: ${scene}.
 technical:: professional photography, ${light}, shot on ${camera}, 8k, sharp focus, hyper-detailed, realistic skin texture with pores, masterpiece.`;
-    } else if (currentMode === 'kids') {
-        const kids_style = document.getElementById('kids_style').value;
-        const kids_shotType = document.getElementById('kids_shotType').value;
-        const kids_nationality = document.getElementById('kids_nationality').value;
-        const kids_location = document.getElementById('kids_location').value;
-        const kids_light = document.getElementById('kids_light').value;
-        let subject_details = '';
         let scene_details = '';
-        if(currentKidsSubMode === 'newborn') {
             const age = document.getElementById('newborn_age').value;
             const pose = document.getElementById('newborn_pose').value;
-            const details = document.getElementById('newborn_details').value || 'in a cute outfit';
-            subject_details = `A photorealistic portrait of a ${age}, ${kids_nationality}, pose is ${pose}.`;
-            scene_details = `${details}, ${kids_location}.`;
-        } else { // older
-            const gender = document.getElementById('older_gender').value;
-            const age = document.getElementById('older_age').value;
-            const emotion = document.getElementById('older_emotion').value;
-            const pose = document.getElementById('older_pose').value;
-            const details = document.getElementById('older_details').value || 'in stylish clothes';
-            subject_details = `A photorealistic portrait of a ${age} ${kids_nationality} ${gender}, expression is ${emotion}, pose is ${pose}.`;
-            scene_details = `${details}, ${kids_location}.`;
         }
-        fullPrompt = `style:: ${kids_style}.
-composition:: ${kids_shotType}.
-subject:: ${subject_details}
-scene:: ${scene_details}
-technical:: professional child photography, ${kids_light}, shot on Sony A7III, 35mm F1.4 lens, 8k, sharp focus, hyper-detailed, masterpiece.`;
-    } else { // object mode
         const objectName = document.getElementById('object_name').value || "a product";
         const objectStyle = document.getElementById('object_style').value;
         const objectLighting = document.getElementById('object_lighting').value;
@@ -727,19 +772,18 @@ composition:: ${objectComposition}.
 technical:: commercial studio quality, ${objectLighting}, 8k resolution, sharp focus, ultra-realistic, masterpiece.`;
     }
-    const cleanPrompt = fullPrompt.replace(/\s+/g, ' ').trim();
     try {
         await navigator.clipboard.writeText(cleanPrompt);
-        btn.style.backgroundColor = "#fff";
         btn.style.color = "#000";
         btn.innerHTML = "ПРОМПТ СКОПИРОВАН. ЗАПУСК... 🚀";
         setTimeout(() => {
             window.open('https://lmarena.ai/ru?chat-modality=image&mode=direct', '_blank');
             setTimeout(() => {
-                btn.style.backgroundColor = "";
-                btn.style.color = "";
                 btn.innerHTML = originalText;
             }, 1000);
         }, 800);
@@ -747,13 +791,12 @@ technical:: commercial studio quality, ${objectLighting}, 8k resolution, sharp f
         console.error('Failed to copy: ', err);
         alert("Не удалось скопировать. Промпт в консоли разработчика.");
         console.log("Ваш промпт:\n", cleanPrompt);
-        console.log("Ваш негативный промпт (скопируйте вручную при необходимости):\n", negative_prompt);
     }
 }
 document.addEventListener('DOMContentLoaded', () => {
     switchMode('model');
-    switchKidsSubMode('newborn');
     autoAdjustDefaults();
 });
 </script>

 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Synkris Look</title>
 <style>
 :root {
     --bg: #000000;
     --card-bg: #0a0a0a;
     --primary: #ccff00;
     --primary-hover: #b3e600;
+    --primary-gradient: linear-gradient(45deg, #ccff00, #b3e600);
     --text: #ffffff;
     --text-secondary: #a1a1a1;
     --border: #333333;
 .container {
     background-color: var(--card-bg);
     width: 100%;
+    max-width: 750px; /* Немного увеличена ширина */
     padding: 35px;
     border-radius: 20px;
+    border: 1px solid #222;
     box-shadow: 0 0 40px rgba(204, 255, 0, 0.08);
 }
     margin-top: 0;
     margin-bottom: 5px;
     font-size: 2.2rem;
     text-transform: uppercase;
     letter-spacing: 2px;
     text-shadow: 0 0 10px rgba(204, 255, 0, 0.3);
     letter-spacing: 0.5px;
 }
+/* Стилизация селекторов режимов */
 .mode-selector {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    margin-bottom: 30px;
     background-color: var(--input-bg);
     border-radius: 12px;
     padding: 5px;
 }
 .mode-btn {
+    padding: 12px 10px;
     background-color: transparent;
     border: none;
     color: var(--text-secondary);
+    font-size: 0.85rem;
     font-weight: 700;
     cursor: pointer;
     border-radius: 8px;
+    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }
     background-color: var(--primary);
     color: #000;
     box-shadow: 0 0 15px rgba(204, 255, 0, 0.4);
+    transform: scale(1.02);
 }
 .form-grid {
 label, .checkbox-label {
     font-weight: 600;
+    margin-bottom: 8px;
     font-size: 0.8rem;
     color: var(--primary);
     text-transform: uppercase;
     letter-spacing: 0.8px;
 }
+label i { /* Иконки для заголовков */
+    margin-right: 6px;
+    font-size: 0.9em;
+}
 select, textarea, input[type="text"] {
     padding: 12px 14px;
     border: 1px solid var(--border);
 }
 .action-btn {
+    background-image: var(--primary-gradient);
     color: #000;
     border: none;
     padding: 16px 30px;
     cursor: pointer;
     width: 100%;
     transition: all 0.2s ease;
+    box-shadow: 0 0 20px rgba(204, 255, 0, 0.4);
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 12px;
     text-transform: uppercase;
 }
 .action-btn:hover {
+    transform: scale(1.02);
+    box-shadow: 0 0 30px rgba(204, 255, 0, 0.6);
 }
 .action-btn:active {
+    transform: scale(0.98);
 }
 select option {
 }
 .checkbox-container input {
+    margin-right: 10px;
 }
+/* Стили для вложенного селектора в детском режиме */
 .sub-mode-selector {
     display: flex;
     justify-content: center;
+    background-color: #000;
     border-radius: 10px;
     padding: 4px;
     border: 1px solid var(--border);
+    margin-bottom: 25px;
 }
 .sub-mode-btn {
     flex: 1;
+    padding: 9px 15px;
+    background: transparent;
     border: none;
     color: var(--text-secondary);
+    font-size: 0.8rem;
     font-weight: 600;
     cursor: pointer;
     border-radius: 7px;
     transition: all 0.3s ease;
+    text-transform: uppercase;
 }
 .sub-mode-btn.active {
+    background-color: var(--primary);
+    color: #000;
+    box-shadow: 0 0 10px rgba(204, 255, 0, 0.3);
+}
+.sub-form-mode {
+    display: none;
+}
+.sub-form-mode.active {
+    display: contents;
 }
+/* Responsive Design */
 @media (max-width: 600px) {
     .form-grid {
         grid-template-columns: 1fr;
         font-size: 1.8rem;
     }
     .mode-selector {
+        grid-template-columns: 1fr; /* Кнопки режимов в столбик на мобильных */
         gap: 5px;
     }
 }
 </style>
 </head>
 <body>
     <p class="subtitle">PROMPT GENERATOR & LAUNCHER</p>
     <div class="mode-selector">
+        <button id="modeModelBtn" class="mode-btn" onclick="switchMode('model')">Фото на модели</button>
+        <button id="modeChildrenBtn" class="mode-btn" onclick="switchMode('children')">Модели (дети)</button>
         <button id="modeObjectBtn" class="mode-btn" onclick="switchMode('object')">Предметное фото</button>
     </div>
+    <form id="promptForm">
+        <div class="form-grid">
+            <!-- === MODEL PHOTOGRAPHY MODE === -->
+            <div id="modelMode" class="form-mode">
+                <!-- Row 1 -->
                 <div class="form-group">
+                    <label for="gender">Пол</label>
+                    <select id="gender" onchange="autoAdjustDefaults()">
+                        <option value="Woman">Женщина</option>
+                        <option value="Man">Мужчина</option>
                     </select>
                 </div>
                 <div class="form-group">
+                    <label for="age">Возраст</label>
+                    <select id="age">
+                        <option value="18 years old">18 лет</option>
+                        <option value="20-25 years old" selected>20-25 лет</option>
+                        <option value="25-30 years old">25-30 лет</option>
+                        <option value="30-40 years old">30-40 лет</option>
                     </select>
                 </div>
+                <!-- Row 2 -->
+                <div class="form-group">
+                    <label for="nationality">Внешность/Этнос</label>
+                    <select id="nationality">
+                        <option value="Eastern European">Восточная Европа</option>
+                        <option value="Northern European">Скандинавская</option>
+                        <option value="Asian">Азиатская</option>
+                        <option value="Latin American">Латиноамериканская</option>
+                        <option value="Mixed Race">Смешанная</option>
+                    </select>
                 </div>
+                <div class="form-group">
+                    <label for="bodyType">Телосложение</label>
+                    <select id="bodyType">
+                        <option value="Fit and slim">Стройное/Подтянутое</option>
+                        <option value="Athletic">Спортивное</option>
+                        <option value="Curvy">Пышное (Curvy)</option>
+                        <option value="Skinny model look">Модельная худоба</option>
                     </select>
                 </div>
+                <!-- Row 3 -->
                 <div class="form-group">
+                    <label for="hairColor">Цвет волос</label>
+                    <select id="hairColor">
+                        <option value="Brunette">Брюнет</option>
+                        <option value="Blonde">Блонд</option>
+                        <option value="Black">Черные</option>
+                        <option value="Redhead">Рыжие</option>
                     </select>
                 </div>
+                <div class="form-group">
+                    <label for="hairstyle">Стрижка</label>
+                    <select id="hairstyle">
+                        <option value="Long loose wavy hair">Длинные волны</option>
+                        <option value="Straight long hair">Длинные прямые</option>
+                        <option value="Messy bun">Небрежный пучок</option>
+                        <option value="Bob cut">Каре</option>
+                        <option value="Fade cut">Фейд (Мужской)</option>
                     </select>
                 </div>
+                <!-- Row 4 -->
                 <div class="form-group">
+                    <label for="emotion">Эмоция/Выражение лица</label>
+                    <select id="emotion">
+                        <option value="Confident look">Уверенный взгляд</option>
+                        <option value="Smiling gently">Легкая улыбка</option>
+                        <option value="Serious and thoughtful">Серьезное и вдумчивое</option>
+                        <option value="Playful wink">Игривое подмигивание</option>
+                        <option value="Mysterious gaze">Загадочный взгляд</option>
                     </select>
                 </div>
+                <div class="form-group">
+                    <label for="pose">Поза</label>
+                    <select id="pose">
+                        <option value="standing confidently">Стоит уверенно</option>
+                        <option value="walking towards camera">Идет на камеру</option>
+                        <option value="sitting relaxed">Сидит расслабленно</option>
+                        <option value="leaning against a wall">Оперевшись о стену</option>
+                        <option value="dynamic action pose" selected>Динамичная поза</option> <!-- ИЗМЕНЕНО -->
+                    </select>
+                </div>
+                <!-- Row 5 - COMPOSITION -->
+                <div class="form-group">
+                    <label for="shotType">Ракурс/План</label>
+                    <select id="shotType">
+                        <option value="Full body shot">В полный рост</option>
+                        <option value="Medium shot, waist up">По пояс</option>
+                        <option value="Cowboy shot, mid-thigh up">"Ковбойский" план</option>
+                        <option value="Portrait shot">Портрет</option>
+                        <option value="Close-up">Крупный план</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="light">Свет</label>
+                    <select id="light">
+                        <option value="volumetric studio lighting">Объемный студийный</option>
+                        <option value="cinematic lighting">Кинематографичный</option>
+                        <option value="natural morning light">Естественный утренний</option>
+                        <option value="dramatic side light">Драматичный боковой</option>
+                        <option value="neon lights">Неоновый</option>
+                    </select>
+                </div>
+                <!-- Row 6 - TECHNICAL STYLE -->
+                <div class="form-group">
+                    <label for="style">Эстетика</label>
+                    <select id="style">
+                        <option value="Raw Candid Photography">Живое фото (Raw)</option>
+                        <option value="Cinematic Movie Still">Кадр из фильма</option>
+                        <option value="Fashion Editorial">Модный журнал</option>
+                        <option value="Street Style Photo">Уличный стиль</option>
+                        <option value="Dark Moody Atmosphere">Мрачная атмосфера</option>
+                        <option value="Vintage Analog Film">Пленка (Vintage)</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="camera">Камера/Объектив</label>
+                    <select id="camera">
+                        <option value="Fujifilm XT4, 56mm F1.2 lens">Fuji 56mm (Портрет)</option>
+                        <option value="Sony A7III, 35mm F1.4 lens">Sony 35mm (Универсал)</option>
+                        <option value="Canon EOS R5, 85mm F1.2 lens">Canon 85mm (Боке)</option>
+                        <option value="Leica M11, Summilux 50mm">Leica 50mm (Стрит)</option>
+                        <option value="shot on 35mm film, Kodak Portra 400">Пленка Kodak Portra</option>
+                    </select>
                 </div>
+                <!-- Row 7 - LOCATION -->
+                <div class="form-group full-width">
+                    <label for="location">Локация</label>
+                    <select id="location">
+                        <option value="in a clean white seamless studio background">Студия (белый фон)</option>
+                        <option value="in a creative editorial studio with mirrors and geometric shapes">Студия "Эдиториал" (зеркала)</option>
+                        <option value="on a rainy night street in Tokyo with neon lights">Улица (ночной Токио, неон)</option>
+                        <option value="in a minimalist modern interior with concrete walls">Минимализм (лофт, бетон)</option>
+                        <option value="on a rooftop overlooking the city skyline at sunset">Крыша с видом на город</option>
+                        <option value="in a luxurious vintage room with classic furniture">Роскошный интерьер (винтаж)</option>
+                        <option value="in a dense, magical forest with sunbeams filtering through">Природа (сказочный лес)</option>
+                        <option value="on a beautiful sandy beach during the golden hour">Природа (пляж, закат)</option>
+                        <option value="in a vibrant, bustling urban market">Город (оживленный рынок)</option>
+                        <option value="inside a futuristic, sci-fi corridor with glowing lines">Фантастика (коридор)</option>
+                    </select>
+                </div>
+                <div class="form-group full-width">
+                    <label for="model_details">Одежда и Детали</label>
+                    <textarea id="model_details" placeholder="Пример: в черном кожаном плаще и грубых ботинках, смотрит в камеру"></textarea>
+                </div>
             </div>
+            <!-- === CHILDREN PHOTOGRAPHY MODE === -->
+            <div id="childrenMode" class="form-mode">
+                <div class="full-width sub-mode-selector">
+                    <button id="newbornBtn" type="button" class="sub-mode-btn" onclick="switchChildrenSubMode('newborn')">Новорождённые</button>
+                    <button id="olderChildrenBtn" type="button" class="sub-mode-btn" onclick="switchChildrenSubMode('older')">Дети и подростки</button>
+                </div>
+                <!-- Newborn Sub-Mode -->
+                <div id="newbornSubMode" class="sub-form-mode">
+                    <div class="form-group">
+                        <label>Пол</label>
+                        <select disabled><option>Нейтральный</option></select>
+                    </div>
+                    <div class="form-group">
+                        <label for="newborn_age">Возраст</label>
+                        <select id="newborn_age">
+                            <option value="1 month old newborn baby">0-3 месяца</option>
+                            <option value="4 months old baby">3-6 месяцев</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label for="newborn_ethnicity">Внешность/Этнос</label>
+                        <select id="newborn_ethnicity">
+                             <option value="European">Европейская</option>
+                             <option value="Asian">Азиатская</option>
+                             <option value="Latin">Латиноамериканская</option>
+                             <option value="Mixed Race">Смешанная</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label for="newborn_emotion">Эмоция/Состояние</label>
+                        <select id="newborn_emotion">
+                            <option value="sleeping peacefully">Мирно спит</option>
+                            <option value="calm and awake">Спокоен и бодрствует</option>
+                            <option value="cute yawn">Мило зевает</option>
+                            <option value="gentle smile in sleep">Улыбается во сне</option>
+                        </select>
+                    </div>
+                    <div class="form-group full-width">
+                        <label for="newborn_pose">Поза</label>
+                        <select id="newborn_pose">
+                            <option value="wrapped in a soft swaddle">Завернут в пеленку</option>
+                            <option value="lying in a cozy basket">Лежит в уютной корзинке</option>
+                            <option value="on a fluffy white blanket">На пушистом белом пледе</option>
+                            <option value="tummy time pose">Лежит на животике</option>
+                        </select>
+                    </div>
+                     <div class="form-group full-width">
+                        <label for="newborn_details">Одежда и Детали</label>
+                        <textarea id="newborn_details" placeholder="Пример: в милой вязаной шапочке с ушками"></textarea>
+                    </div>
+                </div>
+                <!-- Older Children Sub-Mode -->
+                 <div id="olderChildrenSubMode" class="sub-form-mode">
+                    <div class="form-group">
+                        <label for="child_gender">Пол</label>
+                        <select id="child_gender">
+                            <option value="Boy">Мальчик</option>
+                            <option value="Girl">Девочка</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label for="child_age">Возраст</label>
+                        <select id="child_age">
+                            <option value="2 years old toddler">1-3 года</option>
+                            <option value="5 years old child">4-6 лет</option>
+                            <option value="8 years old child">7-10 лет</option>
+                            <option value="12 years old pre-teen">11-14 лет</option>
+                            <option value="16 years old teenager">15-17 лет</option>
+                        </select>
+                    </div>
+                     <div class="form-group">
+                        <label for="child_ethnicity">Внешность/Этнос</label>
+                        <select id="child_ethnicity">
+                             <option value="Eastern European">Восточная Европа</option>
+                             <option value="Northern European">Скандинавская</option>
+                             <option value="Asian">Азиатская</option>
+                             <option value="Latin American">Латиноамериканская</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label for="child_emotion">Эмоция/Выражение лица</label>
+                        <select id="child_emotion">
+                             <option value="happy and laughing">Счастливый, смеется</option>
+                             <option value="curious and looking at camera">Любопытный взгляд</option>
+                             <option value="thoughtful and calm">Задумчивый</option>
+                             <option value="energetic and playful">Энергичный, игривый</option>
+                        </select>
+                    </div>
+                     <div class="form-group full-width">
+                        <label for="child_pose">Поза/Действие</label>
+                        <select id="child_pose">
+                             <option value="running in a field">Бежит по полю</option>
+                             <option value="playing with toys">Играет с игрушками</option>
+                             <option value="sitting and reading a book">Сидит с книгой</option>
+                             <option value="hugging a pet">Обнимает питомца</option>
+                             <option value="posing for a school photo">Позирует для фото</option>
+                        </select>
+                    </div>
+                     <div class="form-group full-width">
+                        <label for="child_details">Одежда и Детали</label>
+                        <textarea id="child_details" placeholder="Пример: в джинсовом комбинезоне и яркой футболке"></textarea>
+                    </div>
+                </div>
+                <!-- Common settings for all children -->
+                 <div class="form-group">
+                    <label for="child_shotType">Ракурс/План</label>
+                    <select id="child_shotType">
+                        <option value="Full body shot">В полный рост</option>
+                        <option value="Medium shot, waist up">По пояс</option>
+                        <option value="Portrait shot">Портрет</option>
+                        <option value="Candid action shot">Репортажный (в движении)</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="child_light">Свет</label>
+                    <select id="child_light">
+                        <option value="soft natural daylight">Мягкий дневной свет</option>
+                        <option value="golden hour lighting">Свет "золотого часа"</option>
+                        <option value="bright studio light">Яркий студийный</option>
+                        <option value="cinematic lighting">Кинематографичный</option>
+                    </select>
+                </div>
+                <div class="form-group full-width">
+                    <label for="child_location">Локация</label>
+                    <select id="child_location">
+                        <option value="in a clean white seamless studio background">Студия (белый фон)</option>
+                        <option value="in a sunlit green park">Солнечный парк</option>
+                        <option value="on a sandy beach">Песчаный пляж</option>
+                        <option value="in a cozy, decorated children's room">Уютная детская комната</option>
+                        <option value="in a magical forest">Сказочный лес</option>
+                        <option value="at an urban playground">Городская площадка</option>
+                    </select>
+                </div>
+                 <div class="form-group full-width">
+                    <label for="child_style">Эстетика</label>
+                    <select id="child_style">
+                        <option value="Candid lifestyle photography">Лайфстайл фото</option>
+                        <option value="Fine art portrait">Художественный портрет</option>
+                        <option value="Cinematic Movie Still">Кадр из фильма</option>
+                        <option value="Vintage Analog Film">Пленка (Vintage)</option>
+                    </select>
+                </div>
             </div>
+            <!-- === OBJECT PHOTOGRAPHY MODE === -->
+            <div id="objectMode" class="form-mode">
+                <div class="form-group full-width">
+                    <label for="object_name">Название/Описание предмета</label>
+                    <input type="text" id="object_name" placeholder="Например: флакон духов 'Noir', кроссовки 'CyberRun', часы 'Classic Timepiece'">
+                </div>
+                <div class="form-group">
+                    <label for="object_style">Стилистика съемки</label>
+                    <select id="object_style">
+                        <option value="Minimalism on a cyclorama">Минимализм на циклораме</option>
+                        <option value="Lifestyle, in context">Лайфстайл (в контексте)</option>
+                        <option value="Detailed macro shot">Макросъемка деталей</option>
+                        <option value="Levitation shot">Левитация (в воздухе)</option>
+                        <option value="Creative flat lay">Креативная раскладка (Flat lay)</option>
+                    </select>
+                </div>
+                 <div class="form-group">
+                    <label for="object_lighting">Освещение</label>
+                    <select id="object_lighting">
+                        <option value="soft, diffused studio light">Мягкий студийный свет</option>
+                        <option value="hard direct sunlight with dramatic shadows">Жесткий солнечный с тенями</option>
+                        <option value="backlit with a beautiful glow">Контровой свет (с сиянием)</option>
+                        <option value="moody, low-key lighting">Мрачное, низкий ключ</option>
+                        <option value="vibrant neon and colored gels">Цветной/неоновый свет</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="object_composition">Композиция</label>
+                    <select id="object_composition">
+                        <option value="centered composition">Центральная</option>
+                        <option value="dynamic diagonal angle">Динамичная диагональная</option>
+                        <option value="rule of thirds">По правилу третей</option>
+                        <option value="symmetrical composition">Симметричная</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="object_background">Тип фона</label>
+                    <select id="object_background">
+                        <option value="clean studio background (white/grey)">Однотонный студийный</option>
+                        <option value="on a wooden surface">Деревянная поверхность</option>
+                        <option value="on a marble surface">Мрамор</option>
+                        <option value="on a concrete texture">Бетон</option>
+                        <option value="on a silk/linen fabric">Ткань (шелк/лен)</option>
+                        <option value="in a natural environment (moss, sand, water)">Природное окружение (мох, песок)</option>
+                    </select>
+                </div>
+                 <div class="form-group full-width">
+                    <label for="object_details">Дополнительные детали окружения</label>
+                    <textarea id="object_details" placeholder="Пример: капли воды на флаконе, рядом лежат кофейные зерна и палочка корицы"></textarea>
+                </div>
+                 <div class="form-group full-width">
+                     <label class="checkbox-label">Креативность</label>
+                     <div class="checkbox-container">
+                        <input type="checkbox" id="creative_mode" onchange="toggleCreativeMode()">
+                        <label for="creative_mode" style="color: var(--text); text-transform: none; letter-spacing: 0;">Креативный фон от ИИ (игнорирует "Тип фона")</label>
+                    </div>
                 </div>
             </div>
         </div>
+        <div class="btn-container">
+            <button type="button" class="action-btn" onclick="processAndOpen()">
+                <span>Launch Synkris AI</span>
+                <span style="font-size: 1.2em">⚡</span>
+            </button>
+        </div>
+    </form>
 </div>
 <script>
 let currentMode = 'model';
+let currentChildrenSubMode = 'newborn';
 function switchMode(mode) {
     currentMode = mode;
     document.getElementById('modelMode').classList.toggle('active', mode === 'model');
+    document.getElementById('childrenMode').classList.toggle('active', mode === 'children');
     document.getElementById('objectMode').classList.toggle('active', mode === 'object');
     document.getElementById('modeModelBtn').classList.toggle('active', mode === 'model');
+    document.getElementById('modeChildrenBtn').classList.toggle('active', mode === 'children');
     document.getElementById('modeObjectBtn').classList.toggle('active', mode === 'object');
 }
+function switchChildrenSubMode(subMode) {
+    currentChildrenSubMode = subMode;
     document.getElementById('newbornSubMode').classList.toggle('active', subMode === 'newborn');
+    document.getElementById('olderChildrenSubMode').classList.toggle('active', subMode === 'older');
+    document.getElementById('newbornBtn').classList.toggle('active', subMode === 'newborn');
+    document.getElementById('olderChildrenBtn').classList.toggle('active', subMode === 'older');
 }
     const originalText = btn.innerHTML;
     let fullPrompt = '';
+    const negative_prompt = "cropped, watermark, text, 3d render, cartoon, anime, plastic look, doll, artificial, blurry, distorted, malformed, ugly, disfigured, amputation, ugly, gross, disgusting, nsfw";
     if (currentMode === 'model') {
         const style = document.getElementById('style').value;
         const location = document.getElementById('location').value;
         const light = document.getElementById('light').value;
         const camera = document.getElementById('camera').value;
         const scene = `${details}, ${location}`;
         fullPrompt = `style:: ${style}.
 composition:: ${shotType}.
 subject:: A photorealistic portrait of a ${age} ${nationality} ${gender}.
 scene:: ${scene}.
 technical:: professional photography, ${light}, shot on ${camera}, 8k, sharp focus, hyper-detailed, realistic skin texture with pores, masterpiece.`;
+    } else if (currentMode === 'children') {
+        const style = document.getElementById('child_style').value;
+        const shotType = document.getElementById('child_shotType').value;
+        const location = document.getElementById('child_location').value;
+        const light = document.getElementById('child_light').value;
+        let subject = '';
         let scene_details = '';
+        if(currentChildrenSubMode === 'newborn') {
             const age = document.getElementById('newborn_age').value;
+            const ethnicity = document.getElementById('newborn_ethnicity').value;
+            const emotion = document.getElementById('newborn_emotion').value;
             const pose = document.getElementById('newborn_pose').value;
+            const details = document.getElementById('newborn_details').value || "wearing cute and simple clothes";
+            subject = `A beautiful, photorealistic portrait of a ${age} ${ethnicity} baby. Face expression is ${emotion}.`;
+            scene_details = `The baby is ${pose}. The baby is ${details}.`;
+        } else { // 'older' sub-mode
+            const age = document.getElementById('child_age').value;
+            const gender = document.getElementById('child_gender').value;
+            const ethnicity = document.getElementById('child_ethnicity').value;
+            const emotion = document.getElementById('child_emotion').value;
+            const pose = document.getElementById('child_pose').value;
+            const details = document.getElementById('child_details').value || "in stylish casual clothes";
+            subject = `A beautiful, photorealistic portrait of a ${age} ${ethnicity} ${gender}. Face expression is ${emotion}.`;
+            scene_details = `The child is ${pose}. The child is ${details}.`;
         }
+        fullPrompt = `style:: ${style}.
+composition:: ${shotType}.
+subject:: ${subject}
+scene:: ${scene_details} The scene is ${location}.
+technical:: professional photography, ${light}, shot on Fujifilm XT4, 56mm F1.2 lens, 8k, sharp focus, hyper-detailed, realistic skin texture, masterpiece.`;
+    } else { // Object mode
         const objectName = document.getElementById('object_name').value || "a product";
         const objectStyle = document.getElementById('object_style').value;
         const objectLighting = document.getElementById('object_lighting').value;
 technical:: commercial studio quality, ${objectLighting}, 8k resolution, sharp focus, ultra-realistic, masterpiece.`;
     }
+    const cleanPrompt = fullPrompt.replace(/\s+/g, ' ').replace(/\n/g, ' ').trim();
     try {
         await navigator.clipboard.writeText(cleanPrompt);
+        btn.style.backgroundImage = "linear-gradient(45deg, #ffffff, #e0e0e0)";
         btn.style.color = "#000";
         btn.innerHTML = "ПРОМПТ СКОПИРОВАН. ЗАПУСК... 🚀";
         setTimeout(() => {
             window.open('https://lmarena.ai/ru?chat-modality=image&mode=direct', '_blank');
             setTimeout(() => {
+                btn.style.backgroundImage = "";
                 btn.innerHTML = originalText;
             }, 1000);
         }, 800);
         console.error('Failed to copy: ', err);
         alert("Не удалось скопировать. Промпт в консоли разработчика.");
         console.log("Ваш промпт:\n", cleanPrompt);
     }
 }
 document.addEventListener('DOMContentLoaded', () => {
     switchMode('model');
+    switchChildrenSubMode('newborn');
     autoAdjustDefaults();
 });
 </script>