@font-face{font-family:Ethnocen;src:url(/fonts/ethnocen.ttf) format("truetype");font-display:swap}:root{--bg:#000000;--surface:#1c1c1e;--surface-2:#2c2c2e;--border:#38383a;--text:#ffffff;--muted:#8e8e93;--primary:#37e6a4;--primary-hover:#5ef0b8;--on-primary:#000000;--violet:#5014a0;--magenta:#bf38e5;--success:#3ecf8e;--danger:#ff5c6c;--warning:#f5b83d;--radius:12px}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1040px;margin:0 auto;padding:24px 20px 64px}.topbar{justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar,.topbar nav{display:flex;align-items:center}.topbar nav{gap:20px}.topbar nav a{color:var(--muted);font-weight:500}.topbar nav a:hover{color:var(--text);text-decoration:none}.brand{font-family:Ethnocen,system-ui,sans-serif;letter-spacing:.02em;color:var(--text)}.brand span{background:linear-gradient(90deg,var(--primary),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}h1{font-size:1.6rem;margin:0 0 16px}h2{font-size:1.15rem;margin:0 0 12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stack{flex-direction:column;gap:16px}.row,.stack{display:flex}.row{gap:12px;flex-wrap:wrap;align-items:center}.grid-2{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}@media (max-width:760px){.grid-2{grid-template-columns:1fr}}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}input[type=password],input[type=text],select,textarea{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:inherit}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.checkbox{flex-direction:row;gap:10px;color:var(--text);font-size:1rem}.btn,.checkbox{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;border:none;border-radius:8px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;background:var(--primary);color:var(--on-primary);transition:background .12s ease,opacity .12s ease}.btn:hover{background:var(--primary-hover);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-link{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit;padding:0}.btn-link:hover{color:var(--text)}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger)}.notice{border-radius:8px;padding:10px 14px;font-size:.92rem}.notice-error{background:rgba(255,92,108,.12);color:var(--danger)}.notice-success{background:rgba(62,207,142,.12);color:var(--success)}.notice-warning{background:rgba(245,184,61,.12);color:var(--warning)}.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600;background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge-generating,.badge-publishing{background:rgba(245,184,61,.15);color:var(--warning)}.badge-ready{background:rgba(191,56,229,.18);color:var(--magenta)}.badge-published{background:rgba(62,207,142,.15);color:var(--success)}.badge-failed{background:rgba(255,92,108,.15);color:var(--danger)}.video{width:100%;aspect-ratio:9/16;max-height:620px;background:#000;border-radius:var(--radius);object-fit:contain}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.post-list{list-style:none;margin:0;padding:0}.post-list li+li{border-top:1px solid var(--border)}.post-list a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 4px;color:var(--text)}.post-list a:hover{text-decoration:none;background:var(--surface-2)}.post-prompt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;gap:10px}.preset{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;transition:border-color .12s ease,background .12s ease}.preset:hover{border-color:var(--muted)}.preset-active{border-color:var(--primary);background:rgba(55,230,164,.08)}.prompt-preview{white-space:pre-wrap;background:var(--surface-2);border-radius:8px;padding:12px;font-size:.82rem;color:var(--muted);margin:8px 0 0}.platform{border:1px solid var(--border);border-radius:10px;padding:14px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--surface-2)}.avatar,.slide{object-fit:cover}.slide{width:100%;aspect-ratio:4/5;max-height:640px;background:#000;border-radius:var(--radius);display:block}.slide-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.slide-caption{margin:8px 0 0;text-align:center;font-family:Ethnocen,system-ui,sans-serif;letter-spacing:.04em;font-size:.85rem}.thumbs{display:flex;gap:8px;margin-top:10px}.thumb{width:48px;height:60px;padding:0;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-active{border-color:var(--primary)}code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.85rem;word-break:break-all}