:root{color-scheme:dark;--bg:#090b12;--card:#121722;--line:#242b3a;--text:#f7f8fb;--muted:#929bad;--accent:#8b5cf6;--accent2:#22d3ee}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#21183c 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:48px 24px}header,.section-title{display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-size:clamp(32px,5vw,58px);line-height:1;margin:12px 0}h2,h3,p{margin-top:0}.eyebrow,.badge{font-size:11px;letter-spacing:.15em;color:var(--accent2)}header p,.upload p,.effect-info p,small{color:var(--muted)}.card,.effect-card{background:rgba(18,23,34,.9);border:1px solid var(--line);border-radius:20px}.login{max-width:440px;margin:70px auto;padding:28px}.upload{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:30px;padding:28px;margin:46px 0}form{display:grid;gap:14px}label{display:grid;gap:6px;color:#cbd1dc;font-size:13px}input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0c1018;color:white}.drop{padding:14px;border:1px dashed #46506a;border-radius:12px}.drop input{padding:0;border:0}.drop span{color:var(--muted)}button{border:0;border-radius:10px;padding:12px 18px;background:linear-gradient(135deg,var(--accent),#6d28d9);color:white;font-weight:700;cursor:pointer}.ghost{background:transparent;border:1px solid var(--line)}button:disabled{opacity:.55}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.effect-card{overflow:hidden}.preview{height:210px;background:linear-gradient(45deg,#171b25 25%,#202635 25%,#202635 50%,#171b25 50%,#171b25 75%,#202635 75%);background-size:24px 24px}.preview img,.preview video{width:100%;height:100%;object-fit:contain}.effect-info{padding:18px}.effect-info h3{margin:8px 0 2px}.badge{display:inline-block}.empty{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}#toast{position:fixed;right:24px;bottom:24px;transform:translateY(100px);opacity:0;transition:.25s;background:#18251f;border:1px solid #28623f;padding:14px 20px;border-radius:12px}#toast.show{transform:none;opacity:1}#toast.error{background:#2b171b;border-color:#74333d}.tabs{display:flex;gap:8px;margin:38px 0 24px;border-bottom:1px solid var(--line);padding-bottom:12px}.tab{background:transparent;color:var(--muted)}.tab.active{background:#202638;color:white}.users-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compact{padding:18px;margin:12px 0}.user-list{display:grid;gap:10px}.user-row{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer}.user-row:hover{border-color:#555f78}.status{font-size:12px;color:var(--muted)}.online{color:#5ee39a}.control{padding:24px;position:sticky;top:20px;align-self:start}.permission{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.permission button{padding:8px 10px}.switch{width:20px;height:20px}.meta{font-size:12px;color:var(--muted)}@media(max-width:800px){main{padding:28px 16px}.upload,.users-layout{grid-template-columns:1fr}.control{position:static}header{align-items:flex-start}h1{font-size:38px}}