:root{--bg-color:#0f172a;--panel-bg:#1e293bb3;--border-color:#ffffff1a;--primary-color:#8b5cf6;--primary-hover:#7c3aed;--accent-color:#22d3ee;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-blur:blur(12px);--card-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.logo{background:linear-gradient(to right, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.dashboard-card{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:1.5rem;padding:2rem}.input-group{gap:1rem;margin-bottom:2rem;display:flex}input[type=text]{border:1px solid var(--border-color);color:#fff;background:#0f172a80;border-radius:.75rem;outline:none;flex:1;padding:1rem 1.5rem;font-size:1rem;transition:border-color .2s}input[type=text]:focus{border-color:var(--primary-color)}button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}button:hover{background:var(--primary-hover);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.clip-card{border:1px solid var(--border-color);background:#1e293b66;border-radius:1rem;transition:transform .2s;overflow:hidden}.clip-preview{aspect-ratio:9/16;background:#000;justify-content:center;align-items:center;display:flex;position:relative}.clip-info{padding:1.5rem}.clip-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.clip-meta{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.badge{color:var(--primary-color);text-transform:uppercase;background:#8b5cf633;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.loading-dots:after{content:"...";animation:1.5s infinite pulse}.login-container{background-color:#05070a;background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#22d3ee1a 0,#0000 50%);justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(20px);z-index:10;text-align:center;background:#0d1117b3;border:1px solid #ffffff14;border-radius:2rem;width:100%;max-width:420px;padding:3rem 2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) loginFadeIn;box-shadow:0 25px 50px -12px #000000b3}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.logo-icon-container{background:#6366f11a;border:1px solid #6366f133;border-radius:1.25rem;margin-bottom:2rem;padding:1rem;display:inline-flex}.logo-icon-glowing{color:#6366f1;filter:drop-shadow(0 0 10px #6366f180)}.login-title{color:#fff;letter-spacing:-.05em;background:linear-gradient(#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2rem;font-weight:900}.login-subtitle{color:#94a3b8;margin-bottom:2.5rem;font-size:1rem;line-height:1.5}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group-premium{width:100%;position:relative}.input-icon{color:#64748b;pointer-events:none;transition:all .3s;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.premium-input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:1.15rem;outline:none;width:100%;padding:1.15rem 1.15rem 1.15rem 3.5rem;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-input:focus{background:#6366f10d;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.premium-input:focus+.input-icon{color:#818cf8;transform:translateY(-50%)scale(1.1)}.error-badge{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:1rem;justify-content:center;align-items:center;gap:.6rem;padding:.85rem;font-size:.9rem;font-weight:500;animation:.4s cubic-bezier(.36,.07,.19,.97) both loginShake;display:flex}@keyframes loginShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.premium-button-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:1.15rem;width:100%;padding:1.15rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #4f46e566}.premium-button-large:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 30px -5px #4f46e580}.premium-button-large:active{transform:translateY(0)}.login-footer{border-top:1px solid #ffffff0d;margin-top:2.5rem;padding-top:1.5rem}.login-footer p{color:#94a3b880;letter-spacing:.05em;font-size:.8rem}.bg-glow-1{pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-20%;right:-10%}.bg-glow-2{pointer-events:none;background:radial-gradient(circle,#22d3ee12 0%,#0000 70%);width:900px;height:900px;position:absolute;bottom:-20%;left:-10%}:root{--bg-color:#0b0e14;--card-bg:#151921;--accent-color:#7c3aed;--accent-secondary:#06b6d4;--text-main:#f3f4f6;--text-muted:#9ca3af;--border-color:#1f2937;--success:#10b981;--error:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;line-height:1.5}.app-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:80px;margin-bottom:3rem;display:flex}.logo{align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.gradient-text{background:linear-gradient(90deg, #fff, var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.header-actions{gap:1rem;display:flex}button{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--accent-color);color:#fff;padding:.6rem 1.2rem}.btn-main{color:#000;background:#fff;height:56px;padding:0 2rem;font-size:1rem}.btn-main:disabled{opacity:.5;cursor:not-allowed}.btn-icon{color:var(--text-main);border:1px solid var(--border-color);background:#1f2937;padding:.6rem 1.2rem}.hero-section{text-align:center;max-width:800px;margin:0 auto 4rem}.dashboard-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.5rem;padding:3rem;box-shadow:0 25px 50px -12px #00000080}.card-header h1{letter-spacing:-.025em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.badge-featured{color:#a78bfa;background:#7c3aed33;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.input-group{gap:.75rem;margin:2rem 0;display:flex}.input-field{border:1px solid var(--border-color);background:#0b0e14;border-radius:.75rem;flex:1;align-items:center;padding:0 1.25rem;display:flex}.input-field input{color:#fff;background:0 0;border:none;outline:none;width:100%;height:56px;font-size:1rem}.settings-toggle{color:var(--text-muted);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.9rem;transition:all .2s;display:flex}.settings-toggle:hover{color:#fff;background:#ffffff0d}.settings-panel{text-align:left;background:#0006;border:1px solid #ffffff0d;border-radius:1.25rem;margin-top:2rem;padding:2rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.setting-item label{color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:flex}.setting-item select,.setting-item input{border:1px solid var(--border-color);color:#fff;appearance:none;background:#ffffff08 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .75rem center/1rem no-repeat;border-radius:.75rem;outline:none;width:100%;padding:.85rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.setting-item input{background-image:none}.setting-item select:focus,.setting-item input:focus{border-color:var(--accent-color);background:#ffffff12;box-shadow:0 0 0 4px #7c3aed1a}.toggle-grid{flex-wrap:wrap;justify-content:flex-start;gap:1rem;display:flex}.toggle-item{cursor:pointer;border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.toggle-item:hover{border-color:var(--text-muted);background:#ffffff12}.toggle-item input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent-color);cursor:pointer}.toggle-item:has(input:checked){border-color:var(--accent-color);color:#fff;background:#7c3aed1a}.active-video{margin-bottom:2rem}.video-tag{border:1px solid var(--border-color);background:#151921;border-radius:1rem;align-items:center;gap:1.5rem;padding:1rem;display:flex}.video-tag img{object-fit:cover;border-radius:.5rem;width:160px}.video-tag-info h3{margin-bottom:.5rem;font-size:1.1rem}.meta{color:var(--text-muted);gap:.5rem;font-size:.85rem;display:flex}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:5rem;display:grid}.clip-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;transition:transform .3s;overflow:hidden}.clip-card:hover{transform:translateY(-5px)}.clip-view{aspect-ratio:9/16;background:#000;justify-content:center;align-items:center;display:flex;position:relative}.clip-placeholder{text-align:center;opacity:.4}.clip-timing{background:#0009;border-radius:.5rem;padding:.25rem .75rem;font-size:.8rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.clip-overlay{background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.final-clip-player{object-fit:cover;width:100%;height:100%}.clip-body{padding:1.5rem}.clip-badge-row{justify-content:space-between;margin-bottom:1rem;display:flex}.style-badge{text-transform:uppercase;background:#ffffff0d;border-radius:.4rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.viral-score{color:var(--success);font-size:.8rem;font-weight:700}.clip-body h4{margin-bottom:.5rem;font-size:1.1rem}.clip-reason{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.85rem;display:-webkit-box;overflow:hidden}.btn-action{background:var(--accent-color);color:#fff;justify-content:center;width:100%;padding:.75rem}.btn-download{background:var(--success);color:#000;flex:1;justify-content:center;padding:.75rem}.btn-group{gap:.5rem;display:flex}.btn-secondary-sm{border:1px solid var(--border-color);color:#fff;background:#1f2937;padding:.75rem}footer{border-top:1px solid var(--border-color);padding:4rem 0}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-stats{gap:2rem;display:flex}.stat{flex-direction:column;display:flex}.stat .label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.social-metadata{background:#0003;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.8rem}.social-item{margin-bottom:.75rem}.social-header{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:.25rem;font-weight:600;display:flex}.social-val{color:#fff}.hashtags{color:var(--accent-secondary)}.copy-ico{cursor:pointer;opacity:.6;margin-left:auto}.copy-ico:hover{opacity:1}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.5rem;width:100%;max-width:500px;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #000}.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.btnClose{color:var(--text-muted);background:0 0;padding:.5rem}.btnClose:hover{color:#fff}.platform-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.platform-btn{border:1px solid var(--border-color);background:#ffffff08;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;font-size:.75rem}.platform-btn.active{border-color:var(--accent-color);background:#ffffff1a;border-width:2px}.platform-btn:hover{background:#ffffff12}.platform-tiktok{color:#fe2c55}.platform-youtube{color:red}.platform-instagram{color:#e1306c}.editor-group{margin-bottom:1.5rem}.editor-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.editor-input,.editor-textarea{border:1px solid var(--border-color);color:#fff;background:#0b0e14;border-radius:.75rem;outline:none;width:100%;padding:.85rem 1rem;font-size:.9rem}.editor-textarea{resize:vertical;min-height:120px;line-height:1.4}.editor-input:focus,.editor-textarea:focus{border-color:var(--accent-color)}.modal-footer{margin-top:2rem}.btn-publish-final{background:var(--accent-color);color:#fff;justify-content:center;width:100%;padding:1rem;font-size:1rem}.success-state{text-align:center;padding:1rem 0}.success-state h3{color:var(--success);margin:1rem 0 .5rem}