*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#050505;color:#f5f5f5;font-family:Arial,sans-serif}body{min-height:100vh}.app{min-height:100vh;padding:40px}.app h1{font-size:48px;margin-bottom:5px}nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}nav a{padding:14px 20px;border:1px solid #444;border-radius:12px;color:#fff;text-decoration:none}.page{min-height:100vh;padding:40px}.composer{max-width:700px;margin:25px 0;display:flex;flex-direction:column;gap:12px}.composer textarea{min-height:120px;padding:15px;background:#111;color:#fff;border:1px solid #444;border-radius:12px;resize:vertical}button{background:#151515;color:#fff;border:1px solid #555;border-radius:10px;padding:10px 16px;cursor:pointer}button:hover{border-color:#999}.feed{max-width:700px;display:grid;gap:18px}.post{padding:20px;border:1px solid #333;border-radius:16px;background:#0d0d0d}.post header{display:flex;flex-direction:column;gap:4px}.post header span{color:#888;font-size:13px}.post-actions{display:flex;gap:15px;align-items:center;margin-top:18px}.ai-panel{max-width:800px;display:flex;flex-direction:column;gap:15px;margin:25px 0}.ai-panel select,.ai-panel textarea{background:#0d0d0d;color:#fff;border:1px solid #333;border-radius:12px;padding:14px}.ai-panel textarea{min-height:180px;resize:vertical}.ai-result{max-width:900px;padding:20px;border:1px solid #333;border-radius:16px;background:#0d0d0d}.ai-result pre{white-space:pre-wrap;font-family:inherit;line-height:1.6}.ai-history{max-width:800px;margin-top:30px}.history-item{padding:15px;margin-bottom:10px;border:1px solid #292929;border-radius:12px;cursor:pointer}.image-result{max-width:900px;margin-top:25px}.image-result img{display:block;width:100%;max-width:900px;border-radius:18px;border:1px solid #333}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.image-card{padding:0;overflow:hidden;background:#0d0d0d}.image-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.video-result{max-width:900px;margin-top:25px}.video-result video{display:block;width:100%;max-width:900px;border-radius:18px;border:1px solid #333;background:#000}.ai-center{width:100%}.ai-center-header{margin-bottom:25px}.ai-center-header h1{margin-bottom:8px}.ai-center-header p{color:#888}.ai-mode-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.ai-mode-selector button.active{border-color:#fff;background:#222}.ai-workspace{width:100%}.search-box{max-width:650px;display:flex;gap:10px;margin:20px 0}.search-box input{flex:1;min-width:0;padding:13px;background:#0d0d0d;color:#fff;border:1px solid #333;border-radius:10px}.user-results{max-width:650px;display:grid;gap:12px}.user-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #333;border-radius:14px;background:#0d0d0d}.user-card div{display:flex;flex-direction:column;gap:4px}.user-card span{color:#888;font-size:13px}.profile-page{max-width:980px;margin:0 auto}.profile-header{display:flex;align-items:flex-start;gap:28px;padding-bottom:28px;border-bottom:1px solid #333}.profile-avatar{display:grid;flex:0 0 128px;width:128px;height:128px;place-items:center;overflow:hidden;border:1px solid #999;border-radius:50%;background:linear-gradient(145deg,#d8d8d8,#555 48%,#161616);color:#050505;font-size:48px;font-weight:700}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{min-width:0}.profile-info h2{margin:0 0 6px;font-size:32px}.profile-info>p{margin:6px 0;color:#aaa;overflow-wrap:anywhere}.profile-info>p+p{color:#f5f5f5;line-height:1.5}.profile-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;color:#aaa}.profile-stats strong{color:#fff}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.profile-actions a,.profile-posts-header a{color:#f5f5f5;text-decoration:none}.profile-actions a{padding:9px 15px;border:1px solid #555;border-radius:10px}.profile-edit,.profile-posts{max-width:700px;margin-top:28px}.profile-edit{padding:22px;border:1px solid #333;border-radius:14px;background:#0d0d0d}.profile-edit h3,.profile-posts h3{margin-top:0}.profile-edit form{display:grid;gap:9px}.profile-edit input,.profile-edit textarea{width:100%;padding:12px;border:1px solid #444;border-radius:8px;background:#050505;color:#fff;font:inherit}.profile-edit textarea{min-height:110px;resize:vertical}.profile-edit button{justify-self:start;margin-top:6px}.profile-posts-header{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:16px}.profile-posts-header a{color:#aaa;font-size:14px}.posts-list{display:grid;gap:16px}.post-content-link{color:inherit;text-decoration:none}.post-content-link p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.media-library{max-width:1180px;margin:0 auto}.media-library-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.media-library-header h2{margin:0 0 8px}.media-library-header p{margin:0;color:#999}.media-library-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.media-library-filters button.active{border-color:#ccc;background:#292929}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.media-library-item{overflow:hidden;border:1px solid #333;border-radius:12px;background:#0d0d0d}.media-library-preview{aspect-ratio:1 / 1;background:#000}.media-library-preview img,.media-library-preview video{display:block;width:100%;height:100%;object-fit:cover}.media-library-preview video{object-fit:contain}.media-library-details{padding:14px}.media-library-type{color:#b7b7b7;font-size:12px;text-transform:uppercase}.media-library-details p{min-height:44px;margin:8px 0;line-height:1.4;overflow-wrap:anywhere}.media-library-details small{color:#888}.media-library-empty{color:#aaa}.video-jobs{max-width:900px;margin:0 auto}.video-jobs-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.video-jobs-header h2{margin:0 0 8px}.video-jobs-header p{margin:0;color:#999}.video-jobs-list{display:grid;gap:14px}.video-job{padding:18px;border:1px solid #333;border-radius:12px;background:#0d0d0d}.video-job-heading,.video-job-player-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.video-job-heading small{color:#888}.video-job-status{color:#e8b08a;font-size:13px;font-weight:700;text-transform:uppercase}.status-completed{color:#d7d7d7}.status-failed{color:#e58d8d}.video-job-prompt{margin:14px 0;line-height:1.5;overflow-wrap:anywhere}.video-job-error{color:#e58d8d}.video-job-player{margin-top:28px;padding:18px;border:1px solid #8f5d3c;border-radius:12px;background:#0d0d0d}.video-job-player h3{margin:0}.video-job-player video{display:block;width:100%;margin-top:16px;max-height:560px;background:#000}.video-jobs-empty{color:#aaa}@media(max-width:600px){.page{padding:24px 18px}.profile-header{gap:18px}.profile-avatar{flex-basis:88px;width:88px;height:88px;font-size:34px}.profile-info h2{font-size:25px}.profile-stats{gap:10px 14px;font-size:14px}.profile-edit{padding:18px}.media-library-header{flex-direction:column}.media-library-header button{width:100%}.media-library-grid{grid-template-columns:1fr}.video-jobs-header{flex-direction:column}.video-jobs-header button{width:100%}.video-job-heading{align-items:flex-start;flex-direction:column;gap:6px}}