:root{--bg: #fbfbfa;--surface: #ffffff;--accent: #3f3cd8;--accent-soft: #eef0ff;--on-accent: #ffffff;--ink: #161514;--ink-indigo: #16162a;--text-muted: #5c5955;--text-nav: #6d6a63;--text-cool: #77748c;--text-faint: #8a877f;--line: #e9e8e4;--dot: #e3e2dc;--glass: #ffffffd1;--glass-soft: #ffffff59;--danger: #b42318;--ok: #1a7f4b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--space-1: 6px;--space-2: 10px;--space-3: 12px;--space-4: 14px;--space-5: 20px;--space-6: 30px;--space-7: 48px;--space-8: 96px;--radius-sm: 9px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--shadow-card: 0 6px 20px 0 rgba(20, 20, 40, .04)}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:var(--bg) radial-gradient(var(--dot) 1px,transparent 1px);background-size:22px 22px;color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,h4{color:var(--ink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.animate-in{animation:fadeUp .45s cubic-bezier(.16,1,.3,1) both}.delay-2{animation-delay:.06s}.delay-3{animation-delay:.12s}.delay-4{animation-delay:.18s}.delay-5{animation-delay:.24s}@media (prefers-reduced-motion: reduce){.animate-in{animation:none}*{transition:none!important}}.tag,.badge{font:650 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:5px 8px;border-radius:5px;display:inline-block}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--radius-pill);padding:10px 20px;font:650 14.5px/1 var(--font-sans);cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:after{content:"↗";width:18px;height:18px;border-radius:50%;background:var(--glass-soft);display:grid;place-items:center;font:400 10px/1 var(--font-sans)}.btn-ghost{display:inline-flex;align-items:center;background:var(--surface);border:1.5px solid var(--line);color:var(--ink-indigo);border-radius:var(--radius-pill);padding:9px 16px;font:650 13.5px/1 var(--font-sans);cursor:pointer;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost:disabled,.btn-primary:disabled{opacity:.5;cursor:wait}.link{color:var(--accent);font:650 14px/1.4 var(--font-sans)}.input{width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:10px 14px;color:var(--ink);font:400 14px/1.4 var(--font-sans);outline:none;resize:vertical}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.card{background:var(--surface);border:2px solid var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);color:var(--ink-indigo)}.card>h2{font:750 18px/1.2 var(--font-sans);letter-spacing:-.18px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.muted{color:var(--text-muted);font-size:.875rem}.err-text{color:var(--danger)}.lead{color:var(--text-muted);font-size:17px;line-height:1.6;margin-bottom:24px;max-width:640px}code{background:var(--accent-soft);color:var(--accent);padding:1px 6px;border-radius:6px;font:500 .8em var(--font-mono)}.status{font-size:.875rem;font-weight:500;margin:0 0 14px}.status.ok{color:var(--ok)}.status.err{color:var(--danger);max-width:640px}.field{display:flex;flex-direction:column;gap:6px}.field>span:first-child{font:650 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-cool)}.color{width:56px;height:36px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:none;padding:2px;cursor:pointer}.nav-float{position:sticky;top:14px;z-index:40;margin:14px auto 0;max-width:1040px;display:flex;align-items:center;justify-content:space-between;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid var(--surface);border-radius:var(--radius-pill);padding:10px 24px;box-shadow:var(--shadow-card)}.wordmark{font:800 22px/1 var(--font-sans);letter-spacing:-.05em;color:var(--accent)}.nav-float .small{font-size:14px;font-weight:500;color:var(--text-nav)}.home{max-width:1040px;margin:0 auto;padding:0 24px}.hero{text-align:center;padding:80px 0 56px}.hero h1{font:700 clamp(2.4rem,7vw,4.5rem)/1.05 var(--font-sans);letter-spacing:-.02em;margin:18px 0 16px}.hl{display:inline-block;border:1.5px dashed var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:0 .12em}.hero p{color:var(--text-muted);font-size:17px;max-width:520px;margin:0 auto}.panel{background:var(--accent);border-radius:var(--radius-xl);padding:48px 30px 30px}.panel>h2{color:var(--on-accent);font:700 30px/1.2 var(--font-sans);letter-spacing:-.6px;text-align:center;margin-bottom:6px}.panel>.sub{color:#fffc;text-align:center;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.app-card{display:flex;flex-direction:column;gap:10px;min-height:290px;transition:border-color .2s,transform .2s}.app-card:hover{border-color:var(--accent-soft);transform:translateY(-3px)}.app-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.app-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.app-card h2{font:750 24px/1.2 var(--font-sans);letter-spacing:-.24px}.app-card p{color:var(--text-muted);font-size:15px;line-height:1.5}.mode-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.mode-list li{font:650 10.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-cool);border:1px solid var(--line);border-radius:var(--radius-pill);padding:5px 9px}.open{color:var(--accent);font:650 14px/1.4 var(--font-sans)}.footer{margin-top:96px;border-top:1px solid var(--line);padding:20px 0 0;display:flex;justify-content:space-between;font-size:13px;color:var(--text-nav)}.footer-mark{font:800 clamp(64px,17vw,190px)/.9 var(--font-sans);letter-spacing:-.06em;color:var(--accent);margin:28px 0 0;overflow:hidden}.shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:24px}.back{color:var(--text-nav);font-size:14px;font-weight:500}.back:hover{color:var(--accent)}.sidebar-title{display:flex;align-items:center;gap:12px}.sidebar-title .app-icon{width:44px;height:44px}.sidebar-title h2{font:750 18px/1.2 var(--font-sans);letter-spacing:-.18px}nav{display:flex;flex-direction:column;gap:4px}.nav-float{flex-direction:row}.nav-item{text-align:left;background:none;border:0;color:var(--text-nav);font:500 14px/1.2 var(--font-sans);padding:11px 14px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s,color .15s}.nav-item:hover{background:var(--accent-soft);color:var(--accent)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.content{padding:48px;min-width:0}.content h1{font:700 40px/1.1 var(--font-sans);letter-spacing:-.02em;margin:14px 0 10px}.content p{color:var(--text-muted);max-width:560px}.content.wide{padding:32px 40px}.content.full{padding:0;display:flex}.embed{display:flex;flex-direction:column;width:100%;height:100vh}.embed-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--text-muted)}.embed-bar strong{color:var(--ink);font-weight:750;letter-spacing:-.01em}.embed-bar .grow{flex:1}.embed-bar a{text-decoration:none}.embed-frame{flex:1;width:100%;border:0;background:#000}.tm-gallery h1,.social h1,.clip h1{font:700 36px/1.1 var(--font-sans);letter-spacing:-.02em;margin-bottom:8px}.tm-gallery>p{color:var(--text-muted);margin-bottom:24px}.tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.tm-card{display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit;cursor:pointer;padding:16px;transition:border-color .2s,transform .2s}.tm-card:hover{border-color:var(--accent-soft);transform:translateY(-2px)}.tm-card strong{font-weight:750;letter-spacing:-.01em}.tm-card span{color:var(--text-cool);font:650 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.tm-thumb{width:100%;border-radius:var(--radius-sm);display:block;margin-bottom:6px;border:1px solid var(--line)}.tm-sub{font:700 24px/1.2 var(--font-sans);letter-spacing:-.02em;margin:40px 0 14px}.tm-sub small{font:400 13px var(--font-sans);letter-spacing:0;color:var(--text-cool);margin-left:8px}.tm-open{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;display:block}.tm-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.tm-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seg{display:flex;gap:4px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-pill);padding:4px;flex-wrap:wrap}.seg button{background:none;border:0;color:var(--text-nav);font:650 13px/1.2 var(--font-sans);padding:7px 14px;border-radius:var(--radius-pill);cursor:pointer;display:flex;flex-direction:column;align-items:center}.seg button small{font:500 10.5px var(--font-mono);color:var(--text-faint)}.seg button.on{background:var(--accent);color:var(--on-accent)}.seg button.on small{color:#fffc}.tm-body{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.tm-fields{display:flex;flex-direction:column;gap:16px;background:var(--surface);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}.file-row{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-muted)}.file-row input{max-width:190px}.tm-stage{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--accent-soft);border-radius:var(--radius-xl);padding:28px;min-height:400px;justify-content:center}.tm-canvas{max-width:100%;max-height:72vh;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);object-fit:contain}.tm-size{font:650 11px var(--font-mono);letter-spacing:.08em;color:var(--text-cool)}.social,.clip{max-width:1100px}.soc-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:20px;align-items:start}.soc-form{display:flex;flex-direction:column;gap:14px}.soc-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.soc-row>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.soc-row small{color:var(--text-cool);font-size:12.5px}.pill{font:650 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:var(--radius-pill);border:1px solid var(--accent);color:var(--accent)}.pill.posted{border-color:var(--ok);color:var(--ok)}.pill.failed{border-color:var(--danger);color:var(--danger)}.pick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pick-item{width:72px;height:72px;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--surface);color:var(--text-muted);cursor:pointer;padding:0;overflow:hidden;font-size:11px}.pick-item.on{border-color:var(--accent)}.pick-item img{width:100%;height:100%;object-fit:cover;display:block}.help{font-size:13.5px;color:var(--text-muted)}.help summary{color:var(--accent);font-weight:650;cursor:pointer}.help ol{padding-left:18px;margin-top:8px;display:flex;flex-direction:column;gap:4px}.clip-box{max-width:560px;display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.drop{display:grid;place-items:center;padding:48px 20px;border:1.5px dashed var(--accent);background:var(--accent-soft);border-radius:var(--radius-lg);color:var(--accent);font-weight:650;cursor:pointer}.drop input{display:none}.clip-body{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);gap:20px;align-items:start;margin-bottom:18px}.clip-video{width:100%;max-height:50vh;border-radius:var(--radius-md);background:#000}.clip-opts{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap;font-size:13.5px;color:var(--text-muted)}.clip-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line);flex-wrap:wrap}.input.num{width:76px;padding:6px 10px}.clip-mini{width:160px;border-radius:var(--radius-sm);background:#000}.clip-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.clip-actions a{text-decoration:none}.drive{display:inline-flex;flex-direction:column;gap:6px;position:relative}.drive-setup{position:absolute;top:100%;right:0;z-index:20;width:340px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:10px;font-size:13.5px;color:var(--text-muted)}.inbox{position:relative}.inbox-pop{position:absolute;right:0;top:100%;z-index:30;width:340px;padding:16px}@media (max-width: 900px){.soc-grid,.clip-body,.tm-body,.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.content,.content.wide{padding:24px}.panel{padding:32px 16px 16px}}.fc-body{flex:1;display:flex;min-height:0}.fc-drawer{width:340px;border-left:1px solid var(--line);background:var(--surface);padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px}.fc-drawer h2{font:750 18px/1.2 var(--font-sans);letter-spacing:-.18px}.fc-out{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.fc-out strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-prev{width:100%;border-radius:var(--radius-sm);background:#000;max-height:160px;object-fit:contain}label.btn-ghost{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.login-box{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch}.login-box .wordmark{font-size:28px;margin-bottom:28px}.login-box h1{font:700 40px/1.1 var(--font-sans);letter-spacing:-.02em;margin-bottom:8px}.login-box .lead{margin-bottom:18px}.login-seg{align-self:flex-start;margin-bottom:14px}.login-form{display:flex;flex-direction:column;gap:14px;padding:24px}.login-form .btn-primary{justify-content:center}.link-btn{background:none;border:0;cursor:pointer;padding:0;text-align:left}.login-note{margin-top:16px;text-align:center}.splash{min-height:100vh;display:grid;place-items:center}.splash .wordmark{font-size:36px}.nav-user{display:flex;align-items:center;gap:14px}.side-user{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.side-user small{color:var(--text-nav);font-size:13px;overflow:hidden;text-overflow:ellipsis}.login-box{align-items:center;text-align:center;max-width:440px}.login-box .wordmark{display:block;font-size:clamp(64px,16vw,112px);line-height:.95;letter-spacing:-.06em;margin:0 0 36px;text-align:center}.login-box h1{text-align:center}.login-box .lead{text-align:center;margin-left:auto;margin-right:auto}.login-seg{align-self:center}.login-form{width:100%;text-align:left}.login-form .link-btn{align-self:center}.admin-btn{margin-top:18px;align-self:center}.admin-head{padding:56px 0 24px}.admin-head h1{font:700 clamp(2rem,5vw,3rem)/1.1 var(--font-sans);letter-spacing:-.02em;margin:14px 0 8px}.admin-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}.tile{display:flex;flex-direction:column;gap:4px;padding:20px}.tile-n{font:800 36px/1 var(--font-sans);letter-spacing:-.03em;color:var(--accent)}.tile-l{font:650 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-cool)}.admin-card{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.code-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.code-row .input{max-width:320px}.code-big{font:650 18px var(--font-mono);padding:8px 14px;border-radius:var(--radius-md)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font:650 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-cool);padding:8px 10px;border-bottom:1px solid var(--line)}.table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.admin{padding-bottom:80px}.embed-warn{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:10px 16px;background:var(--accent-soft);color:var(--ink-indigo);font-size:13.5px;border-bottom:1px solid var(--line)}.login-legal{margin-top:14px;display:flex;gap:14px;justify-content:center;font-size:12.5px}.login-legal a{color:var(--text-cool);text-decoration:underline}