@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Playfair+Display:wght@400&display=swap');

:root{--void:#000;--line:#292d30;--white:#fff;--bone:#f0f0f0;--ash:#a1a4a5;--iron:#6e727a;--violet:#9281f7;--violet-glow:#baa7ff;--blue:#3b9eff;--green:#3ad389;--red:#ff9592;--mono:'JetBrains Mono',ui-monospace,monospace;--ui:Inter,system-ui,sans-serif;--display:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{background:var(--void)}body{min-height:100vh;margin:0;background:var(--void);color:var(--bone);font:14px/1.43 var(--ui);display:flex}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--violet);color:#000}
aside{width:244px;min-height:100vh;border-right:1px solid var(--line);padding:28px 16px 20px;display:flex;flex-direction:column;gap:3px;background:#000}.brand{color:var(--white);font:500 17px/1 var(--mono);letter-spacing:-.04em;padding:8px 10px 34px}.brand::first-letter{color:var(--violet)}.nav{position:relative;border:0;background:transparent;color:var(--ash);text-align:left;padding:10px;border-radius:6px;font:400 13px var(--ui);transition:color 150ms ease,background 150ms ease}.nav:hover{background:#0b0e14;color:var(--white)}.nav.active{color:var(--white);background:#0b0e14}.nav.active:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;left:1px;top:50%;transform:translateY(-50%);background:var(--violet)}.hint{border-top:1px solid var(--line);padding:16px 10px 0;margin:24px 0 0;color:var(--iron);font:11px/1.6 var(--mono)}
main{width:min(100%,1120px);margin:0 auto;padding:48px 56px 64px}header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:31px;border-bottom:1px solid var(--line);margin-bottom:32px}.eyebrow{font:11px/1 var(--mono);letter-spacing:.04em;color:var(--violet);margin:0 0 14px}h1{color:var(--white);font:400 clamp(33px,5vw,56px)/.98 var(--display);letter-spacing:-.045em;margin:0}h2{color:var(--bone);font:500 17px/1.2 var(--ui);letter-spacing:-.02em;margin:0 0 20px}.badge{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;padding:7px 10px;color:var(--ash);font:10px var(--mono);white-space:nowrap}.badge:first-letter{color:var(--green)}
.card{border:1px solid var(--line);border-radius:16px;background:#000;padding:31px;margin-bottom:16px;box-shadow:none}.card.narrow{max-width:520px}.muted{color:var(--ash);line-height:1.6;margin:0 0 20px}.small{color:var(--ash);font:11px/1.6 var(--mono)}label{display:block;color:var(--bone);font-weight:500;margin:16px 0 6px}input,textarea,select{display:block;width:100%;border:1px solid var(--line);border-radius:6px;outline:0;padding:11px 12px;color:var(--bone);background:#000;transition:border-color 150ms ease,background 150ms ease}input:focus,textarea:focus,select:focus{border-color:var(--violet);background:#0b0e14}textarea{min-height:96px;resize:vertical}select{appearance:auto;color:var(--bone)}option{background:#000}.upload{border:1px dashed var(--iron);border-radius:6px;padding:22px;text-align:center;color:var(--bone);transition:border-color 150ms ease,background 150ms ease}.upload:hover{border-color:var(--violet);background:#0b0e14}.upload input{display:none}.upload span{display:block;color:var(--ash);font:11px var(--mono);margin-top:8px}.network{display:grid;grid-template-columns:22px 180px minmax(180px,1fr);gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.network:first-child{border-top:0}.network input{display:inline-block;width:14px;height:14px;margin:0;accent-color:var(--violet)}.network strong{color:var(--bone);font-weight:500}.network select{margin:0;padding:9px 10px;font:12px var(--mono)}.primary,.test{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--white);padding:10px 14px;font:500 13px var(--ui);transition:border-color 150ms ease,color 150ms ease,background 150ms ease}.primary{margin-top:20px}.primary:hover,.test:hover{border-color:var(--white);background:#0b0e14}.test{font:11px var(--mono);color:var(--bone);padding:8px 10px}.danger{color:var(--red)}.danger:hover{border-color:var(--red);color:var(--red)}
.account,.post,.preset{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.account:first-child,.post:first-child,.preset:first-child{border-top:0}.account strong,.post strong,.preset strong{font-weight:500;color:var(--bone)}.connected{color:var(--green)}#toast{position:fixed;right:24px;bottom:24px;max-width:340px;border:1px solid var(--line);border-radius:6px;background:#000;color:var(--bone);padding:12px 14px;font:12px var(--mono);transform:translateY(100px);opacity:0;transition:transform 150ms ease,opacity 150ms ease}#toast.show{transform:translateY(0);opacity:1}.tab{display:none}.tab.shown{display:block}
.login-page{align-items:center;justify-content:center;padding:24px;background:#000}.login-card{position:relative;width:min(440px,100%);padding:40px;border:1px solid var(--line);border-radius:16px;background:#000}.login-card:before{content:'VIDEOFLOW / ACCESS';display:block;color:var(--violet);font:11px var(--mono);letter-spacing:.04em;margin-bottom:34px}.login-logo{color:var(--white);font:500 17px var(--mono);letter-spacing:-.04em}.login-card h1{font-size:42px;line-height:1;margin:17px 0 13px}.login-card p{color:var(--ash);line-height:1.6}.login-card .primary{width:100%;margin-top:22px}.login-card label{margin-top:17px}.login-card #login-note{min-height:18px;color:var(--red);margin:14px 0 0}.login-card #confirm-row[hidden]{display:none}.auth-tabs{display:flex;gap:18px;margin:24px 0 0;border-bottom:1px solid var(--line)}.auth-tab{padding:0 0 10px;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;background:transparent;color:var(--ash);font:12px var(--mono)}.auth-tab:hover,.auth-tab.active{color:var(--white);border-bottom-color:var(--violet)}.video-preview{margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#000}.preview-label{padding:9px 12px;border-bottom:1px solid var(--line);color:var(--violet);font:10px var(--mono);letter-spacing:.05em}.video-preview video{display:block;width:100%;max-height:380px;background:#0b0e14}
@media(max-width:760px){body{display:block}aside{width:100%;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.brand{grid-column:1/-1;padding:7px 9px 18px}.hint{display:none}.nav{font-size:12px}main{padding:32px 18px 48px}header{display:block;margin-bottom:24px}.badge{display:inline-flex;margin-top:21px}.card{padding:22px}.network{grid-template-columns:22px 1fr}.network select{grid-column:2}.account,.post,.preset{align-items:flex-start;flex-direction:column}.test{width:100%}}@media(max-width:400px){.login-card{padding:28px 22px}.login-card h1{font-size:35px}}