Update app.py

app.py

@@ -166,7 +166,7 @@ ADMHOSTO_TEMPLATE = '''
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Админ-панель</title>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
         :root {
@@ -177,114 +177,68 @@ ADMHOSTO_TEMPLATE = '''
             --text-dark: #333;
             --text-on-accent: #003C43;
             --danger: #E57373;
-            --warning: #ffcc80;
+            --warning: #ffb74d;
+            --info: #4fc3f7;
+            --success: #81c784;
+            --archive: #90a4ae;
         }
         * { box-sizing: border-box; }
         body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); margin: 0; padding: 15px; }
         .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); }
-        h1 { font-weight: 600; color: var(--bg-medium); margin-bottom: 25px; text-align: center; font-size: 1.5rem; }
+        h1, h2 { font-weight: 600; color: var(--bg-medium); text-align: center; }
+        h1 { margin-bottom: 25px; font-size: 1.5rem; }
+        h2 { font-size: 1.3rem; margin-top: 40px; border-bottom: 2px solid var(--accent); padding-bottom: 10px; margin-bottom: 20px; }
         
         .section { margin-bottom: 25px; }
         
-        .add-env-form { 
-            display: flex; 
-            flex-direction: column; 
-            gap: 15px; 
-            background: #f8f9fa; 
-            padding: 15px; 
-            border-radius: 10px; 
-            border: 1px solid #e9ecef;
-        }
+        .add-env-form { display: flex; flex-direction: column; gap: 15px; background: #f8f9fa; padding: 15px; border-radius: 10px; border: 1px solid #e9ecef; }
         
         input[type="text"] {
-            width: 100%;
-            padding: 12px;
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            font-size: 1rem;
-            font-family: inherit;
-            background: #fff;
-            -webkit-appearance: none;
+            width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem;
+            font-family: inherit; background: #fff; -webkit-appearance: none;
         }
 
-        .controls-row {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            gap: 15px;
-            flex-wrap: wrap;
-        }
-        
+        .controls-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
         .radio-group { display: flex; gap: 15px; }
         .radio-group label { cursor: pointer; display: flex; align-items: center; gap: 6px; font-weight: 500; font-size: 0.95rem; }
         
         .button { 
-            padding: 12px 20px; 
-            border: none; 
-            border-radius: 8px; 
-            background-color: var(--accent); 
-            color: var(--text-on-accent); 
-            font-weight: 600; 
-            cursor: pointer; 
-            text-decoration: none; 
-            display: inline-flex; 
-            align-items: center; 
-            justify-content: center;
-            gap: 8px; 
-            font-size: 1rem;
-            transition: opacity 0.2s;
+            padding: 10px 15px; border: none; border-radius: 8px; color: white; font-weight: 600; cursor: pointer; text-decoration: none; 
+            display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.9rem; transition: opacity 0.2s;
         }
-        .button:hover { opacity: 0.9; }
+        .button:hover { opacity: 0.85; }
         .button:active { transform: scale(0.98); }
         
+        .button.primary { background-color: var(--accent); color: var(--text-on-accent); }
+        .button.danger { background-color: var(--danger); }
+        .button.warning { background-color: var(--warning); color: #333; }
+        .button.info { background-color: var(--info); }
+        .button.success { background-color: var(--success); }
+
         .env-list { list-style: none; padding: 0; margin: 0; }
         .env-item { 
-            background: #fff; 
-            border: 1px solid #e0e0e0; 
-            border-radius: 10px; 
-            padding: 15px; 
-            margin-bottom: 12px; 
-            display: grid; 
-            grid-template-columns: 1fr auto; 
-            align-items: center; 
-            gap: 15px;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.02);
+            background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; padding: 15px; margin-bottom: 12px; 
+            display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.02);
         }
-        
+        .env-item-archived { border-left: 4px solid var(--archive); }
+
         .env-details { display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
         .env-header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
         .env-id { font-weight: 700; color: var(--bg-medium); font-size: 1.1rem; }
         .env-keyword { font-style: italic; color: #666; font-size: 0.9rem;}
         
-        .env-link { 
-            font-size: 0.9rem; 
-            color: #007bff; 
-            word-break: break-all; 
-            text-decoration: none;
-            padding: 5px 0;
-            display: block;
-        }
+        .env-link { font-size: 0.9rem; color: #007bff; word-break: break-all; text-decoration: none; padding: 5px 0; display: block; }
         
-        .env-type-badge { 
-            font-size: 0.75rem; 
-            padding: 3px 8px; 
-            border-radius: 20px; 
-            font-weight: bold; 
-            text-transform: uppercase;
-            white-space: nowrap;
-        }
+        .env-type-badge { font-size: 0.75rem; padding: 3px 8px; border-radius: 20px; font-weight: bold; text-transform: uppercase; white-space: nowrap; }
         .type-open { background-color: #d4edda; color: #155724; }
         .type-closed { background-color: #f8d7da; color: #721c24; }
         
-        .env-actions { display: flex; gap: 8px; }
-        .stats-button { background-color: #5d4037; color: white; padding: 10px 15px; font-size: 0.9rem;}
-        .delete-button { background-color: var(--danger); color: white; padding: 10px 15px; font-size: 0.9rem;}
+        .env-actions { display: flex; flex-wrap: wrap; gap: 8px; }
         
         .message { padding: 12px; border-radius: 8px; margin-bottom: 20px; text-align: center; font-size: 0.95rem; }
         .message.success { background-color: #d4edda; color: #155724; }
         .message.error { background-color: #f8d7da; color: #721c24; }
         
-        /* Modal */
         .modal { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(2px); }
         .modal-content { background-color: #fff; margin: 15% auto; padding: 25px; width: 90%; max-width: 600px; border-radius: 12px; position: relative; box-shadow: 0 5px 20px rgba(0,0,0,0.2); }
         .close-modal { color: #888; position: absolute; right: 15px; top: 10px; font-size: 30px; font-weight: bold; cursor: pointer; padding: 5px; }
@@ -292,47 +246,25 @@ ADMHOSTO_TEMPLATE = '''
         .stats-table th, .stats-table td { border: 1px solid #eee; padding: 10px 8px; text-align: left; }
         .stats-table th { background-color: var(--bg-medium); color: white; }
         .stats-table tr:nth-child(even) { background-color: #f9f9f9; }
+        
+        .empty-list-placeholder { text-align:center; padding: 20px; color: #888; }
+        .no-margin { margin-bottom: 0; }
 
-        /* Mobile Optimization */
+        @media (max-width: 768px) {
+            .env-item { grid-template-columns: 1fr; gap: 12px; }
+            .env-actions { justify-content: flex-start; }
+            .modal-content { margin: 10% auto; width: 95%; padding: 20px 15px; }
+        }
+        
         @media (max-width: 600px) {
             body { padding: 10px; }
             .container { padding: 15px; }
             h1 { font-size: 1.3rem; margin-bottom: 20px; }
             
-            .controls-row {
-                flex-direction: column;
-                align-items: stretch;
-            }
-            .radio-group {
-                justify-content: space-between;
-                background: #fff;
-                padding: 10px;
-                border-radius: 8px;
-                border: 1px solid #ddd;
-            }
-            .button { width: 100%; padding: 14px; }
-            
-            .env-item {
-                grid-template-columns: 1fr;
-                gap: 12px;
-                position: relative;
-                padding-bottom: 60px; /* Space for buttons */
-            }
-            
-            .env-actions {
-                position: absolute;
-                bottom: 15px;
-                left: 15px;
-                right: 15px;
-                display: grid;
-                grid-template-columns: 3fr 1fr;
-                gap: 10px;
-            }
-            
-            .env-actions button { width: 100%; }
-            .env-actions form { width: 100%; }
+            .controls-row { flex-direction: column; align-items: stretch; }
+            .radio-group { justify-content: space-between; background: #fff; padding: 10px; border-radius: 8px; border: 1px solid #ddd; }
+            .add-env-form .button { width: 100%; padding: 14px; }
             
-            .modal-content { margin: 10% auto; width: 95%; padding: 20px 15px; }
             .stats-table th, .stats-table td { font-size: 0.75rem; padding: 6px 4px; }
         }
     </style>
@@ -356,7 +288,7 @@ ADMHOSTO_TEMPLATE = '''
                         <label><input type="radio" name="env_type" value="closed" checked> <i class="fas fa-lock"></i> Закрытая</label>
                         <label><input type="radio" name="env_type" value="open"> <i class="fas fa-globe"></i> Открытая</label>
                     </div>
-                    <button type="submit" class="button"><i class="fas fa-plus-circle"></i> Создать</button>
+                    <button type="submit" class="button primary"><i class="fas fa-plus-circle"></i> Создать</button>
                 </div>
             </form>
         </div>
@@ -366,9 +298,9 @@ ADMHOSTO_TEMPLATE = '''
         </div>
         
         <div class="section">
-            {% if environments %}
+            {% if active_environments %}
             <ul class="env-list">
-                {% for env in environments %}
+                {% for env in active_environments %}
                 <li class="env-item">
                     <div class="env-details">
                         <div class="env-header">
@@ -382,21 +314,58 @@ ADMHOSTO_TEMPLATE = '''
                         <a href="{{ env.link }}" class="env-link" target="_blank">{{ env.link }}</a>
                     </div>
                     <div class="env-actions">
-                        <button class="button stats-button" onclick="openStats('{{ env.id }}')"><i class="fas fa-chart-bar"></i> Инфо</button>
-                        <form method="POST" action="{{ url_for('delete_environment', env_id=env.id) }}" style="display:contents;" onsubmit="return confirm('Удалить среду {{ env.id }}?');">
-                            <button type="submit" class="button delete-button"><i class="fas fa-trash"></i></button>
+                        <button class="button info" onclick="openStats('{{ env.id }}')"><i class="fas fa-chart-bar"></i> Инфо</button>
+                        <form method="POST" action="{{ url_for('toggle_type', env_id=env.id) }}" style="display:contents;">
+                             <button type="submit" class="button warning">
+                                <i class="fas fa-{{ 'lock-open' if env.type == 'closed' else 'lock' }}"></i> {{ 'Открыть' if env.type == 'closed' else 'Закрыть' }}
+                            </button>
+                        </form>
+                        {% if env.type == 'closed' %}
+                        <form method="POST" action="{{ url_for('clear_user', env_id=env.id) }}" style="display:contents;" onsubmit="return confirm('Отвязать пользователя от среды {{ env.id }}? Первый, кто зайдет по ссылке, станет владельцем.');">
+                            <button type="submit" class="button success"><i class="fas fa-user-slash"></i> Сброс</button>
+                        </form>
+                        {% endif %}
+                        <form method="POST" action="{{ url_for('delete_environment', env_id=env.id) }}" style="display:contents;" onsubmit="return confirm('Переместить среду {{ env.id }} в архив?');">
+                            <button type="submit" class="button danger"><i class="fas fa-archive"></i></button>
+                        </form>
+                    </div>
+                </li>
+                {% endfor %}
+            </ul>
+            {% else %}
+            <div class="empty-list-placeholder">Список активных сред пуст</div>
+            {% endif %}
+        </div>
+
+        <div class="section no-margin">
+            <h2><i class="fas fa-archive"></i> Архив</h2>
+             {% if archived_environments %}
+            <ul class="env-list">
+                {% for env in archived_environments %}
+                <li class="env-item env-item-archived">
+                    <div class="env-details">
+                        <div class="env-header">
+                            <span class="env-id">{{ env.id }}</span>
+                             <span class="env-type-badge type-{{ env.type }}">
+                                {{ 'ЗАКРЫТАЯ' if env.type == 'closed' else 'ОТКРЫТАЯ' }}
+                            </span>
+                        </div>
+                        <span class="env-keyword">{{ env.keyword }}</span>
+                    </div>
+                    <div class="env-actions">
+                        <form method="POST" action="{{ url_for('restore_environment', env_id=env.id) }}" style="display:contents;">
+                            <button type="submit" class="button success"><i class="fas fa-undo"></i> Восстановить</button>
                         </form>
                     </div>
                 </li>
                 {% endfor %}
             </ul>
             {% else %}
-            <div style="text-align:center; padding: 20px; color: #888;">Список пуст</div>
+            <div class="empty-list-placeholder">Архив пуст</div>
             {% endif %}
         </div>
     </div>
 
-    <!-- Modal -->
     <div id="statsModal" class="modal">
         <div class="modal-content">
             <span class="close-modal" onclick="closeStats()">&times;</span>
@@ -909,20 +878,22 @@ select 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 class="form-group full-width">
+                    <label>Локация</label>
+                    <div id="locationSelector" class="style-grid">
+                        <button type="button" class="style-btn active" data-value="in a clean white seamless studio background">Студия (белый фон)</button>
+                        <button type="button" class="style-btn" data-value="in a creative editorial studio with mirrors and geometric shapes">Студия "Эдиториал"</button>
+                        <button type="button" class="style-btn" data-value="on a rainy night street in Tokyo with neon lights">Ночной Токио (неон)</button>
+                        <button type="button" class="style-btn" data-value="in a minimalist modern interior with concrete walls">Лофт (бетон)</button>
+                        <button type="button" class="style-btn" data-value="on a rooftop overlooking the city skyline at sunset">Крыша (закат)</button>
+                        <button type="button" class="style-btn" data-value="in a luxurious vintage room with classic furniture">Роскошный интерьер</button>
+                        <button type="button" class="style-btn" data-value="in a dense, magical forest with sunbeams filtering through">Сказочный лес</button>
+                        <button type="button" class="style-btn" data-value="on a beautiful sandy beach during the golden hour">Пляж (золотой час)</button>
+                        <button type="button" class="style-btn" data-value="in a vibrant, bustling urban market">Городской рынок</button>
+                        <button type="button" class="style-btn" data-value="inside a futuristic, sci-fi corridor with glowing lines">НФ коридор</button>
+                        <button type="button" class="style-btn" data-value="in an old, atmospheric library with tall bookshelves">Старая библиотека</button>
+                        <button type="button" class="style-btn" data-value="at a vibrant, colorful carnival at night">Ночной карнавал</button>
+                    </div>
                 </div>
                 <div class="form-group full-width">
                     <label for="model_details">Одежда и Детали (Опишите ткань и фасон!)</label>
@@ -1231,19 +1202,23 @@ function toggleCreativeMode() {
     document.getElementById('object_background').disabled = isCreative;
 }
 
-function setupStyleSelector() {
-    const styleContainer = document.getElementById('styleSelector');
-    if (!styleContainer) return;
-    const styleButtons = styleContainer.querySelectorAll('.style-btn');
-
-    styleButtons.forEach(btn => {
-        btn.addEventListener('click', () => {
-            styleButtons.forEach(innerBtn => innerBtn.classList.remove('active'));
-            btn.classList.add('active');
+function setupClickableSelectors() {
+    const selectors = ['styleSelector', 'locationSelector'];
+    selectors.forEach(selectorId => {
+        const container = document.getElementById(selectorId);
+        if (!container) return;
+        const buttons = container.querySelectorAll('.style-btn');
+
+        buttons.forEach(btn => {
+            btn.addEventListener('click', () => {
+                buttons.forEach(innerBtn => innerBtn.classList.remove('active'));
+                btn.classList.add('active');
+            });
         });
     });
 }
 
+
 async function processAndOpen() {
     const btn = document.querySelector('.action-btn');
     const originalText = btn.innerHTML;
@@ -1255,22 +1230,20 @@ async function processAndOpen() {
         const shotType = document.getElementById('shotType').value;
         const bodyType = document.getElementById('bodyType').value;
         const pose = document.getElementById('pose').value;
-        const location = document.getElementById('location').value;
+        const location = document.querySelector('#locationSelector .style-btn.active').dataset.value;
         const light = document.getElementById('light').value;
         const camera = document.getElementById('camera').value;
         
         if (isMyModel) {
             const details = document.getElementById('model_details').value || "the clothing from the reference image";
             fullPrompt = `${envKeyword}, VIRTUAL TRY-ON.
-INSTRUCTIONS FOR AI: This is a virtual try-on task. You will be given two images.
-- Image 1 (Model): Use this as the reference for the model's face, identity, pose, and body shape.
-- Image 2 (Garment): Use this image for the clothing item.
-Task: Accurately dress the model from Image 1 in the clothing from Image 2. The final image must preserve the model's exact likeness and facial identity. The model should have a body type of "${bodyType}".
-Style: ${style}, hyper-detailed, luxury brand campaign, Vogue aesthetic, impeccable.
+INSTRUCTIONS: This is a virtual try-on task. Use the model's photo for identity, face, and pose. Use the garment photo for the clothing.
+Task: Accurately transfer the clothing onto the model. The final image must preserve the model's exact facial identity, body shape of "${bodyType}", and pose.
+Style: ${style}, hyper-detailed, luxury brand campaign, Vogue aesthetic, ultra-photorealistic.
 Composition: ${shotType}.
 Final Scene: Place the model in the following environment: ${location}.
-Lighting: The scene should have ${light}.
-Technical: Masterpiece professional photograph, shot on ${camera}, 8k UHD, tack sharp focus, breathtaking detail, perfect color grading.`;
+Lighting: The scene must have ${light}.
+Technical: Masterpiece professional photograph, shot on ${camera}, 8k UHD, razor-sharp focus, extreme detail, perfect color grading, no digital artifacts.`;
         } else {
             const age = document.getElementById('age').value;
             const nationality = document.getElementById('nationality').value;
@@ -1280,15 +1253,15 @@ Technical: Masterpiece professional photograph, shot on ${camera}, 8k UHD, tack
             const emotion = document.getElementById('emotion').value;
             const details = document.getElementById('model_details').value || "high-end fashion garments";
             
-            fullPrompt = `${envKeyword}, style:: ${style}, high fashion editorial, luxury brand campaign (like Dior, D&G), Vogue aesthetic, hyper-detailed, impeccable.
+            fullPrompt = `${envKeyword}, style:: ${style}, high fashion editorial, luxury brand campaign (like Dior, D&G), Vogue aesthetic, hyper-realistic photography, award-winning.
 composition:: ${shotType}.
 subject:: An ultra-high-resolution, flawless photograph of a striking ${age} ${nationality} high fashion model.
-model_characteristics:: physique ${bodyType}, ${hairColor} ${hairstyle} styled to perfection, expression ${emotion} (powerful yet serene), pose ${pose}.
+model_characteristics:: physique ${bodyType}, ${hairColor} ${hairstyle} with individual strands visible and natural flyaways, expression ${emotion} (powerful yet serene), pose ${pose}.
 clothing_focus:: The model is wearing ${details}, emphasizing haute couture craftsmanship.
-texture_&_material_fidelity:: Extreme macro precision on textiles. Render the fabric weave, thread count, visible stitching, material weight, realistic creases and folds, tactile surface imperfections, and how light interacts with the fabric.
-human_realism_details:: Capture flawless yet realistic skin texture. Perfect complexion, highlighting bone structure with expert contouring light. The image must look professionally retouched for a high-end magazine, but retain believability. Avoid any hint of digital artifacting.
+texture_&_material_fidelity:: Extreme macro precision on textiles. Render the fabric weave, individual threads, visible stitching, material weight, realistic creases and folds, tactile surface imperfections like denim twill or wool fibers, and how light interacts with the fabric.
+human_realism_details:: Capture hyper-realistic skin texture, showing pores, vellus hair, and subtle imperfections. Avoid any plastic or airbrushed look. Expertly sculpted light highlights the bone structure. Eyes must have realistic reflections and depth.
 scene_environment:: ${location}, creating a sophisticated and aspirational atmosphere.
-technical:: Masterpiece professional photograph, ${light} meticulously crafted to sculpt the subject, shot on ${camera}, 8k UHD, tack sharp focus, breathtaking detail, uncompressed, color graded to perfection, award-winning photography.`;
+technical:: Masterpiece professional photograph, ${light} meticulously crafted to sculpt the subject with soft shadows and catchlights in eyes, shot on ${camera}, 8k UHD, razor-sharp focus, breathtaking detail, uncompressed, color graded to perfection.`;
         }
     
     } else if (currentMode === 'children') {
@@ -1306,7 +1279,7 @@ technical:: Masterpiece professional photograph, ${light} meticulously crafted t
             const emotion = document.getElementById('newborn_emotion').value;
             const pose = document.getElementById('newborn_pose').value;
             clothing_details = document.getElementById('newborn_details').value || "soft knitted fabric";
-            subject = `A beautiful, ultra-photorealistic portrait of a ${age} ${ethnicity} baby. Face expression is ${emotion}.`;
+            subject = `An ultra-photorealistic portrait of a ${age} ${ethnicity} baby. Face expression is ${emotion}.`;
             pose_info = `The baby is ${pose}.`;
         } else {
             const age = document.getElementById('child_age').value;
@@ -1315,7 +1288,7 @@ technical:: Masterpiece professional photograph, ${light} meticulously crafted t
             const emotion = document.getElementById('child_emotion').value;
             const pose = document.getElementById('child_pose').value;
             clothing_details = document.getElementById('child_details').value || "detailed textured casual clothes";
-            subject = `A beautiful, ultra-photorealistic portrait of a ${age} ${ethnicity} ${gender}. Face expression is ${emotion}.`;
+            subject = `An ultra-photorealistic portrait of a ${age} ${ethnicity} ${gender}. Face expression is ${emotion}.`;
             pose_info = `The child is ${pose}.`;
         }
 
@@ -1323,8 +1296,8 @@ technical:: Masterpiece professional photograph, ${light} meticulously crafted t
 composition:: ${shotType}.
 subject:: ${subject} The photograph must look like a cover shot for a high-end children's fashion magazine.
 clothing_focus:: The child is wearing ${clothing_details}, presented as a luxury garment.
-texture_&_material_fidelity:: Macro-level detail on clothing textures. Focus on the weave of cotton, the softness of wool, the texture of denim. Show realistic wrinkles, creases from movement, and even subtle fabric pilling. 100% texture fidelity is crucial.
-human_realism_details:: Capture the pure, innocent beauty of the child. Flawless, dewy skin with a natural glow. The light should have a painterly, almost magical quality, highlighting their features beautifully. Eyes must be expressive and full of life.
+texture_&_material_fidelity:: Macro-level detail on clothing textures. Focus on the weave of cotton, the softness of wool fibers, the texture of denim. Show realistic wrinkles, creases from movement, and even subtle fabric pilling. Absolute texture fidelity is crucial.
+human_realism_details:: Capture the pure, innocent beauty of the child. Hyper-realistic, dewy skin with a natural glow and visible texture, not airbrushed. The light should have a painterly, almost magical quality, highlighting their features beautifully. Eyes must be expressive, with realistic reflections and depth. Individual hair strands should be visible.
 scene_activity:: ${pose_info} The location is ${location}, creating a whimsical and high-end narrative.
 technical:: Masterpiece photograph, ${light} creating a magical and soft atmosphere, shot on Fujifilm XT4, 56mm F1.2 lens, 8k, tack sharp focus, impeccable detail, perfect color grading, looks like a real captured moment of wonder from a luxury campaign.`;
 
@@ -1344,11 +1317,11 @@ technical:: Masterpiece photograph, ${light} creating a magical and soft atmosph
         }
 
         fullPrompt = `${envKeyword}, style:: Luxury product advertising, ${objectStyle}, sophisticated, sleek, ultra-photorealistic.
-subject:: A breathtaking, hyper-realistic photograph of the luxury product: ${objectName}. The image must evoke desire and exclusivity.
-material_focus:: Achieve 100% physical accuracy with an emphasis on perfection. Render pristine, flawless surfaces. Showcase the intricate details of the material grain, polished metal sheen, or crystal-clear refractions. Even microscopic details should look clean and perfect.
+subject:: A breathtaking, hyper-realistic photograph of the luxury product: ${objectName}. The image must evoke desire and exclusivity, looking like a real, professionally shot advertisement.
+material_focus:: Achieve 1000% physical accuracy with an emphasis on perfection. Render pristine, flawless surfaces with micro-scratches and realistic imperfections. Showcase the intricate details of the material grain, polished metal sheen with fingerprints, or crystal-clear refractions. Even microscopic dust particles should look clean and perfect.
 scene_context:: Placed ${background}. Additional details: ${objectDetails}, arranged with artistic precision.
 composition:: ${objectComposition}, creating a powerful and elegant visual statement.
-technical:: Advertisement-grade photograph, ${objectLighting} designed to accentuate the product's luxury form, 8k UHD resolution, flawless focus, extreme macro detail, advanced ray-traced reflections, impeccably clean, exudes quality and high-end appeal, masterpiece.`;
+technical:: Advertisement-grade photograph, ${objectLighting} designed to accentuate the product's luxury form and textures, 8k UHD resolution, flawless focus, extreme macro detail, advanced ray-traced reflections and caustics, impeccably clean, exudes quality and high-end appeal, masterpiece.`;
     }
 
     const cleanPrompt = fullPrompt.replace(/\\s+/g, ' ').replace(/\\n/g, ' ').trim();
@@ -1377,7 +1350,7 @@ document.addEventListener('DOMContentLoaded', () => {
     switchMode('model');
     switchChildrenSubMode('newborn');
     autoAdjustDefaults();
-    setupStyleSelector();
+    setupClickableSelectors();
 });
 </script>
 
@@ -1392,20 +1365,27 @@ def index():
 @app.route('/admhosto', methods=['GET'])
 def admhosto():
     data = load_data()
-    environments_data = []
+    active_environments = []
+    archived_environments = []
+    
     for env_id, env_data in data.items():
-        environments_data.append({
+        env_item = {
             "id": env_id,
             "keyword": env_data.get("keyword", "N/A"),
             "type": env_data.get("type", "closed"),
             "hits": env_data.get("hits", 0),
             "created_at": env_data.get("created_at", ""), 
             "link": url_for('serve_env', env_id=env_id, _external=True)
-        })
-    
-    environments_data.sort(key=lambda x: x['created_at'], reverse=True)
+        }
+        if env_data.get("archived"):
+            archived_environments.append(env_item)
+        else:
+            active_environments.append(env_item)
+
+    active_environments.sort(key=lambda x: x['created_at'], reverse=True)
+    archived_environments.sort(key=lambda x: x['created_at'], reverse=True)
     
-    return render_template_string(ADMHOSTO_TEMPLATE, environments=environments_data)
+    return render_template_string(ADMHOSTO_TEMPLATE, active_environments=active_environments, archived_environments=archived_environments)
 
 @app.route('/admhosto/create', methods=['POST'])
 def create_environment():
@@ -1428,7 +1408,8 @@ def create_environment():
         "device_token": None,
         "hits": 0,
         "logs": [],
-        "created_at": datetime.utcnow().isoformat()
+        "created_at": datetime.utcnow().isoformat(),
+        "archived": False
     }
     save_data(all_data)
     flash(f'Новая {env_type} среда с ID {new_id} создана.', 'success')
@@ -1438,9 +1419,48 @@ def create_environment():
 def delete_environment(env_id):
     all_data = load_data()
     if env_id in all_data:
-        del all_data[env_id]
+        all_data[env_id]['archived'] = True
+        save_data(all_data)
+        flash(f'Среда {env_id} перемещена в архив.', 'success')
+    else:
+        flash(f'Среда {env_id} не найдена.', 'error')
+    return redirect(url_for('admhosto'))
+
+@app.route('/admhosto/restore/<env_id>', methods=['POST'])
+def restore_environment(env_id):
+    all_data = load_data()
+    if env_id in all_data:
+        all_data[env_id]['archived'] = False
+        save_data(all_data)
+        flash(f'Среда {env_id} восстановлена из архива.', 'success')
+    else:
+        flash(f'Среда {env_id} не найдена.', 'error')
+    return redirect(url_for('admhosto'))
+
+@app.route('/admhosto/clear_user/<env_id>', methods=['POST'])
+def clear_user(env_id):
+    all_data = load_data()
+    if env_id in all_data and all_data[env_id].get('type') == 'closed':
+        all_data[env_id]['device_token'] = None
+        save_data(all_data)
+        flash(f'Пользователь отвязан от среды {env_id}.', 'success')
+    else:
+        flash(f'Ошибка: Среда не найдена или не является закрытой.', 'error')
+    return redirect(url_for('admhosto'))
+
+@app.route('/admhosto/toggle_type/<env_id>', methods=['POST'])
+def toggle_type(env_id):
+    all_data = load_data()
+    if env_id in all_data:
+        current_type = all_data[env_id].get('type', 'closed')
+        if current_type == 'closed':
+            all_data[env_id]['type'] = 'open'
+            flash(f'Среда {env_id} теперь открыта.', 'success')
+        else:
+            all_data[env_id]['type'] = 'closed'
+            all_data[env_id]['device_token'] = None
+            flash(f'Среда {env_id} теперь закрыта. Пользователь сброшен.', 'success')
         save_data(all_data)
-        flash(f'Среда {env_id} была удалена.', 'success')
     else:
         flash(f'Среда {env_id} не найдена.', 'error')
     return redirect(url_for('admhosto'))
@@ -1481,8 +1501,8 @@ def get_env_stats(env_id):
 def serve_env(env_id):
     data = load_data()
     env_data = data.get(env_id)
-    if not env_data:
-        return "Среда не найдена.", 404
+    if not env_data or env_data.get("archived"):
+        return "Среда не найдена или заархивирована.", 404
     
     keyword = env_data.get("keyword", "")
     env_type = env_data.get("type", "closed")
@@ -1490,7 +1510,7 @@ def serve_env(env_id):
     current_log = {
         "time": datetime.utcnow().isoformat(),
         "ip": request.remote_addr,
-        "ua": request.headers.get('User-Agent')[:50]
+        "ua": request.headers.get('User-Agent')[:150]
     }
     
     env_data['hits'] = env_data.get('hits', 0) + 1