*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #a855f7;--primary-hover: #9333ea;--primary-glow: rgba(168, 85, 247, .4);--secondary-color: #6366f1;--accent-gradient: linear-gradient(135deg, #a855f7 0%, #6366f1 50%, #06b6d4 100%);--success-color: #22c55e;--danger-color: #ef4444;--warning-color: #f59e0b;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-card: rgba(17, 17, 24, .8);--bg-card-hover: rgba(30, 30, 40, .9);--bg-input: rgba(30, 30, 40, .6);--border-color: rgba(168, 85, 247, .2);--border-color-hover: rgba(168, 85, 247, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px var(--primary-glow);--border-radius: 12px;--border-radius-lg: 20px;--border-radius-xl: 28px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(168,85,247,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(99,102,241,.1),transparent),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(6,182,212,.08),transparent);pointer-events:none;z-index:-1}#root{min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:16px 24px;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.5px}.logo-icon{font-size:2rem}.nav-links{display:flex;gap:8px}.nav-link{padding:10px 20px;border-radius:var(--border-radius);text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .3s ease}.nav-link:hover,.nav-link.active{background:#a855f71a;color:var(--primary-color)}.main-content{flex:1;padding:40px 24px;max-width:1400px;margin:0 auto;width:100%}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:40px;position:relative;overflow:hidden}.split-layout{display:flex;gap:32px;align-items:flex-start}.left-panel{flex:0 0 420px;max-width:420px;position:sticky;top:100px}.right-panel{flex:1;min-width:0}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.5}.card-header{margin-bottom:32px;text-align:center}.card-title{font-size:2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-.5px}.card-subtitle{color:var(--text-secondary);font-size:1.1rem}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:40px}.model-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:36px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.model-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity .4s ease}.model-card:hover{border-color:var(--border-color-hover);transform:translateY(-8px);box-shadow:var(--shadow-glow)}.model-card:hover:before{opacity:.05}.model-card.selected{border-color:var(--primary-color);box-shadow:var(--shadow-glow)}.model-card.selected:before{opacity:.1}.model-icon{font-size:4.5rem;margin-bottom:20px;position:relative;z-index:1}.model-name{font-size:1.75rem;font-weight:700;margin-bottom:16px;color:var(--text-primary);position:relative;z-index:1}.model-description{color:var(--text-secondary);line-height:1.7;margin-bottom:24px;position:relative;z-index:1}.model-features{text-align:left;padding:20px;background:#a855f70d;border:1px solid rgba(168,85,247,.1);border-radius:var(--border-radius);position:relative;z-index:1}.model-features h4{margin-bottom:14px;color:var(--text-primary);font-weight:600}.model-features ul{list-style:none}.model-features li{padding:6px 0;color:var(--text-secondary);font-size:.95rem}.model-features li:before{content:"✦ ";color:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #a855f74d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #a855f766}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-color-hover)}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:#a855f71a;box-shadow:var(--shadow-glow)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-lg{padding:18px 36px;font-size:1.125rem;border-radius:var(--border-radius-lg)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-block{width:100%}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-primary);font-size:.95rem}.form-label-hint{font-weight:400;color:var(--text-muted);font-size:.85rem}.form-input,.form-select,.form-textarea{width:100%;padding:14px 18px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:all .3s ease;background:var(--bg-input);color:var(--text-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f726;background:var(--bg-card-hover)}.form-select{cursor:pointer}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-textarea{min-height:140px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.image-preview-container{margin-top:32px}.image-preview{position:relative;border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:28px;text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-input);transition:all .3s ease}.image-preview:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover)}.image-preview.has-image{border-style:solid;background:var(--bg-card)}.preview-image{max-width:100%;max-height:500px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.upload-placeholder{color:var(--text-muted)}.upload-placeholder-icon{font-size:3.5rem;margin-bottom:16px;opacity:.6}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:32px;gap:4px}.tab{padding:14px 28px;background:none;border:none;font-size:1rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s ease;position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0}.tab:hover{color:var(--text-primary);background:#a855f70d}.tab.active{color:var(--primary-color);background:#a855f71a}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-gradient)}.alert{padding:18px 24px;border-radius:var(--border-radius);margin-bottom:24px;border:1px solid}.alert-info{background:#6366f11a;border-color:#6366f14d;color:#a5b4fc}.alert-success{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.alert-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#fcd34d}.alert-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:currentColor;animation:spin .8s ease-in-out infinite}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-card{background:var(--bg-card);border:1px solid var(--border-color);padding:48px;border-radius:var(--border-radius-xl);text-align:center;box-shadow:var(--shadow-glow)}.loading-spinner-lg{width:56px;height:56px;border-width:4px;border-color:#a855f733;border-top-color:var(--primary-color);margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.result-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:28px}.result-item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:all .3s ease}.result-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--border-color-hover)}.result-item img{width:100%;display:block}.result-actions{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,#0a0a0fe6);display:flex;gap:10px;justify-content:center;opacity:0;transition:opacity .3s ease}.result-item:hover .result-actions{opacity:1}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}::selection{background:#a855f74d;color:var(--text-primary)}@media (max-width: 768px){.main-content{padding:24px 16px}.card{padding:24px;border-radius:var(--border-radius-lg)}.card-title{font-size:1.5rem}.model-grid{grid-template-columns:1fr;gap:20px}.header-content{flex-direction:column;gap:16px}.form-row{grid-template-columns:1fr}.tabs{overflow-x:auto}.tab{padding:12px 20px;white-space:nowrap}.split-layout{flex-direction:column}.left-panel{flex:none;max-width:100%;position:static}}