��@�i�m�p�o�r�t� �"�.�/�s�t�y�l�e�s�.�c�s�s�"�;� � � *{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--accent-color: #3b82f6;--accent-hover: #2563eb;--accent-light: #dbeafe;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-hover: #475569;--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--accent-color: #60a5fa;--accent-hover: #3b82f6;--accent-light: #1e3a8a;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh}.header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.header-nav{display:flex;align-items:center;gap:2rem}.tabs{display:flex;gap:.5rem;background:var(--bg-secondary);border-radius:.75rem;padding:.25rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{background:var(--accent-color);color:#fff}.tab.active:hover{background:var(--accent-hover)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.logo-icon{color:var(--accent-color)}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.theme-icon{width:20px;height:20px;color:var(--text-secondary);transition:color .3s ease}.theme-toggle.active .theme-icon{color:var(--accent-color)}.mobile-menu-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.mobile-menu-button:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:50}.mobile-nav.open{display:block}.mobile-tabs{display:flex;flex-direction:column;padding:1rem;gap:.5rem}.mobile-tab{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;text-align:left;width:100%}.mobile-tab:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-hover)}.mobile-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.mobile-tab.active:hover{background:var(--accent-hover)}.desktop-nav{display:flex}.theme-text{display:inline}.main-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 80px)}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.page-title-content{text-align:center;flex:1}.page-title h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title p{font-size:1.125rem;color:var(--text-secondary)}.clear-history-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--error-color);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-history-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.page-title:not(:has(.clear-history-button)){text-align:center;justify-content:center}.page-title:not(:has(.clear-history-button)) .page-title-content{text-align:center}.model-selection{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow)}.model-selection h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.model-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.model-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.model-card.selected{border-color:var(--accent-color);background:var(--accent-light)}.model-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.model-icon{width:48px;height:48px;background:var(--accent-color);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.model-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.model-category{font-size:.875rem;color:var(--text-secondary)}.model-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.model-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.75rem;color:var(--text-secondary)}.generation-interface{display:none;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.generation-interface.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.generation-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.input-section{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-weight:600;color:var(--text-primary);font-size:.9rem}.prompt-textarea{width:100%;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;line-height:1.5;resize:vertical;min-height:120px;transition:all .3s ease;font-family:inherit}.prompt-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.prompt-textarea::placeholder{color:var(--text-muted)}.image-upload{border:2px dashed var(--border-color);border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary)}.image-upload:hover{border-color:var(--accent-color);background:var(--accent-light)}.image-upload.has-image{border-style:solid;padding:1rem}.upload-icon{width:48px;height:48px;color:var(--text-muted);margin:0 auto 1rem}.upload-text{color:var(--text-secondary);margin-bottom:.5rem}.upload-hint{font-size:.875rem;color:var(--text-muted)}.uploaded-image{width:100%;max-height:200px;object-fit:cover;border-radius:.5rem}.generate-button{width:100%;padding:1rem 2rem;background:var(--accent-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.generate-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.output-section{display:flex;flex-direction:column;gap:1rem}.output-placeholder{aspect-ratio:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:var(--text-muted)}.output-placeholder-icon{width:64px;height:64px;opacity:.5}.generated-image-container{position:relative;border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow-lg)}.generated-image{width:100%;height:auto;display:block}.image-overlay{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;gap:1rem}.generated-image-container:hover .image-overlay{opacity:1}.overlay-button{padding:.75rem;background:#ffffffe6;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.overlay-button:hover{background:#fff;transform:scale(1.05)}.loading{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary)}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.header-container{padding:0 1rem}.header-nav{gap:1rem}.desktop-nav{display:none}.mobile-menu-button{display:flex}.theme-text{display:none}.main-container{padding:1rem}.page-title h1{font-size:2rem}.models-grid{grid-template-columns:1fr}.generation-grid{grid-template-columns:1fr;gap:1.5rem}.model-selection,.generation-interface,.history-section,.models-info-section{padding:1.5rem}.history-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.models-info-grid{grid-template-columns:1fr;gap:1.5rem;max-width:100%;margin:0 auto;padding:0 1rem}.model-info-card{margin:0 auto;max-width:500px;width:100%}.model-analysis{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.header-container{padding:0 .75rem}.logo{font-size:1.25rem}.logo-icon{width:20px;height:20px}.mobile-menu-button{width:36px;height:36px}.mobile-tabs{padding:.75rem}.mobile-tab{padding:.75rem;font-size:.9rem}.main-container{padding:.5rem}.page-title h1{font-size:1.75rem}.page-title p{font-size:.9rem}.model-card{padding:1rem}.model-header{flex-direction:column;text-align:center;gap:.75rem}.model-icon{width:40px;height:40px}.generation-interface,.model-selection,.history-section,.models-info-section{padding:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem}.form-input,.form-textarea,.form-select{font-size:1rem;padding:.75rem}.form-textarea{min-height:120px}.file-upload-button,.generate-button,.clear-history-button{font-size:.9rem;padding:.75rem 1rem;margin:.25rem}.advanced-toggle{padding:.5rem .75rem;font-size:.9rem}.range-input{margin:.5rem 0}.range-value{font-size:.85rem}.analytics-grid{grid-template-columns:1fr;gap:1rem}.analytics-card{padding:1rem}.analytics-card h3{font-size:1rem;margin-bottom:.75rem}.analytics-value{font-size:1.5rem}.analytics-label{font-size:.8rem}.prompt-history-item{padding:.75rem;margin-bottom:.75rem}.prompt-text{font-size:.85rem;line-height:1.4}.prompt-model,.prompt-timestamp{font-size:.75rem}.generated-image-container{margin-top:1rem}.image-info h3{font-size:1.1rem}.download-button{padding:.5rem 1rem;font-size:.9rem}.quality-grid{grid-template-columns:1fr;gap:.75rem}.quality-metric{padding:.75rem}.quality-metric h4{font-size:.9rem}.quality-score{font-size:1.25rem}.quality-description{font-size:.8rem}.suggestions-grid{grid-template-columns:1fr;gap:.75rem}.suggestion-card{padding:.75rem}.suggestion-card h4{font-size:.9rem}.suggestion-text{font-size:.85rem}.use-suggestion-button{padding:.5rem .75rem;font-size:.8rem}.performance-grid{grid-template-columns:1fr;gap:1rem}.performance-card{padding:1rem}.performance-header{flex-direction:column;text-align:center;gap:.5rem}.performance-icon{width:30px;height:30px}.performance-model{font-size:1rem}.performance-stats{gap:.75rem;flex-wrap:wrap}.performance-stat{padding:.5rem;flex:1;min-width:80px}.performance-stat-value{font-size:1.1rem}.performance-stat-label{font-size:.75rem}.tabs{padding:.125rem}.tab{font-size:.75rem;padding:.5rem;gap:.25rem}.history-grid{grid-template-columns:1fr}.model-info-header{flex-direction:column;text-align:center;gap:1rem}.models-info-grid{gap:1rem;max-width:100%;padding:0 1rem}.model-info-card{padding:1.5rem;margin:0;max-width:100%;width:calc(100% - 2rem)}.model-parameters{margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.parameters-grid{gap:.5rem}.model-analysis{grid-template-columns:1fr;gap:1rem;margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.analysis-section{margin-bottom:1rem}.analysis-section h4{font-size:.95rem;margin-bottom:.5rem}.use-cases{margin:1rem 0 0}.strengths-list li,.weaknesses-list li{font-size:.85rem;padding:.375rem 0 .375rem 1.25rem}.use-cases-tags{justify-content:center;gap:.375rem}.use-case-tag{padding:.375rem .625rem;font-size:.8rem}.use-cases{margin:1rem 0}.use-cases h4{font-size:1rem;margin-bottom:.75rem;text-align:center}}@media (max-width: 320px){.header-container{padding:0 .5rem}.logo{font-size:1.1rem}.logo-icon{width:18px;height:18px}.mobile-menu-button{width:32px;height:32px}.mobile-tab{padding:.625rem;font-size:.85rem}.main-container{padding:.25rem}.page-title h1{font-size:1.5rem}.page-title p{font-size:.85rem}.model-card,.generation-interface,.model-selection,.history-section,.models-info-section{padding:.75rem}.models-info-grid{gap:.75rem;padding:0 .75rem}.model-info-card{padding:1rem;width:calc(100% - 1.5rem);max-width:100%}.model-info-header{gap:.75rem}.model-icon.large{width:48px;height:48px;font-size:1.5rem}.model-info-header h3{font-size:1.25rem}.model-parameters{margin:1rem 0;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.model-parameters h4{font-size:1rem;margin-bottom:.75rem}.parameters-grid{gap:.375rem}.parameter-item{padding:.5rem}.model-analysis{grid-template-columns:1fr;gap:.75rem;margin:1rem 0;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.analysis-section{margin-bottom:.75rem}.analysis-section:last-child{margin-bottom:0}.analysis-section h4{font-size:.9rem;margin-bottom:.5rem}.strengths-list li,.weaknesses-list li{font-size:.8rem;padding:.25rem 0 .25rem 1rem;line-height:1.3}.use-cases{margin:.75rem 0}.use-cases h4{font-size:.95rem;margin-bottom:.5rem;text-align:center}.use-cases-tags{gap:.25rem;justify-content:center}.use-case-tag{padding:.25rem .5rem;font-size:.75rem}.form-input,.form-textarea,.form-select{font-size:.9rem;padding:.625rem}.file-upload-button,.generate-button,.clear-history-button{font-size:.85rem;padding:.625rem .75rem}.analytics-card{padding:.75rem}.analytics-value{font-size:1.25rem}.performance-stats{flex-direction:column;gap:.5rem}.performance-stat{padding:.375rem}}.hidden{display:none!important}.fade-in{animation:fadeIn .5s ease-in-out}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.history-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;box-shadow:var(--shadow)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-icon{color:var(--text-muted);margin-bottom:1rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.history-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;cursor:pointer;transition:all .3s ease}.history-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.history-image{position:relative;aspect-ratio:1;overflow:hidden}.history-image img{width:100%;height:100%;object-fit:cover}.reference-indicator{position:absolute;top:.5rem;right:.5rem;background:var(--accent-color);color:#fff;padding:.25rem;border-radius:.25rem;font-size:.75rem}.history-content{padding:1rem}.history-model{color:var(--accent-color);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.history-prompt{color:var(--text-primary);font-size:.9rem;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-time{color:var(--text-muted);font-size:.8rem}.models-info-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;box-shadow:var(--shadow)}.models-info-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.model-info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;box-shadow:var(--shadow);width:100%;max-width:400px;min-width:300px;box-sizing:border-box;flex:0 1 400px}.model-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.model-icon.large{width:64px;height:64px;font-size:2rem}.model-info-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.model-parameters{margin:1.5rem 0}.model-parameters h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.parameters-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.parameter-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem}.parameter-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.parameter-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.model-analysis{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0}.analysis-section h4{font-size:1rem;font-weight:600;margin-bottom:.75rem}.strengths-title{color:var(--success-color)}.weaknesses-title{color:var(--warning-color)}.strengths-list,.weaknesses-list{list-style:none;padding:0;margin:0}.strengths-list li,.weaknesses-list li{color:var(--text-secondary);font-size:.9rem;position:relative;padding:.5rem 0 .5rem 1.5rem}.strengths-list li:before{content:"✓";color:var(--success-color);font-weight:700;position:absolute;left:0}.weaknesses-list li:before{content:"⚠";color:var(--warning-color);font-weight:700;position:absolute;left:0}.use-cases{margin:1.5rem 0}.use-cases h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.use-cases-tags{display:flex;flex-wrap:wrap;gap:.5rem}.use-case-tag{padding:.5rem .75rem;background:var(--accent-light);color:var(--accent-color);border:1px solid var(--accent-color);border-radius:1rem;font-size:.8rem;font-weight:500}.select-model-button{width:100%;padding:1rem;background:var(--accent-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem}.select-model-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.analytics-section{width:100%;max-width:1200px;margin:0 auto}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);transition:all .2s ease}.metric-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.metric-icon{width:48px;height:48px;background:var(--accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.metric-content{flex:1}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.metric-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.analytics-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}.analytics-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.chart-container{display:flex;flex-direction:column;gap:.75rem}.usage-bar{display:flex;align-items:center;gap:1rem}.usage-label{min-width:120px;font-size:.875rem;color:var(--text-secondary)}.usage-progress{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:var(--accent-color);border-radius:4px;transition:width .3s ease}.usage-value{min-width:40px;text-align:right;font-size:.875rem;font-weight:600;color:var(--text-primary)}.trend-chart{display:flex;align-items:end;gap:4px;height:120px;padding:1rem 0}.trend-bar{flex:1;height:100%;display:flex;align-items:end}.trend-fill{width:100%;background:var(--accent-color);border-radius:2px 2px 0 0;min-height:4px;transition:height .3s ease}.trend-labels{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.recommendations-section{margin-bottom:3rem}.recommendations-section h2{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);margin-bottom:.5rem}.recommendations-section p{color:var(--text-secondary);margin-bottom:1.5rem}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}.recommendation-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.suggestions-list{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-tag{padding:.5rem 1rem;background:var(--accent-light);border:1px solid var(--accent-color);border-radius:20px;color:var(--accent-color);font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.suggestion-tag:hover{background:var(--accent-color);color:#fff;transform:translateY(-1px)}.performance-section h2{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);margin-bottom:.5rem}.performance-section p{color:var(--text-secondary);margin-bottom:1.5rem}.performance-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.header-cell{padding:1rem;font-weight:600;color:var(--text-primary);font-size:.875rem;border-right:1px solid var(--border-color)}.header-cell:last-child{border-right:none}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid var(--border-color)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-secondary)}.model-cell{padding:1rem;border-right:1px solid var(--border-color)}.model-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.model-usage-percent{font-size:.875rem;color:var(--text-secondary)}.metric-cell{padding:1rem;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.metric-cell:last-child{border-right:none}.metric-number{font-weight:600;color:var(--text-primary)}.metric-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.metric-progress{height:100%;background:var(--accent-color);border-radius:2px;transition:width .3s ease}.speed-indicator{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-align:center}.speed-indicator[data-speed=fast]{background:var(--success-color);color:#fff}.speed-indicator[data-speed=medium]{background:var(--warning-color);color:#fff}.speed-indicator[data-speed=slow]{background:var(--error-color);color:#fff}.image-analysis{margin-top:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}.analysis-title{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);margin-bottom:1.5rem;font-size:1.125rem}.quality-overview{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}.quality-score{display:flex;justify-content:center;align-items:center}.score-circle{width:100px;height:100px;background:conic-gradient(var(--accent-color) 0deg,var(--accent-color) calc(var(--score, 80) * 3.6deg),var(--bg-tertiary) calc(var(--score, 80) * 3.6deg));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.score-circle:before{content:"";position:absolute;width:70px;height:70px;background:var(--bg-card);border-radius:50%}.score-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);z-index:1}.score-label{font-size:.75rem;color:var(--text-secondary);z-index:1}.technical-metrics{display:flex;flex-direction:column;gap:1rem}.metric-item{display:flex;align-items:center;gap:1rem}.metric-label{min-width:80px;font-size:.875rem;color:var(--text-secondary)}.metric-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.metric-fill{height:100%;background:var(--accent-color);border-radius:4px;transition:width .3s ease}.metric-value{min-width:40px;text-align:right;font-size:.875rem;font-weight:600;color:var(--text-primary)}.content-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.analysis-section h4{color:var(--text-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.detected-objects{display:flex;flex-wrap:wrap;gap:.5rem}.object-tag{padding:.25rem .75rem;background:var(--accent-light);border-radius:12px;color:var(--accent-color);font-size:.75rem;font-weight:500}.color-palette{display:flex;gap:.5rem}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color)}.style-info{display:flex;flex-direction:column;gap:.5rem}.style-tag{padding:.25rem .75rem;background:var(--success-color);color:#fff;border-radius:12px;font-size:.75rem;font-weight:500;width:fit-content}.composition-score{font-size:.875rem;color:var(--text-secondary)}.ai-metrics{display:flex;flex-direction:column;gap:.5rem}.ai-metric{display:flex;justify-content:space-between;align-items:center}.ai-label{font-size:.875rem;color:var(--text-secondary)}.ai-value{font-weight:600;color:var(--text-primary)}.placeholder-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}@media (max-width: 768px){.metrics-overview{grid-template-columns:1fr;gap:1rem}.analytics-grid{grid-template-columns:1fr;gap:1.5rem}.recommendations-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:0}.header-cell,.model-cell,.metric-cell{border-right:none;border-bottom:1px solid var(--border-color);padding:.75rem}.quality-overview{grid-template-columns:1fr;text-align:center}.content-analysis{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1rem}.metric-icon{width:40px;height:40px}.metric-value{font-size:1.5rem}.analytics-card,.recommendation-card,.image-analysis{padding:1rem}.performance-table{font-size:.875rem}.page-title{flex-direction:column;gap:1rem;text-align:center}.page-title-content{text-align:center}.page-title h1{font-size:2rem}.page-title p{font-size:1rem}.clear-history-button{width:100%;justify-content:center;padding:1rem}}