:root{color:#09090b;background:#fafafa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.appRoot{background:#fafafa;min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #e4e4e7;position:sticky;top:0}.topbarInner{justify-content:space-between;align-items:center;gap:18px;max-width:1280px;margin:0 auto;padding:12px 16px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.subbrand{color:#71717a;margin-top:2px;font-size:12px}.nav{align-items:center;gap:8px;display:flex}.mobileNav{gap:8px;padding:0 16px 12px;display:none;overflow-x:auto}.main{max-width:1280px;margin:0 auto;padding:32px 16px}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:#18181b;box-shadow:0 8px 22px #0000001a}.btn.outline{color:#18181b;background:#fff;border:1px solid #d4d4d8}.btn.ghost{color:#52525b;background:0 0}.fullWidth{width:100%}.card{background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 8px 30px #18181b0f}.sectionTitle{margin-bottom:18px}.eyebrow{color:#71717a;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800}.sectionTitle h2{letter-spacing:-.05em;margin:6px 0 0;font-size:clamp(26px,3vw,40px);line-height:1.05}.sectionTitle p{color:#52525b;max-width:720px;margin:10px 0 0;font-size:15px;line-height:1.65}.homeGrid{grid-template-columns:1fr 420px;align-items:start;gap:24px;display:grid}.videoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.videoCard{cursor:pointer;transition:box-shadow .18s,transform .18s}.videoCard:hover{transform:translateY(-3px);box-shadow:0 18px 42px #18181b1f}.mockVideo{aspect-ratio:9/16;color:#fff;border-radius:32px;justify-content:center;align-items:center;min-height:420px;padding:22px;display:flex;position:relative;overflow:hidden}.gradientA{background:linear-gradient(135deg,#111827,#52525b)}.gradientB{background:linear-gradient(135deg,#27272a,#78716c)}.gradientC{background:linear-gradient(135deg,#3f3f46,#92400e)}.gradientDraft{background:linear-gradient(135deg,#020617,#3f3f46)}.videoTopBadges{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:18px;left:18px;right:64px}.badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:999px;padding:6px 10px;font-size:11px}.playCircle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:18px;right:18px}.videoCenter{text-align:center;max-width:280px}.avatarCircle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 18px;display:flex}.videoCreator{letter-spacing:-.03em;font-size:22px;font-weight:800}.videoType{color:#ffffffc7;margin-top:5px;font-size:13px}.videoCenter p{font-size:18px;font-weight:700;line-height:1.45}.serverState{color:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000042;border-radius:18px;padding:12px;font-size:12px;position:absolute;bottom:18px;left:18px;right:18px}.cardInfo{padding:16px}.cardTitle{font-weight:800}.cardInfo p{color:#52525b;margin:6px 0 0;font-size:14px;line-height:1.5}.pillRow{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pill{color:#3f3f46;background:#f4f4f5;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.selectedPanel{padding:20px;position:sticky;top:92px}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panelHeader h3{letter-spacing:-.04em;margin:0;font-size:22px}.smallLabel{color:#71717a;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.actionGrid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.createGrid{grid-template-columns:420px 1fr;align-items:start;gap:24px;display:grid}.formPanel{padding:24px}.fieldBlock{margin-bottom:22px}.fieldTitle,.fieldLine{margin-bottom:10px;font-size:14px;font-weight:800}.fieldLine{justify-content:space-between;align-items:center;display:flex}.hiddenInput{display:none}.helpText{color:#71717a;font-size:12px;line-height:1.5}.selectedFile,.softBox{color:#3f3f46;background:#f4f4f5;border-radius:18px;padding:14px}.range{accent-color:#18181b;width:100%}.buttonStack{gap:8px;display:grid}.previewLabel{margin-bottom:12px}.twoGrid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.threeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.twoGridSmall{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.textarea{resize:vertical;background:#fff;border:1px solid #d4d4d8;border-radius:22px;outline:none;width:100%;min-height:120px;margin-bottom:16px;padding:16px}.textarea:focus,.chatInput input:focus{box-shadow:0 0 0 3px #e4e4e7}.muted{color:#71717a}.statusBox{background:#f4f4f5;border-radius:22px;align-items:flex-start;gap:12px;margin:16px 0;padding:16px;display:flex}.statusBox p,.softBox p{color:#52525b;margin:5px 0 0;font-size:14px;line-height:1.5}.chatBox{color:#71717a;background:#fff;border:1px solid #e4e4e7;border-radius:24px;height:260px;padding:16px}.chatInput{gap:8px;margin-top:12px;display:flex}.chatInput input{border:1px solid #d4d4d8;border-radius:999px;outline:none;flex:1;padding:0 16px}.ladder{color:#3f3f46;background:#f4f4f5;border-radius:20px;align-items:center;gap:12px;margin-top:10px;padding:16px;font-weight:700;display:flex}.recordGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.recordCard{flex-direction:column;gap:10px;padding:24px;display:flex}.recordCard svg{color:#3f3f46}.recordCard strong{letter-spacing:-.06em;font-size:34px}.recordCard p{color:#71717a;margin:0;line-height:1.5}@media (width<=1080px){.homeGrid,.createGrid,.twoGrid{grid-template-columns:1fr}.selectedPanel{position:static}.videoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=740px){.nav{display:none}.mobileNav{display:flex}.main{padding-top:22px}.videoGrid,.recordGrid,.threeGrid,.twoGridSmall{grid-template-columns:1fr}.mockVideo{min-height:360px}.sectionTitle h2{font-size:28px}}