.film,.film-viewport{position:relative;width:100%}.film-viewport{overflow:visible}.film-stage{position:absolute;left:0;top:0;transform-origin:0 0;font-family:var(--font-inter),system-ui,sans-serif;color:rgb(var(--text));-webkit-user-select:none;-moz-user-select:none;user-select:none}.film-stage *{box-sizing:border-box}.fb{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid rgb(var(--border));background:rgb(var(--bg));box-shadow:0 30px 80px -30px rgba(15,23,42,.35),0 1px 2px rgba(15,23,42,.06)}.dark .fb{box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}.fb-bar{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;border-bottom:1px solid rgb(var(--border));background:rgb(var(--surface));flex:none}.fb-dots{display:flex;gap:6px}.fb-dots i{width:10px;height:10px;border-radius:50%;background:rgb(var(--border-strong))}.fb-url{flex:1;display:flex;align-items:center;gap:8px;height:26px;max-width:420px;margin:0 auto;padding:0 10px;border-radius:6px;background:rgb(var(--bg));border:1px solid rgb(var(--border));font-size:12px;color:rgb(var(--text-muted));font-variant-numeric:tabular-nums}.fb-url b{color:rgb(var(--text));font-weight:500}.fb-url .caret{display:inline-block;width:1px;height:13px;background:rgb(var(--text));animation:film-blink 1s steps(2) infinite}.fb-load{position:absolute;left:0;top:40px;height:2px;background:rgb(var(--primary));transition:width .3s ease}.fb-body{position:relative;flex:1;overflow:hidden}.fb-screen{transition:opacity .32s ease}.fb-screen,.ma{position:absolute;inset:0}.ma,.ma-side{display:flex}.ma-side{width:172px;flex:none;flex-direction:column;gap:14px;padding:14px 10px;border-right:1px solid rgb(var(--border));background:rgb(var(--surface))}.ma-logo{display:flex;align-items:center;gap:8px;padding:0 6px;font-size:13px;font-weight:600;letter-spacing:-.01em}.ma-logo i{display:inline-flex;width:20px;height:20px;border-radius:6px}.ma-logo i,.ma-new{align-items:center;justify-content:center;background:rgb(var(--primary));color:#fff}.ma-new{display:flex;gap:6px;height:30px;border-radius:7px;font-size:12px;font-weight:500}.ma-nav{display:flex;flex-direction:column;gap:2px}.ma-nav span{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;color:rgb(var(--text-muted))}.ma-nav span i{width:14px;height:14px;border-radius:4px;border:1.5px solid;opacity:.7}.ma-nav span.on{background:rgb(var(--primary-soft));color:rgb(var(--primary))}.dark .ma-nav span.on{color:rgb(var(--text))}.ma-main{flex:1;min-width:0;display:flex;flex-direction:column}.ma-top{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 18px;border-bottom:1px solid rgb(var(--border));font-size:12px;color:rgb(var(--text-muted))}.ma-top .clock{font-variant-numeric:tabular-nums;font-weight:500;color:rgb(var(--text))}.ma-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgb(var(--chart-2));color:#fff;font-size:10px;font-weight:600}.ma-content{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px}.ma-h1{font-size:16px;font-weight:600;letter-spacing:-.01em}.ma-card{border:1px solid rgb(var(--border));border-radius:10px;background:rgb(var(--surface))}.ma-label{font-size:11px;font-weight:500;color:rgb(var(--text-muted))}.ma-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:7px;font-size:12px;font-weight:500;border:1px solid rgb(var(--border));background:rgb(var(--bg))}.ma-btn.primary{background:rgb(var(--primary));color:#fff;border-color:transparent}.ma-btn.pressed{transform:scale(.97);filter:brightness(.92)}.ma-badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:5px;font-size:11px;font-weight:500}.ma-badge.warn{background:rgb(var(--warning-soft));color:rgb(var(--warning))}.ma-badge.ok{background:rgb(var(--success-soft));color:rgb(var(--success))}.ma-badge.info{background:rgb(var(--primary-soft));color:rgb(var(--primary))}.dark .ma-badge.info{color:rgb(var(--text))}.ma-progress{height:6px;border-radius:999px;background:rgb(var(--surface-2));overflow:hidden}.ma-progress i{display:block;height:100%;background:rgb(var(--primary));border-radius:999px}.ma-input{display:flex;align-items:flex-start;min-height:34px;padding:8px 10px;border-radius:7px;border:1px solid rgb(var(--border));background:rgb(var(--bg));font-size:12px;line-height:18px}.ma-input.focus{border-color:rgb(var(--primary));box-shadow:0 0 0 3px rgb(var(--primary)/.15)}.ma-chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;border:1px solid rgb(var(--border));font-size:11px;font-weight:500;color:rgb(var(--text-muted));background:rgb(var(--bg))}.ma-chip.on{border-color:rgb(var(--primary));color:rgb(var(--primary));background:rgb(var(--primary-soft))}.dark .ma-chip.on{color:rgb(var(--text))}.ma-row{display:flex;align-items:center;gap:10px}.ma-kpi{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.ma-kpi b{font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.ma-kpi small{font-size:11px;color:rgb(var(--success));font-weight:500}.ma-table{display:flex;flex-direction:column;font-size:12px}.ma-table>div{display:grid;grid-template-columns:1fr 124px 118px;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid rgb(var(--border))}.ma-table>div:first-child{border-top:0;color:rgb(var(--text-muted));font-size:11px}.ma.narrow .ma-table>div{grid-template-columns:1fr 112px}.ma.narrow .ma-table>div>:nth-child(3){display:none}.ma-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:rgb(var(--success-soft));color:rgb(var(--success))}.ma-check,.ma-spin{border-radius:50%;flex:none}.ma-spin{width:14px;height:14px;border:2px solid rgb(var(--border-strong));border-top-color:rgb(var(--primary));animation:film-spin .8s linear infinite}.ma-dot{width:8px;height:8px;border-radius:50%;background:rgb(var(--border-strong));flex:none}.ma-dot.on{background:rgb(var(--primary));box-shadow:0 0 0 4px rgb(var(--primary)/.18)}.ma-dot.done{background:rgb(var(--success))}.fx{transition:opacity .26s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.fx.hide{opacity:0;transform:translateY(6px);pointer-events:none}.fx.pop.hide{transform:scale(.96)}.pv{position:relative;width:150px;height:266px;border-radius:14px;overflow:hidden;background:#0b0f19;color:#fff;flex:none}.pv-bg{position:absolute;inset:0;background:linear-gradient(180deg,#334155,#1f2937 55%,#0b0f19)}.pv-person{bottom:58px;width:74px;height:110px;border-radius:37px 37px 10px 10px;background:linear-gradient(180deg,#94a3b8,#475569);opacity:.8}.pv-person,.pv-person:before{position:absolute;left:50%;transform:translateX(-50%)}.pv-person:before{content:"";top:-34px;width:40px;height:40px;border-radius:50%;background:#cbd5e1}.pv-hook{top:16px;padding:6px 8px;border-radius:6px;background:#fff;color:#0f172a;font-size:11px;font-weight:700;line-height:14px}.pv-hook,.pv-sub{position:absolute;left:10px;right:10px}.pv-sub{bottom:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.pv-sub span{padding:2px 5px;border-radius:4px;background:rgba(15,23,42,.78);font-size:10px;font-weight:700;line-height:12px}.pv-sub span.hi{background:#2563eb}.pv-wave{position:absolute;left:0;right:0;bottom:0;height:18px;display:flex;align-items:flex-end;gap:1px;padding:0 6px 4px}.pv-wave i{flex:1;background:#fff;opacity:.55;border-radius:1px 1px 0 0;transition:opacity .3s,background .3s}.pv-wave i.cut{opacity:.12;background:#ef4444}.pv-ready{position:absolute;inset:0;background:rgba(11,15,25,.55)}.pv-ready,.pv-ready i{display:flex;align-items:center;justify-content:center}.pv-ready i{width:38px;height:38px;border-radius:50%;background:#fff;color:#0f172a}.steps{display:flex;flex-direction:column;gap:0}.steps>div{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px;color:rgb(var(--text-muted))}.steps>div.on{font-weight:500}.steps>div.done,.steps>div.on{color:rgb(var(--text))}.steps em{margin-left:auto;font-style:normal;font-size:11px;font-variant-numeric:tabular-nums;color:rgb(var(--text-muted))}.ph{position:absolute;width:212px;height:432px;border-radius:34px;background:#0f172a;padding:9px;box-shadow:0 30px 60px -20px rgba(15,23,42,.55);transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.ph.hide{opacity:0}.ph-screen{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:#0b0f19;color:#f1f5f9}.ph-notch{left:50%;top:8px;width:64px;height:18px;border-radius:10px;background:#0f172a;transform:translateX(-50%);z-index:3}.ph-notch,.tg{position:absolute}.tg{inset:0;background:#0f1720;flex-direction:column}.tg,.tg-top{display:flex}.tg-top{gap:8px;height:56px;padding:26px 12px 0;font-size:12px;font-weight:600}.tg-top,.tg-top i{align-items:center}.tg-top i{width:22px;height:22px;border-radius:50%;background:#2563eb;display:inline-flex;justify-content:center}.tg-body{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:8px}.tg-msg{align-self:flex-start;max-width:92%;padding:8px 10px;border-radius:12px 12px 12px 3px;background:#1e293b;font-size:11px;line-height:15px}.tg-msg b{font-weight:600}.tg-btns{display:flex;gap:6px}.tg-btns span{flex:1;display:inline-flex;align-items:center;justify-content:center;height:28px;border-radius:7px;background:#243447;font-size:11px;font-weight:500}.tg-btns span.ok{background:#2563eb}.ig{display:flex;flex-direction:column;justify-content:flex-end}.ig,.ig-bg{position:absolute;inset:0}.ig-bg{background:linear-gradient(180deg,#334155,#1f2937 55%,#0b0f19)}.ig-top{left:14px;right:14px;top:34px;justify-content:space-between;font-size:12px}.ig-side,.ig-top{position:absolute;display:flex;font-weight:600}.ig-side{right:12px;bottom:96px;flex-direction:column;gap:14px;align-items:center;font-size:10px;font-variant-numeric:tabular-nums}.ig-side i{width:22px;height:22px;border-radius:6px;border:2px solid #f1f5f9;display:block;margin-bottom:3px}.ig-side i.heart{border-radius:50% 50% 50% 50%}.ig-meta{position:relative;padding:0 16px 24px;display:flex;flex-direction:column;gap:7px;width:160px}.ig-cap{display:inline-block;align-self:flex-start;padding:4px 7px;border-radius:5px;background:#fff;color:#0f172a;font-size:11px;font-weight:700;line-height:14px}.ig-cap.blue{background:#2563eb;color:#fff}.ig-user{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600}.ig-user i{width:18px;height:18px;border-radius:50%;background:#0d9488}.ig-bar{height:3px;border-radius:2px;background:rgba(255,255,255,.25);overflow:hidden}.ig-bar i{display:block;height:100%;background:#fff}.ig-toast{position:absolute;left:14px;right:14px;top:60px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.96);color:#0f172a;font-size:11px;font-weight:600}.ig-toast i{width:22px;height:22px;border-radius:6px;background:#2563eb;display:inline-flex;align-items:center;justify-content:center;color:#fff}.cur{width:18px;height:18px;z-index:20;pointer-events:none;transition:left .48s cubic-bezier(.3,.7,.3,1),top .48s cubic-bezier(.3,.7,.3,1),opacity .2s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.cur,.cur:after{position:absolute}.cur:after{content:"";left:-9px;top:-9px;width:36px;height:36px;border-radius:50%;border:2px solid rgb(var(--primary));opacity:0;transform:scale(.4)}.cur.click:after{animation:film-ring .42s ease-out}.film-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:22px}.film-rail button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:10px 2px 0;border:0;background:none;text-align:left;color:rgb(var(--text-muted));font:inherit;font-size:12px;font-weight:500;line-height:16px;cursor:pointer;border-radius:6px}.film-rail button:before{content:"";display:block;width:100%;height:3px;border-radius:2px;background:rgb(var(--border))}.film-rail button i{position:absolute;left:0;top:10px;height:3px;border-radius:2px;background:rgb(var(--primary));width:0}.film-rail button.done,.film-rail button.on{color:rgb(var(--text))}.film-rail button:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:2px}.film-rail b{font-weight:600;font-variant-numeric:tabular-nums}.film-rail b,.film-rail span{display:block}.film-caption{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:20px;color:rgb(var(--text-muted))}.film-caption strong{color:rgb(var(--text));font-weight:600}.film-play{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:6px;border:1px solid rgb(var(--border));background:rgb(var(--bg));color:rgb(var(--text));font:inherit;font-size:12px;font-weight:500;cursor:pointer;flex:none}.film-play:hover{background:rgb(var(--surface-2))}@media (max-width:640px){.film-rail{grid-template-columns:repeat(4,1fr);gap:4px 6px}.film-rail button{font-size:11px;line-height:14px;gap:5px}.film-rail b{display:none}.film-caption{flex-direction:column;align-items:flex-start}}@keyframes film-blink{to{opacity:0}}@keyframes film-spin{to{transform:rotate(1turn)}}@keyframes film-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.cur,.fb-load,.fx,.ph{transition:none}.fb-url .caret,.ma-spin{animation:none}}