*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#1f1a17;background:#f6f1e8;min-width:320px;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{touch-action:manipulation}@keyframes screen-enter{0%{opacity:0;filter:blur(5px);transform:translateY(14px)scale(.992)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-open{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes stage-light-sweep{0%,to{opacity:.55;transform:rotate(-18deg)scaleY(.92)}50%{opacity:.9;transform:rotate(18deg)scaleY(1.08)}}@keyframes dancer-bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(4deg)}}@keyframes compose-playhead-scan{0%{transform:translate(-42%)}to{transform:translate(42%)}}@keyframes compose-note-float{0%,to{opacity:.28;transform:translateY(0)rotate(-8deg)scale(.96)}50%{opacity:.68;transform:translateY(-12px)rotate(8deg)scale(1.06)}}@keyframes stick-demo-arm{0%,to{transform:rotate(var(--rest-rotate))}50%{transform:rotate(var(--active-rotate))}}@keyframes record-scan{0%{transform:translateY(-26px)}to{transform:translateY(38px)}}@keyframes direct-dance-sway{0%,to{transform:translate(-50%)rotate(-7deg)}50%{transform:translate(-50%)rotate(8deg)}}@keyframes direct-jump-body{0%,to{transform:translate(-50%)translateY(0)}45%{transform:translate(-50%)translateY(-20px)}70%{transform:translate(-50%)translateY(-8px)}}@keyframes direct-limb-swing{0%,to{transform:rotate(var(--base-rotate,0deg))}45%{transform:rotate(var(--jump-rotate,var(--base-rotate,0deg)))}70%{transform:rotate(var(--land-rotate,var(--base-rotate,0deg)))}}@keyframes direct-stage-pulse{0%,to{opacity:.46;transform:scaleX(.82)}45%{opacity:.9;transform:scaleX(1.05)}}@keyframes direct-light-burst{0%,to{opacity:.46;filter:blur()}45%{opacity:.82;filter:blur(1px)}}@keyframes follow-sync-pulse{0%,to{opacity:.34;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@keyframes choice-ghost-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes manual-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes manual-card-enter{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-shell{color:#1f1a17;background:#f6f1e8;width:100%;min-width:320px;min-height:100%;transition:background-color .22s,color .22s}.app-screen-transition{width:100%;height:100%;animation:.26s cubic-bezier(.2,.8,.2,1) both screen-enter}.theme-toggle{z-index:90;cursor:pointer;background:linear-gradient(135deg,#fffdf8,#efe2c6);border:1px solid #1f1a1724;border-radius:999px;align-items:center;width:58px;height:32px;padding:3px;transition:background .22s,border-color .22s,box-shadow .22s;display:inline-flex;position:fixed;top:18px;right:18px;box-shadow:0 10px 28px #1f1a1729}.theme-toggle:hover,.theme-toggle:focus-visible{outline:0;transform:translateY(-1px)}.theme-toggle span{background:#9b1c31;border-radius:999px;width:24px;height:24px;transition:background .22s,box-shadow .22s,transform .22s;display:block;transform:translate(0);box-shadow:0 3px 10px #1f1a1733}.app-shell[data-theme=cool] .theme-toggle{background:radial-gradient(circle at 74%,#9b5cff6b,#0000 42%),linear-gradient(135deg,#07111f,#0c182a);border-color:#00e5ff80;box-shadow:0 0 0 1px #00e5ff2e,0 0 24px #00e5ff3d}.app-shell[data-theme=cool] .theme-toggle span{background:#00e5ff;transform:translate(26px);box-shadow:0 0 12px #00e5ffcc,0 0 24px #9b5cff6b}.session-chip{z-index:88;color:#1f1a17;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8e0;border:1px solid #1f1a171f;border-radius:999px;align-items:center;gap:10px;max-width:min(760px,100vw - 190px);min-height:38px;padding:5px 7px 5px 15px;display:flex;position:fixed;top:18px;right:92px;box-shadow:0 12px 34px #1f1a1724}.session-chip strong,.session-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-chip strong{max-width:120px;font-size:14px}.session-chip span{color:#675d52;max-width:140px;font-size:12px;font-weight:700}.session-chip button{color:#fffdf8;cursor:pointer;background:#9b1c31;border:0;border-radius:999px;padding:7px 12px;font-weight:800}.session-chip input{color:#1f1a17;width:86px;min-height:28px;font:inherit;background:#ffffffb8;border:1px solid #1f1a171f;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800}.session-chip input:focus{outline-offset:2px;outline:2px solid #9b1c3133}.session-error{z-index:88;color:#9b1c31;background:#9b1c311f;border-radius:999px;margin:0;padding:7px 12px;font-size:12px;font-weight:900;position:fixed;top:66px;right:112px}.app-shell[data-theme=cool] .session-chip{color:#f4fbff;background:#07111fd1;border-color:#00e5ff38;box-shadow:0 0 0 1px #00e5ff14,0 18px 42px #00000047}.app-shell[data-theme=cool] .session-chip span{color:#8fb6c8}.app-shell[data-theme=cool] .session-chip button{color:#06111e;background:linear-gradient(135deg,#56ddff,#7d6cff)}.app-shell[data-theme=cool] .session-chip input{color:#eaf8ff;background:#0003;border-color:#00e5ff33}.app-shell[data-theme=cool] .session-error{color:#ff7da0;background:#ff3f6d29}.home-utility-button{z-index:88;color:#9b1c31;cursor:pointer;background:#fffdf8db;border:1px solid #1f1a171f;border-radius:999px;place-items:center;width:44px;height:44px;transition:background .22s,color .22s,transform .18s;display:grid;position:fixed;right:24px;box-shadow:0 12px 34px #1f1a1729}.clip-library-button{top:62px}.manual-button{top:116px}.home-utility-button:hover,.home-utility-button:focus-visible{outline:0;transform:translateY(-2px)scale(1.04)}.auth-screen{background:radial-gradient(circle at 18% 18%,#9b1c311f,#0000 26%),radial-gradient(circle at 80% 82%,#d1b05338,#0000 28%),#f6f1e8;place-items:center;min-height:100vh;padding:72px clamp(20px,5vw,72px);display:grid;overflow:hidden}.auth-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);align-items:center;gap:clamp(28px,6vw,72px);width:min(1040px,100%);display:grid}.auth-brand{min-height:390px;padding:clamp(18px,4vw,48px);position:relative}.auth-brand h1{letter-spacing:0;margin:0;font-size:clamp(70px,11vw,150px);line-height:.95;display:grid;position:relative}.auth-brand h1 span{display:block}.auth-brand p{color:#675d52;max-width:520px;margin:24px 0 0;font-size:clamp(18px,2vw,25px);font-weight:800;line-height:1.55;position:relative}.auth-orbit{border:1px solid #9b1c3138;border-radius:50%;animation:14s linear infinite auth-orbit-spin;position:absolute}.auth-orbit.one{width:210px;height:210px;inset:18px auto auto 10px}.auth-orbit.two{border-color:#d1b0536b;width:148px;height:148px;animation-duration:18s;animation-direction:reverse;bottom:34px;right:16%}.auth-panel{background:#fffdf8eb;border:1px solid #1f1a171f;border-radius:8px;gap:18px;padding:24px;animation:.36s both panel-rise;display:grid;box-shadow:0 24px 70px #1f1a1729}.auth-tabs{background:#efe7d8;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.auth-tabs button,.auth-submit{cursor:pointer;border:0;border-radius:7px;min-height:48px;font-size:18px;font-weight:900}.auth-tabs button{color:#675d52;background:0 0}.auth-tabs button.active{color:#fffdf8;background:#9b1c31;box-shadow:0 10px 20px #9b1c312e}.auth-panel label{color:#675d52;gap:8px;font-size:14px;font-weight:900;display:grid}.label-muted{color:#a79a8b;font-size:12px;font-weight:800}.auth-panel input{color:#1f1a17;background:#fffdf8;border:1px solid #1f1a1724;border-radius:7px;width:100%;min-height:52px;padding:0 14px;font-size:18px;font-weight:800}.auth-panel input::placeholder{color:#675d526b;font-style:italic;font-weight:400}.auth-panel input:focus{outline-offset:2px;outline:2px solid #9b1c3138}.password-field{display:block;position:relative}.password-field input{padding-right:56px}.password-toggle{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:52px;display:grid;position:absolute;top:0;right:10px}.password-toggle span{border:2px solid #8a8075;border-radius:50%;width:22px;height:14px;position:relative}.password-toggle span:after{content:"";background:#8a8075;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.password-toggle[aria-pressed=false] span:before{content:"";background:#8a8075;border-radius:999px;width:28px;height:2px;position:absolute;top:50%;left:-3px;transform:rotate(-35deg)}.password-toggle:focus-visible{outline-offset:2px;outline:2px solid #9b1c3152}.auth-submit{color:#fffdf8;background:linear-gradient(135deg,#9b1c31,#bf4b59);box-shadow:0 16px 28px #9b1c3138}.auth-note{color:#8a8075;margin:0;font-size:13px;font-weight:700;line-height:1.55}.auth-error{color:#9b1c31;background:#9b1c311a;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;font-weight:900}.app-shell[data-theme=cool] .auth-screen{background:radial-gradient(circle at 16% 24%,#00e5ff2e,#0000 28%),radial-gradient(circle at 82% 76%,#9b5cff33,#0000 30%),linear-gradient(135deg,#07111f,#120b2b 70%,#07111f)}.app-shell[data-theme=cool] .auth-brand h1{color:#f4fbff;text-shadow:0 0 34px #00e5ff2e}.app-shell[data-theme=cool] .auth-brand p{color:#b9d3df}.app-shell[data-theme=cool] .auth-orbit{border-color:#00e5ff47;box-shadow:inset 0 0 24px #00e5ff14}.app-shell[data-theme=cool] .auth-orbit.two{border-color:#9b5cff5c}.app-shell[data-theme=cool] .auth-panel{background:#07111fdb;border-color:#00e5ff38;box-shadow:0 0 0 1px #00e5ff14,0 24px 70px #0000004d}.app-shell[data-theme=cool] .auth-tabs{background:#ffffff0f}.app-shell[data-theme=cool] .auth-tabs button{color:#8fb6c8}.app-shell[data-theme=cool] .auth-tabs button.active,.app-shell[data-theme=cool] .auth-submit{color:#06111e;background:linear-gradient(135deg,#56ddff,#7d6cff);box-shadow:0 0 24px #00e5ff33}.app-shell[data-theme=cool] .auth-panel label{color:#b9d3df}.app-shell[data-theme=cool] .label-muted{color:#8fb6c8}.app-shell[data-theme=cool] .auth-panel input{color:#f4fbff;background:#040b16d1;border-color:#00e5ff3d}.app-shell[data-theme=cool] .auth-panel input::placeholder{color:#b9d3df6b;font-style:italic;font-weight:400}.app-shell[data-theme=cool] .auth-panel input:focus{outline-color:#00e5ff57}.app-shell[data-theme=cool] .password-toggle span{border-color:#8fb6c8}.app-shell[data-theme=cool] .password-toggle span:after,.app-shell[data-theme=cool] .password-toggle[aria-pressed=false] span:before{background:#8fb6c8}.app-shell[data-theme=cool] .auth-note{color:#8fb6c8}.icon-videotape{border:3px solid;border-radius:6px;width:25px;height:20px;position:relative}.icon-videotape:before,.icon-videotape:after{content:"";border:2px solid;border-radius:999px;width:5px;height:5px;position:absolute;top:5px}.icon-videotape:before{left:4px}.icon-videotape:after{right:4px}.icon-manual{border:3px solid;border-radius:5px 9px 9px 5px;width:24px;height:26px;position:relative}.icon-manual:before,.icon-manual:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;left:5px;right:5px}.icon-manual:before{top:7px}.icon-manual:after{top:14px}.app-shell[data-theme=cool] .home-utility-button{color:#5fe6ff;background:#07111fdb;border-color:#00e5ff6b;box-shadow:0 0 0 1px #00e5ff24,0 0 26px #00e5ff38}:is(.app-shell[data-theme=cool] .home-screen:has(.home-dance-button:hover),.app-shell[data-theme=cool] .home-screen:has(.home-dance-button:focus-visible)){background:radial-gradient(circle at 50% 72%,#00e5ff2e,#0000 30%),radial-gradient(circle at 22% 20%,#9b5cff33,#0000 26%),linear-gradient(#07111f 0%,#11142b 56%,#180b20 100%)}:is(.app-shell[data-theme=cool] .home-screen:has(.home-compose-button:hover),.app-shell[data-theme=cool] .home-screen:has(.home-compose-button:focus-visible)){background:radial-gradient(circle at 34% 28%,#00e5ff29,#0000 30%),radial-gradient(circle at 76% 28%,#ff3d8129,#0000 24%),linear-gradient(#07111f 0%,#0a1022 100%)}.app-shell[data-theme=cool] .stage-light{mix-blend-mode:screen}.app-shell[data-theme=cool] .stage-light.left{background:linear-gradient(#00e5ff61,#0000 82%)}.app-shell[data-theme=cool] .stage-light.center{background:linear-gradient(#9b5cff5c,#0000 82%)}.app-shell[data-theme=cool] .stage-light.right{background:linear-gradient(#ff3d814d,#0000 82%)}.app-shell[data-theme=cool] .stage-floor{background:radial-gradient(at 50% 0,#00e5ff38,#0000 42%),linear-gradient(#0000,#00000070)}.app-shell[data-theme=cool] .stage-dancer{color:#eaf7ffc7;filter:drop-shadow(0 0 8px #00e5ff47)}.app-shell[data-theme=cool] .compose-grid{background:repeating-linear-gradient(90deg,#0000 0 7.5%,#00e5ff29 7.5% calc(7.5% + 1px)),#08111f99;border-color:#00e5ff38;box-shadow:0 22px 60px #00000047,0 0 28px #00e5ff1f}.app-shell[data-theme=cool] .compose-playhead{background:#00e5ff;box-shadow:0 0 14px #00e5ffcc}.app-shell[data-theme=cool] .compose-note{color:#00e5ff8f;text-shadow:0 0 12px #00e5ff61,0 0 28px #9b5cff3d}.app-shell[data-theme=cool] .note-two{color:#9b5cffa3}.app-shell[data-theme=cool] .note-four{color:#ff3d8194}.app-shell[data-theme=cool] .choice-card-visual{background:radial-gradient(circle at 50% 42%,#00e5ff1f,#0000 48%),#07111f;box-shadow:inset 0 0 0 1px #00e5ff2e,0 0 24px #00e5ff1f}.app-shell[data-theme=cool] .icon-stage-floor,.app-shell[data-theme=cool] .icon-stick-body,.app-shell[data-theme=cool] .icon-stick-arm,.app-shell[data-theme=cool] .icon-stick-leg{background:linear-gradient(90deg,#526071,#eaf7ff 45%,#00e5ff);box-shadow:0 0 12px #00e5ff2e}.app-shell[data-theme=cool] .icon-stick-head,.app-shell[data-theme=cool] .icon-camera-body,.app-shell[data-theme=cool] .icon-camera-lens{border-color:#eaf7ff;box-shadow:0 0 18px #00e5ff33}.app-shell[data-theme=cool] .icon-edit-node,.app-shell[data-theme=cool] .icon-record-dot{background:#ff3d81;box-shadow:0 0 16px #ff3d819e}.app-shell[data-theme=cool] .icon-scan-line{background:#00e5ff;box-shadow:0 0 16px #00e5ffb3}.home-screen,.choice-screen{background:#f6f1e8;grid-template-rows:auto 1fr;place-items:start center;width:100vw;height:100vh;padding:9vh 6vw;display:grid}.home-screen{transition:background .26s,color .22s;position:relative;overflow:hidden}.home-screen>:not(.home-hover-stage):not(.home-hover-compose){z-index:2;position:relative}.home-hover-stage,.home-hover-compose{z-index:0;opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:0;overflow:hidden}:is(.home-screen:has(.home-dance-button:hover) .home-hover-stage,.home-screen:has(.home-dance-button:focus-visible) .home-hover-stage,.home-screen:has(.home-compose-button:hover) .home-hover-compose,.home-screen:has(.home-compose-button:focus-visible) .home-hover-compose){opacity:1}:is(.home-screen:has(.home-dance-button:hover),.home-screen:has(.home-dance-button:focus-visible)){background:radial-gradient(circle at 50% 78%,#d4af372e,#0000 32%),linear-gradient(#f6f1e8 0%,#f0e1c7 58%,#d9c39d 100%)}:is(.home-screen:has(.home-compose-button:hover),.home-screen:has(.home-compose-button:focus-visible)){background:radial-gradient(circle at 42% 28%,#9b1c311a,#0000 30%),linear-gradient(#fffdf8 0%,#f2e4ca 100%)}.stage-floor{background:radial-gradient(at 50% 0,#fffdf894,#0000 42%),linear-gradient(#0000,#1f1a1729);height:34%;position:absolute;bottom:0;left:0;right:0}.stage-light{filter:blur(1px);mix-blend-mode:multiply;transform-origin:top;background:linear-gradient(#d4af376b,#0000 80%);border-radius:0 0 999px 999px;width:22vw;height:78vh;animation:2.4s ease-in-out infinite stage-light-sweep;position:absolute;top:-8%}.stage-light.left{animation-delay:-.4s;left:16%}.stage-light.center{background:linear-gradient(#9b1c3147,#0000 82%);width:28vw;animation-delay:-1.2s;left:39%}.stage-light.right{background:linear-gradient(#3d9b6247,#0000 82%);right:14%}.stage-dancer{bottom:18%;left:calc(18% + var(--i,0) * 8%);color:#1f1a1785;width:34px;height:66px;animation:.78s ease-in-out infinite dancer-bounce;animation-delay:var(--delay,0s);position:absolute}.stage-dancer:before,.stage-dancer:after,.stage-dancer i,.stage-dancer i:before,.stage-dancer i:after{content:"";transform-origin:top;background:currentColor;border-radius:999px;position:absolute;left:50%}.stage-dancer:before{width:11px;height:11px;top:0;transform:translate(-50%)}.stage-dancer i{width:5px;height:24px;top:14px;transform:translate(-50%)}.stage-dancer:after{width:30px;height:5px;transform:translateX(-50%) rotate(var(--arm,-12deg));top:20px}.stage-dancer i:before,.stage-dancer i:after{width:5px;height:28px;top:22px}.stage-dancer i:before{transform:translate(-50%)rotate(-14deg)}.stage-dancer i:after{transform:translate(-50%)rotate(14deg)}.dancer-1{--i:0;--delay:-120ms;--arm:-24deg}.dancer-2{--i:1;--delay:-420ms;--arm:18deg}.dancer-3{--i:2;--delay:-80ms;--arm:-4deg}.dancer-4{--i:3;--delay:-560ms;--arm:26deg}.dancer-5{--i:4;--delay:-240ms;--arm:-20deg}.dancer-6{--i:5;--delay:-680ms;--arm:12deg}.dancer-7{--i:6;--delay:-320ms;--arm:-16deg}.dancer-8{--i:7;--delay:-760ms;--arm:22deg}.dancer-9{--i:8;--delay:-40ms;--arm:-10deg}.home-hover-compose{background:radial-gradient(circle at 18% 42%,#9b1c311a,#0000 20%),radial-gradient(circle at 86% 76%,#d4af3729,#0000 22%)}.compose-grid{background:repeating-linear-gradient(90deg,#0000 0 7.5%,#1f1a171f 7.5% calc(7.5% + 1px)),#fffdf87a;border:1px solid #1f1a171f;border-radius:18px;height:17%;position:absolute;bottom:6%;left:10%;right:10%;box-shadow:0 22px 60px #1f1a171f}.compose-playhead{background:#9b1c31;border-radius:999px;width:3px;height:17%;animation:2.2s linear infinite alternate compose-playhead-scan;position:absolute;bottom:6%;left:50%}.compose-block{background:#9b1c31c2;border-radius:10px;height:34px;position:absolute;bottom:10%}.compose-block.one{width:14%;left:18%}.compose-block.two{background:#d4af37cc;width:20%;left:38%}.compose-block.three{background:#3d9b62b8;width:12%;left:64%}.compose-note{z-index:1;color:#9b1c3161;pointer-events:none;text-shadow:0 8px 26px #1f1a171a;font-size:clamp(34px,4vw,68px);font-weight:900;line-height:1;animation:1.8s ease-in-out infinite compose-note-float;position:absolute}.note-one{animation-delay:-.2s;top:25%;left:20%}.note-two{color:#d4af3780;animation-delay:-.8s;top:18%;left:34%}.note-three{animation-delay:-.45s;top:20%;right:28%}.note-four{color:#3d9b6273;animation-delay:-1.1s;top:31%;right:17%}.home-screen h1,.choice-screen h1{color:#1f1a17;letter-spacing:0;margin:0;font-size:clamp(44px,7vw,82px);font-weight:800}.home-title{justify-content:center;align-items:flex-end;min-height:clamp(132px,20vw,230px);display:flex;transform:translateY(1vh)}.home-title span{transform-origin:50% 120%;min-width:.95em;font-size:clamp(78px,12vw,154px);line-height:.92;display:inline-block}.home-title span:first-child{transform:translateY(34px)rotate(-18deg)}.home-title span:nth-child(2),.home-title span:nth-child(3){transform:translateY(-8px)rotate(-5deg)}.home-title span:nth-child(3){transform:translateY(-8px)rotate(5deg)}.home-title span:nth-child(4){transform:translateY(34px)rotate(18deg)}.home-actions{grid-template-columns:repeat(2,minmax(180px,280px));align-self:center;gap:clamp(28px,6vw,72px);display:grid}.home-actions button,.choice-card{color:#fff;cursor:pointer;min-height:128px;font:inherit;background:#9b1c31;border:0;border-radius:20px;font-size:clamp(28px,4vw,44px);font-weight:800;transition:background .18s,box-shadow .18s,color .18s,transform .18s;box-shadow:0 16px 44px #1f1a1729}.home-actions button:hover,.home-actions button:focus-visible,.choice-card:hover,.choice-card:focus-visible{outline:0;transform:scale(1.04);box-shadow:0 0 0 10px #d4af3738,0 22px 60px #1f1a1733}.choice-grid{grid-template-columns:repeat(2,minmax(260px,1fr));align-self:center;gap:clamp(28px,6vw,76px);width:min(980px,92vw);display:grid}.choice-card{color:#1f1a17;background:#fffdf8;align-content:center;justify-items:center;gap:18px;min-height:min(42vh,340px);display:grid}.choice-card-visual,.action-card,.choreography-card,.recording-item,.clip-list button,.transport-button,.timeline-delete-button,.action-copy-button,.action-publish-button,.action-delete-button,.action-add-button,.action-library-create-button{transition:background .18s,border-color .18s,box-shadow .18s,color .18s,opacity .18s,transform .18s}.action-card:hover,.action-card:focus-visible,.choreography-card:hover,.recording-item:hover,.clip-list button:hover{transform:translateY(-2px)}.action-card:active,.transport-button:active,.action-copy-button:active,.action-publish-button:active,.action-delete-button:active,.action-add-button:active,.action-library-create-button:active,.workspace-toolbar button:active,.recording-actions button:active,.follow-control-panel button:active{transform:scale(.97)}.choice-card-visual{aspect-ratio:4/3;background:#1f2933;border-radius:14px;width:min(190px,24vw);display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.choice-card-visual>span{position:absolute}.icon-stage-floor{background:#ffffff3d;border-radius:999px;height:3px;bottom:18%;left:12%;right:12%}.icon-stick-head{border:7px solid #e8edf0;border-radius:999px;width:42px;height:42px;top:17%;left:50%;transform:translate(-50%)}.icon-stick-body,.icon-stick-arm,.icon-stick-leg{transform-origin:top;background:linear-gradient(90deg,#9aa4aa,#f6fbff 45%,#4b5563);border-radius:999px;width:8px;left:50%}.icon-stick-body{height:46px;top:43%;transform:translate(-50%)}.icon-stick-arm{--rest-rotate:76deg;--active-rotate:118deg;height:54px;transform:rotate(var(--rest-rotate));top:46%}.icon-stick-arm.left{--rest-rotate:-76deg;--active-rotate:-118deg}.icon-stick-arm.right{--rest-rotate:76deg;--active-rotate:118deg}.icon-stick-leg{height:50px;top:65%}.icon-stick-leg.left{transform:rotate(10deg)}.icon-stick-leg.right{transform:rotate(-10deg)}.icon-edit-node{background:#d4af37;border-radius:999px;width:10px;height:10px;box-shadow:0 0 14px #d4af37a6}.icon-edit-node.one{top:44%;left:24%}.icon-edit-node.two{top:52%;right:22%}.choice-card:hover .icon-stick-arm.left,.choice-card:focus-visible .icon-stick-arm.left{--rest-rotate:-76deg;--active-rotate:-128deg;animation:.62s ease-in-out infinite stick-demo-arm}.choice-card:hover .icon-stick-arm.right,.choice-card:focus-visible .icon-stick-arm.right{--rest-rotate:76deg;--active-rotate:128deg;animation:.62s ease-in-out infinite stick-demo-arm}.icon-camera-body{background:#ffffff14;border:7px solid #e8edf0;border-radius:22px;inset:24% 18% 20%}.icon-camera-lens{border:7px solid #d7e0e5;border-radius:999px;width:54px;height:54px;top:40%;left:50%;transform:translate(-50%,-50%)}.icon-record-dot{background:#d14b4b;border-radius:999px;width:13px;height:13px;top:30%;right:26%;box-shadow:0 0 16px #d14b4bb8}.icon-scan-line{background:#3d9b62;border-radius:999px;width:56%;height:3px;top:34%;left:22%;box-shadow:0 0 16px #3d9b62b3}.choice-card:hover .icon-scan-line,.choice-card:focus-visible .icon-scan-line{animation:.9s ease-in-out infinite alternate record-scan}.icon-pose-dot{background:#f6fbff;border-radius:999px;width:8px;height:8px}.icon-pose-dot.head{top:58%;left:50%}.icon-pose-dot.shoulder{top:67%;left:39%}.icon-pose-dot.hip{top:76%;left:58%}.direct-light{transform-origin:top;opacity:.48;width:44%;height:74%;top:0}.direct-light.left{background:linear-gradient(#fff4b4b3,#0000 78%);left:8%;transform:skew(-18deg)}.direct-light.right{background:linear-gradient(#5db8ff9e,#0000 78%);right:8%;transform:skew(18deg)}.direct-floor{background:#fff3;border-radius:999px;height:8px;bottom:15%;left:10%;right:10%}.direct-dancer-group{transform-origin:50% 72%;width:92px;height:132px;position:absolute;top:16%;left:50%;transform:translate(-50%)}.direct-dancer{transform-origin:top;background:linear-gradient(90deg,#9aa4aa,#f6fbff 46%,#4b5563);border-radius:999px;position:absolute}.direct-dancer.head{background:0 0;border:6px solid #e8edf0;width:34px;height:34px;top:0;left:50%;transform:translate(-50%)}.direct-dancer.body{width:8px;height:52px;top:40px;left:50%;transform:translate(-50%)}.direct-dancer.arm,.direct-dancer.leg{width:7px;height:48px;left:50%}.direct-dancer.arm.left{--base-rotate:-62deg;--jump-rotate:-104deg;--land-rotate:-70deg;margin-left:-4px;top:42px;transform:rotate(-62deg)}.direct-dancer.arm.right{--base-rotate:62deg;--jump-rotate:104deg;--land-rotate:70deg;margin-left:4px;top:42px;transform:rotate(62deg)}.direct-dancer.leg.left{--base-rotate:14deg;--jump-rotate:-18deg;--land-rotate:26deg;margin-left:-4px;top:88px;transform:rotate(14deg)}.direct-dancer.leg.right{--base-rotate:-14deg;--jump-rotate:18deg;--land-rotate:-26deg;margin-left:4px;top:88px;transform:rotate(-14deg)}.choice-card:hover .direct-dancer-group,.choice-card:focus-visible .direct-dancer-group{animation:.82s cubic-bezier(.2,.8,.18,1) infinite direct-jump-body}.choice-card:hover .direct-dancer.arm,.choice-card:hover .direct-dancer.leg,.choice-card:focus-visible .direct-dancer.arm,.choice-card:focus-visible .direct-dancer.leg{animation:.82s cubic-bezier(.2,.8,.18,1) infinite direct-limb-swing}.choice-card:hover .direct-light,.choice-card:focus-visible .direct-light{animation:.82s ease-in-out infinite direct-light-burst}.choice-card:hover .direct-floor,.choice-card:focus-visible .direct-floor{animation:.82s ease-in-out infinite direct-stage-pulse}.follow-beat-line{transform-origin:50%;background:#5bdcff;border-radius:999px;height:3px;left:16%;right:16%;box-shadow:0 0 16px #5bdcff94}.follow-beat-line.one{top:34%}.follow-beat-line.two{animation-delay:-.2s;top:62%}.follow-ghost{border:5px solid #f6fbffc7;border-top-width:16px;border-radius:999px 999px 18px 18px;width:36px;height:56px;top:40%}.follow-ghost.dancer-a{left:30%}.follow-ghost.dancer-b{right:30%}.follow-sync-dot{background:#d4af37;border-radius:999px;width:12px;height:12px;top:72%;box-shadow:0 0 16px #d4af37b8}.follow-sync-dot.one{left:36%}.follow-sync-dot.two{right:36%}.choice-card:hover .follow-beat-line,.choice-card:focus-visible .follow-beat-line{animation:.72s ease-in-out infinite follow-sync-pulse}.choice-card:hover .follow-ghost,.choice-card:focus-visible .follow-ghost{animation:.72s ease-in-out infinite choice-ghost-bounce}.choice-card:hover .follow-ghost.dancer-b,.choice-card:focus-visible .follow-ghost.dancer-b{animation-delay:-.18s}.choice-card:first-child{border:2px solid #9b1c3129}.choice-card:last-child{border:2px solid #1f293329}.direct-placeholder-screen{place-content:center;gap:28px}.direct-placeholder-copy{color:#6f6255;text-align:center;width:min(720px,82vw);margin:0;font-size:clamp(18px,2vw,24px);font-weight:800;line-height:1.6}.clip-library-screen{color:#1f1a17;background:radial-gradient(circle at 12% 12%,#9b1c3114,#0000 32%),linear-gradient(135deg,#fffdf8,#efe2c6 58%,#f7ecd9);grid-template-rows:auto minmax(0,1fr);gap:22px;width:100vw;height:100vh;padding:58px clamp(26px,5vw,72px) 34px;display:grid;position:relative;overflow:hidden}.clip-library-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:20px;display:grid}.clip-library-header h1{color:#1f1a17;margin:0;font-size:clamp(42px,7vw,92px);line-height:.95}.clip-library-tabs,.clip-library-filter,.clip-package-actions{background:#fffdf8b8;border:1px solid #1f1a171a;border-radius:999px;gap:8px;padding:6px;display:inline-flex;box-shadow:0 16px 40px #1f1a1714}.clip-library-filter{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.clip-library-tabs button,.clip-library-filter button,.clip-package-actions button{color:#6f6255;cursor:pointer;min-height:42px;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 18px;font-weight:900;transition:background .18s,color .18s,transform .18s}.clip-package-actions{justify-self:end}.clip-package-actions button{color:#9b1c31;background:#9b1c311a}.clip-package-actions button:disabled{cursor:default;opacity:.52}.clip-package-actions input{display:none}.clip-package-status{color:#6f6255;grid-column:2/4;justify-self:end;margin:-10px 8px 0 0;font-size:13px;font-weight:850}.clip-library-tabs button.active,.clip-library-filter button.active{color:#fffdf8;background:#9b1c31}.clip-library-tabs button:hover,.clip-library-tabs button:focus-visible,.clip-library-filter button:hover,.clip-library-filter button:focus-visible{outline:0;transform:translateY(-1px)}.clip-library-layout{grid-template-columns:minmax(260px,31%) minmax(0,1fr);gap:22px;min-height:0;display:grid}.clip-library-left{grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:0;display:grid}.clip-library-list{align-content:start;gap:14px;min-height:0;padding:2px 4px 28px;display:grid;overflow:auto}.library-clip-row{color:#1f1a17;cursor:pointer;width:100%;font:inherit;text-align:left;background:#fffdf8d1;border:1px solid #1f1a171a;border-radius:16px;gap:7px;padding:18px 20px;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 14px 34px #1f1a1714}.library-clip-row:hover,.library-clip-row:focus-visible,.library-clip-row.active{border-color:#9b1c3147;outline:0;transform:translateY(-2px);box-shadow:0 18px 44px #1f1a171f}.library-clip-row.active{color:#fffdf8;background:#9b1c31}.library-clip-row strong,.library-clip-row em,.library-clip-row span{display:block}.library-clip-row strong{font-size:20px}.library-clip-row em{color:#9b1c31;background:#9b1c311a;border-radius:999px;justify-self:start;padding:4px 9px;font-size:12px;font-style:normal;font-weight:900}.library-clip-row.active em{color:currentColor;background:#fffdf82e}.library-clip-row span{color:currentColor;opacity:.72;font-size:14px;font-weight:800}.clip-library-preview{grid-template-rows:minmax(0,1fr) auto;gap:16px;min-width:0;min-height:0;display:grid}.library-preview-stage{aspect-ratio:16/9;background:#fffdf8bd;border:1px solid #1f1a171a;border-radius:22px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 54px #1f1a171a}.library-preview-stage video,.library-preview-stage canvas{object-fit:contain;object-position:center;grid-area:1/1;width:calc(100% - 28px);max-width:100%;height:calc(100% - 28px);max-height:100%}.library-preview-stage canvas{pointer-events:none}.library-preview-progress{z-index:5;background:#1f1a171a;border:1px solid #9b1c3129;border-radius:999px;height:8px;position:absolute;bottom:24px;left:24px;right:24px;overflow:hidden;box-shadow:inset 0 1px 3px #1f1a171f}.library-preview-progress span{border-radius:inherit;background:linear-gradient(90deg,#9b1c31,#d9b85f);width:0;height:100%;transition:width 90ms linear;display:block}.library-preview-time{z-index:5;color:#6f6255;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8d6;border-radius:999px;margin:0;padding:7px 10px;font-size:12px;font-weight:900;line-height:1;position:absolute;bottom:38px;right:26px;box-shadow:0 8px 20px #1f1a171f}.library-preview-modes{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8d1;border:1px solid #1f1a171a;border-radius:999px;gap:6px;padding:5px;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 12px 30px #1f1a171a}.library-preview-modes button{color:#6f6255;cursor:pointer;min-height:32px;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.library-preview-modes button.active{color:#fffdf8;background:#9b1c31}.library-preview-info{background:#fffdf8d1;border:1px solid #1f1a171a;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:18px 20px;display:grid;box-shadow:0 14px 34px #1f1a1714}.library-preview-info span,.library-preview-info p{color:#6f6255;margin:0;font-size:14px;font-weight:850}.library-preview-info h2{color:#1f1a17;margin:0;font-size:clamp(24px,3vw,42px)}.library-preview-info button{color:#fffdf8;cursor:pointer;min-width:116px;min-height:50px;font:inherit;background:#9b1c31;border:0;border-radius:999px;padding:0 22px;font-weight:950}.library-preview-info button:not(.library-copy-button,.library-delete-button,.library-publish-button,.library-export-button){grid-area:1/2/span 4}.library-preview-info .library-copy-button,.library-preview-info .library-delete-button,.library-preview-info .library-publish-button,.library-preview-info .library-export-button{color:#9b1c31;background:#9b1c3114;border:1px solid #9b1c312e;grid-column:1;justify-self:start;min-width:120px;min-height:34px;padding:0 16px;font-size:13px}.library-preview-info .library-copy-button:hover,.library-preview-info .library-copy-button:focus-visible,.library-preview-info .library-delete-button:hover,.library-preview-info .library-delete-button:focus-visible,.library-preview-info .library-publish-button:hover,.library-preview-info .library-publish-button:focus-visible,.library-preview-info .library-export-button:hover,.library-preview-info .library-export-button:focus-visible{background:#9b1c3124;border-color:#9b1c315c}.library-preview-info .library-delete-button{color:#9b1c31;background:#9b1c311a;border-color:#9b1c3138}.library-preview-info .library-export-button{color:#2f745e;background:#2f745e1a;border-color:#2f745e33}.library-preview-info .library-export-button:disabled{cursor:progress;opacity:.72}.library-export-status{color:#6f6255;grid-column:1/-1;font-size:12px;font-weight:900}.library-empty{color:#6f6255;margin:24px 0 0;font-weight:900}.manual-screen{scroll-behavior:smooth;color:#1f1a17;background:radial-gradient(circle at 12% 8%,#9b1c3114,#0000 28%),linear-gradient(135deg,#fffdf8,#efe2c6 58%,#f7ecd9);width:100vw;height:100vh;padding:72px clamp(22px,5vw,76px) 52px;overflow:auto}.manual-hero{border-bottom:1px solid #1f1a171a;align-content:center;gap:14px;min-height:44vh;padding:34px min(7vw,88px) 48px;display:grid;position:relative;overflow:hidden}.manual-hero>p,.manual-copy>p,.manual-quickstart p{color:#9b1c31;letter-spacing:0;align-items:center;gap:10px;width:fit-content;margin:0;font-size:15px;font-weight:950;display:inline-flex}.manual-hero>p{background:#fffdf8ad;border:1px solid #9b1c312e;border-radius:999px;padding:9px 16px;box-shadow:0 12px 28px #1f1a1714}.manual-hero h1{color:#1f1a17;max-width:860px;margin:0;font-size:clamp(54px,9vw,132px);line-height:.92}.manual-hero-words{flex-wrap:wrap;gap:10px;margin:4px 0 2px;display:flex}.manual-hero-words strong{color:#fffdf8;background:#9b1c31;border:1px solid #9b1c3129;border-radius:999px;align-items:center;min-height:40px;padding:0 18px;font-size:16px;font-weight:950;transition:transform .18s,box-shadow .18s;display:inline-grid;box-shadow:0 14px 34px #9b1c3129}.manual-hero-words strong:hover{transform:translateY(-3px)rotate(-2deg);box-shadow:0 20px 42px #9b1c313d}.manual-hero>span{color:#6f6255;max-width:640px;font-size:clamp(18px,2vw,25px);font-weight:800;line-height:1.55}.manual-orbit{aspect-ratio:1;opacity:.86;border:1px solid #9b1c3124;border-radius:999px;width:clamp(180px,22vw,320px);animation:18s linear infinite manual-orbit-spin;position:absolute;bottom:32px;right:min(8vw,120px)}.manual-orbit span{opacity:.22;background:#9b1c31;border-radius:999px;width:28%;height:7px;position:absolute}.manual-orbit span:first-child{top:20%;left:6%}.manual-orbit span:nth-child(2){bottom:28%;right:8%}.manual-orbit span:nth-child(3){bottom:7%;left:38%}.manual-toc{grid-template-columns:repeat(7,minmax(128px,1fr));gap:10px;margin:26px 0 24px;display:grid}.manual-toc a{color:#1f1a17;background:#fffdf8b8;border:1px solid #1f1a171a;border-radius:18px;align-content:center;gap:4px;min-height:76px;padding:12px 14px;font-size:15px;font-weight:950;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 12px 30px #1f1a1712}.manual-toc a small{color:#9b1c31;font-size:11px;font-weight:950}.manual-toc a:hover,.manual-toc a:focus-visible{border-color:#9b1c314d;outline:0;transform:translateY(-3px);box-shadow:0 18px 40px #1f1a171f}.manual-quickstart{background:linear-gradient(135deg,#9b1c311a,#0000 46%),#fffdf8c7;border:1px solid #9b1c3129;border-radius:28px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;gap:22px;padding:24px clamp(20px,3vw,38px);display:grid;box-shadow:0 18px 44px #1f1a1717}.manual-quickstart h2{color:#1f1a17;margin:6px 0 0;font-size:clamp(28px,4vw,54px)}.manual-quickstart ol{counter-reset:manual-step;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.manual-quickstart li{color:#4f463d;counter-increment:manual-step;background:#fffdf8;border-radius:18px;min-height:96px;padding:36px 14px 14px;font-weight:900;line-height:1.45;position:relative}.manual-quickstart li:before{content:counter(manual-step);color:#9b1c31;font-size:15px;font-weight:950;position:absolute;top:12px;left:14px}.manual-sections{gap:28px;margin-top:30px;display:grid}.manual-section-card{min-height:440px;animation:.42s both manual-card-enter;animation-delay:calc(var(--manual-index) * 45ms);background:#fffdf8bd;border:1px solid #1f1a171a;border-radius:30px;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(20px,4vw,54px);padding:clamp(20px,4vw,44px);scroll-margin-top:24px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;box-shadow:0 22px 58px #1f1a1717}.manual-section-card:before{content:"舞创未来 · 学生手册";color:#1f1a1747;font-size:12px;font-weight:950;position:absolute;top:18px;right:24px}.manual-section-card:nth-child(2n){grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr)}.manual-section-card:nth-child(2n) .manual-copy{order:2}.manual-section-card:hover{border-color:#9b1c313d;transform:translateY(-3px);box-shadow:0 28px 70px #1f1a1721}.manual-copy{gap:14px;display:grid}.manual-copy>p b{color:#fffdf8;background:#9b1c31;border-radius:50%;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 12px 28px #9b1c312e}.manual-copy h2{color:#1f1a17;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,76px);font-weight:1000;line-height:.96}.manual-copy h2 span{margin-right:4px;display:inline-block;position:relative}.manual-copy h2 span:after{content:"";z-index:-1;background:#9b1c312e;border-radius:999px;height:.22em;position:absolute;bottom:.02em;left:0;right:0}.manual-copy>span{color:#5f544b;font-size:clamp(17px,1.6vw,22px);font-weight:800;line-height:1.65}.manual-copy ul{gap:9px;margin:4px 0 0;padding:0;list-style:none;display:grid}.manual-copy li{color:#4f463d;padding-left:24px;font-weight:900;position:relative}.manual-copy li:before{content:"";background:#9b1c31;border-radius:999px;width:11px;height:11px;position:absolute;top:.68em;left:0;transform:translateY(-50%)}.manual-shot{aspect-ratio:16/10;background:#fffdf8;border:1px solid #1f1a171a;border-radius:24px;margin:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.manual-shot img{object-fit:cover;object-position:top center;grid-area:1/1;width:100%;height:100%;transition:transform .26s}.manual-shot figcaption{color:#1f1a17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#fffdf8f2,#fffdf8c2);grid-area:1/1;justify-content:space-between;place-self:end stretch;align-items:center;gap:14px;min-height:58px;padding:12px 16px;display:flex}.manual-shot figcaption span{color:#9b1c31;font-size:13px;font-weight:950}.manual-shot figcaption strong{font-size:16px;font-weight:1000}.manual-section-card:hover .manual-shot img{transform:scale(1.025)}.manual-safety{color:#fffdf8;background:#9b1c31;border-radius:30px;gap:18px;margin-top:30px;padding:clamp(24px,4vw,44px);display:grid}.manual-safety h2{margin:0;font-size:clamp(32px,5vw,72px)}.manual-safety div{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.manual-safety p{background:#ffffff1f;border-radius:20px;margin:0;padding:18px;font-size:17px;font-weight:900;line-height:1.55}.app-shell[data-theme=cool] .manual-screen{color:#eaf7ff;background:radial-gradient(circle at 14% 8%,#00e5ff26,#0000 28%),radial-gradient(circle at 84% 16%,#9b5cff2e,#0000 30%),linear-gradient(135deg,#07111f,#0a1022 54%,#080b1a)}.app-shell[data-theme=cool] .manual-hero{border-bottom-color:#00e5ff2e}.app-shell[data-theme=cool] .manual-hero>p,.app-shell[data-theme=cool] .manual-copy>p,.app-shell[data-theme=cool] .manual-quickstart p,.app-shell[data-theme=cool] .manual-toc a small{color:#5fe6ff}.app-shell[data-theme=cool] .manual-hero>p{background:#07111fb8;border-color:#00e5ff38;box-shadow:0 0 28px #00e5ff1f}.app-shell[data-theme=cool] .manual-hero-words strong,.app-shell[data-theme=cool] .manual-copy>p b{color:#06101e;background:linear-gradient(135deg,#5fe6ff,#8b5cf6);border-color:#00e5ff73;box-shadow:0 0 26px #00e5ff2e}.app-shell[data-theme=cool] .manual-hero h1,.app-shell[data-theme=cool] .manual-quickstart h2,.app-shell[data-theme=cool] .manual-copy h2,.app-shell[data-theme=cool] .manual-safety h2{color:#eaf7ff;text-shadow:0 0 22px #00e5ff3d}.app-shell[data-theme=cool] .manual-hero>span,.app-shell[data-theme=cool] .manual-copy>span,.app-shell[data-theme=cool] .manual-copy li,.app-shell[data-theme=cool] .manual-quickstart li{color:#b9d7e8}.app-shell[data-theme=cool] .manual-orbit{border-color:#00e5ff29;box-shadow:0 0 52px #00e5ff1a}.app-shell[data-theme=cool] .manual-orbit span,.app-shell[data-theme=cool] .manual-copy li:before{background:#5fe6ff}.app-shell[data-theme=cool] .manual-copy h2 span:after{background:#00e5ff2e}.app-shell[data-theme=cool] .manual-toc a,.app-shell[data-theme=cool] .manual-quickstart,.app-shell[data-theme=cool] .manual-section-card,.app-shell[data-theme=cool] .manual-shot{color:#eaf7ff;background:#08111fbd;border-color:#00e5ff2e;box-shadow:0 0 0 1px #00e5ff14,0 18px 54px #00000040}.app-shell[data-theme=cool] .manual-section-card:before{color:#5fe6ff52}.app-shell[data-theme=cool] .manual-shot figcaption{color:#eaf7ff;background:linear-gradient(90deg,#07111ff2,#07111fad)}.app-shell[data-theme=cool] .manual-shot figcaption span{color:#5fe6ff}.app-shell[data-theme=cool] .manual-toc a:hover,.app-shell[data-theme=cool] .manual-toc a:focus-visible,.app-shell[data-theme=cool] .manual-section-card:hover{border-color:#00e5ff75;box-shadow:0 0 0 3px #00e5ff1f,0 24px 64px #00000052}.app-shell[data-theme=cool] .manual-quickstart li{background:#050c18b8}.app-shell[data-theme=cool] .manual-quickstart li:before{color:#5fe6ff}.app-shell[data-theme=cool] .manual-safety{background:linear-gradient(135deg,#00e5ff29,#9b5cff33),#08111fd6;border:1px solid #00e5ff3d}@media (width<=1100px){.manual-toc,.manual-quickstart ol{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-section-card,.manual-section-card:nth-child(2n){grid-template-columns:1fr}.manual-section-card:nth-child(2n) .manual-copy{order:0}.manual-safety div{grid-template-columns:1fr}}@media (width<=760px){.manual-screen{padding:70px 16px 34px}.manual-hero{min-height:38vh;padding-inline:4px}.manual-toc,.manual-quickstart,.manual-quickstart ol{grid-template-columns:1fr}.manual-shot{aspect-ratio:4/3}.manual-section-card:before{display:none}}.app-shell[data-theme=cool] .clip-library-screen{color:#eaf8ff;background:radial-gradient(circle at 12% 10%,#00e5ff1f,#0000 28%),radial-gradient(circle at 78% 18%,#9b5cff24,#0000 30%),linear-gradient(135deg,#06101e,#101827 52%,#08111f)}.app-shell[data-theme=cool] .clip-library-header h1{color:#eaf8ff}.app-shell[data-theme=cool] .clip-library-tabs,.app-shell[data-theme=cool] .clip-library-filter,.app-shell[data-theme=cool] .clip-package-actions,.app-shell[data-theme=cool] .library-preview-modes,.app-shell[data-theme=cool] .library-clip-row,.app-shell[data-theme=cool] .library-preview-stage,.app-shell[data-theme=cool] .library-preview-info{background:#07111fc7;border-color:#00e5ff2e;box-shadow:0 0 0 1px #00e5ff14,0 16px 54px #0000003d}.app-shell[data-theme=cool] .clip-library-tabs button,.app-shell[data-theme=cool] .clip-library-filter button,.app-shell[data-theme=cool] .clip-package-actions button,.app-shell[data-theme=cool] .library-preview-modes button,.app-shell[data-theme=cool] .library-clip-row span,.app-shell[data-theme=cool] .library-clip-row em,.app-shell[data-theme=cool] .library-preview-info span,.app-shell[data-theme=cool] .library-preview-info p,.app-shell[data-theme=cool] .library-empty{color:#a9c4d6}.app-shell[data-theme=cool] .clip-package-actions button{color:#5fe6ff;background:#00e5ff1f}.app-shell[data-theme=cool] .clip-package-status{color:#9eb8c9}.app-shell[data-theme=cool] .library-clip-row em{color:#5fe6ff;background:#00e5ff1f}.app-shell[data-theme=cool] .library-preview-progress{background:#5fe6ff1f;border-color:#5fe6ff3d;box-shadow:inset 0 1px 4px #00000052,0 0 22px #00e5ff1a}.app-shell[data-theme=cool] .library-preview-progress span{background:linear-gradient(90deg,#5fe6ff,#8b5cf6);box-shadow:0 0 16px #5fe6ff5c}.app-shell[data-theme=cool] .library-preview-time{color:#ccefff;background:#07111fd1;box-shadow:0 0 0 1px #5fe6ff29,0 12px 28px #00000047}.app-shell[data-theme=cool] .library-clip-row.active em{color:#06101e;background:#06101e2e}.app-shell[data-theme=cool] .clip-library-tabs button.active,.app-shell[data-theme=cool] .clip-library-filter button.active,.app-shell[data-theme=cool] .library-preview-modes button.active,.app-shell[data-theme=cool] .library-clip-row.active,.app-shell[data-theme=cool] .library-preview-info button:not(.library-copy-button,.library-delete-button,.library-publish-button,.library-export-button){color:#06101e;background:linear-gradient(135deg,#5fe6ff,#8b5cf6)}.app-shell[data-theme=cool] .library-preview-info .library-copy-button,.app-shell[data-theme=cool] .library-preview-info .library-delete-button,.app-shell[data-theme=cool] .library-preview-info .library-publish-button,.app-shell[data-theme=cool] .library-preview-info .library-export-button,.app-shell[data-theme=cool] .action-copy-button,.app-shell[data-theme=cool] .action-publish-button,.app-shell[data-theme=cool] .action-delete-button{color:#63e6ff;background:#00e5ff14;border-color:#00e5ff42;box-shadow:0 10px 24px #00e5ff14}.app-shell[data-theme=cool] .library-preview-info .library-copy-button:hover,.app-shell[data-theme=cool] .library-preview-info .library-copy-button:focus-visible,.app-shell[data-theme=cool] .library-preview-info .library-delete-button:hover,.app-shell[data-theme=cool] .library-preview-info .library-delete-button:focus-visible,.app-shell[data-theme=cool] .library-preview-info .library-publish-button:hover,.app-shell[data-theme=cool] .library-preview-info .library-publish-button:focus-visible,.app-shell[data-theme=cool] .library-preview-info .library-export-button:hover,.app-shell[data-theme=cool] .library-preview-info .library-export-button:focus-visible,.app-shell[data-theme=cool] .action-copy-button:hover,.app-shell[data-theme=cool] .action-copy-button:focus-visible,.app-shell[data-theme=cool] .action-publish-button:hover,.app-shell[data-theme=cool] .action-publish-button:focus-visible,.app-shell[data-theme=cool] .action-delete-button:hover,.app-shell[data-theme=cool] .action-delete-button:focus-visible{background:#00e5ff24;border-color:#00e5ff7a}.app-shell[data-theme=cool] .library-clip-row strong,.app-shell[data-theme=cool] .library-preview-info h2{color:#eaf8ff}.app-shell[data-theme=cool] .library-export-status{color:#a9c4d6}.direct-dance-screen{color:#fffdf8;background:#111827;grid-template-rows:auto minmax(0,1fr);width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.direct-dance-screen.review-mode{grid-template-rows:minmax(0,1fr)}.direct-dance-toolbar{z-index:8;grid-template-columns:54px minmax(220px,auto) max-content max-content;align-items:center;gap:12px;padding:16px 112px 10px 24px;display:grid}.direct-exit-button,.direct-companion-button,.direct-record-button{color:#fffdf8;cursor:pointer;min-height:38px;font:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf824;border:0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:900;box-shadow:0 14px 38px #0000002e}.direct-exit-button{place-items:center;width:48px;padding:0;font-size:28px;display:grid}.direct-companion-button.active,.direct-record-button{background:#9b1c31}.direct-record-button.recording{background:#d14b4b}.direct-record-button:disabled{cursor:not-allowed;opacity:.48}.direct-recording-indicator{z-index:22;color:#fffdf8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#720f22c7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:950;display:inline-flex;position:fixed;top:62px;right:22px;box-shadow:0 14px 42px #00000042}.direct-recording-indicator span{background:#ff4d5f;border-radius:999px;width:9px;height:9px;box-shadow:0 0 14px #ff4d5fcc}.direct-background-switcher{color:#fffdf8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf824;grid-column:2;justify-self:start}.direct-background-switcher button{color:#fffdf8}.direct-stage{grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;padding:18px 5vw 42px;display:grid;position:relative}.direct-stage.with-companion{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(20px,4vw,72px)}.direct-stage.with-duet{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,3vw,54px)}.direct-stage.with-duet.with-companion,.direct-stage.with-duet.with-duet-companion{grid-template-columns:repeat(3,minmax(0,1fr))}.direct-stage.with-duet.with-companion.with-duet-companion{grid-template-columns:repeat(4,minmax(0,1fr))}.direct-stage .duet-leader{grid-column:1}.direct-stage .duet-companion{grid-column:2}.direct-stage .live-companion{grid-column:1}.direct-stage.with-duet .live-companion{grid-column:2}.direct-stage.with-duet.with-duet-companion .live-companion{grid-column:3}.direct-stage .dancer{grid-column:1}.direct-stage.with-companion .dancer,.direct-stage.with-duet .dancer{grid-column:2}.direct-stage.with-duet.with-companion .dancer,.direct-stage.with-duet.with-duet-companion .dancer{grid-column:3}.direct-stage.with-duet.with-companion.with-duet-companion .dancer{grid-column:4}.direct-skeleton-canvas{z-index:2;object-fit:contain;background:0 0;border-radius:18px;width:min(72vw,940px);max-width:100%;height:100%;max-height:76vh;transition:width .36s,opacity .24s,transform .36s}.direct-stage.with-companion .direct-skeleton-canvas{width:min(42vw,620px)}.direct-stage.with-duet .direct-skeleton-canvas{width:min(34vw,520px)}.direct-stage.with-duet.with-companion .direct-skeleton-canvas,.direct-stage.with-duet.with-duet-companion .direct-skeleton-canvas{width:min(28vw,430px)}.direct-stage.with-duet.with-companion.with-duet-companion .direct-skeleton-canvas{width:min(22vw,360px)}.direct-skeleton-canvas.companion{opacity:.74;filter:drop-shadow(0 0 18px #00e5ff38)}.direct-skeleton-canvas.duet{opacity:.68;filter:drop-shadow(0 0 14px #fffdf829)}.direct-skeleton-canvas.dancer{filter:drop-shadow(0 0 22px #fff4b433)}.direct-follow-light{z-index:1;filter:blur(2px);opacity:0;pointer-events:none;background:radial-gradient(#fff4b429,#0000 62%);border-radius:999px;width:180px;height:48px;transition:width .18s,height .18s,opacity .24s;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px)}.direct-stage.with-companion .direct-follow-light{opacity:0}.direct-stage.with-duet .direct-follow-light{opacity:1}.direct-status{z-index:4;color:#fffdf8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08111f6b;border-radius:999px;margin:0;padding:10px 14px;font-size:14px;font-weight:900;position:absolute;bottom:20px;right:28px}.direct-review-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,30vw);gap:18px;min-height:0;padding:24px;display:grid}.direct-review-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08111f42;border:1px solid #ffffff2e;border-radius:18px;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-width:0;min-height:0;padding:14px;display:grid;box-shadow:0 24px 80px #0000002e}.direct-review-panel{color:#1f1a17;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8e6;border:1px solid #ffffff2e;border-radius:18px;grid-template-rows:auto auto auto auto 1fr;align-content:start;gap:14px;min-height:0;padding:16px;animation:.26s both panel-rise;display:grid;box-shadow:0 24px 80px #00000047}.direct-review-panel h2{margin:0}.direct-review-canvas{background:#1f293314;border-radius:12px;width:100%;height:100%;min-height:0}.direct-review-playback{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;display:grid}.direct-review-play-button{color:#07111f;cursor:pointer;background:linear-gradient(135deg,#61d8ff,#8465f4);border:0;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 12px 34px #0003}.direct-review-progress{accent-color:#61d8ff;width:100%}.direct-save-name{color:#6f6255;gap:8px;font-size:13px;font-weight:900;display:grid}.direct-save-name input{color:#1f1a17;min-height:42px;font:inherit;background:#fffdf8;border:1px solid #1f1a1724;border-radius:10px;padding:0 12px}.direct-camera-moves{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.direct-camera-moves span{color:#6f6255;grid-column:1/-1;font-size:13px;font-weight:900}.direct-camera-moves button,.direct-review-actions button{color:#1f1a17;cursor:pointer;min-height:38px;font:inherit;background:#1f1a1714;border:0;border-radius:999px;font-size:12px;font-weight:900}.direct-camera-moves button.active{color:#07111f;background:linear-gradient(135deg,#61d8ff,#8465f4);box-shadow:0 12px 32px #61d8ff47}.direct-review-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.direct-review-actions button:last-child{color:#fffdf8;background:#9b1c31}.direct-recorder-canvas{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.app-flow{width:100vw;height:100vh}.back-button{z-index:30;color:#fff;cursor:pointer;background:#1f2933db;border:0;border-radius:999px;place-items:center;width:52px;height:52px;display:inline-grid;position:fixed;top:18px;left:18px;box-shadow:0 10px 28px #1f1a172e}.back-button span{font-size:34px;font-weight:800;line-height:1;display:block;transform:translate(-1px)}.back-button:hover,.back-button:focus-visible{background:#9b1c31;outline:0;transform:scale(1.06)}.app-shell{flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}.scene-pane,.camera-pane{flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}.scene-pane{background:#f5ead7}.camera-pane{background:#e8edf0;border-left:1px solid #1f1a171f;font-size:28px;font-weight:600}.pose-editor{width:100%;min-width:0;height:100%;display:flex}.pose-stage{background:#efe2c6;flex:auto;min-width:0;height:100%;position:relative}.pose-canvas{cursor:crosshair;width:100%;height:100%;display:block}.pose-controls{background:#fbf8f0;border-left:1px solid #1f1a171f;flex-direction:column;flex:0 0 260px;gap:20px;height:100%;padding:24px;display:flex;overflow-y:auto}.control-section{flex-direction:column;gap:12px;display:flex}.control-section h2{margin:0;font-size:18px}.control-section label,.rotation-slider{color:#5a4a3c;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.control-section input{color:#1f1a17;width:100%;font:inherit;background:#fffdf8;border:1px solid #1f1a172e;border-radius:6px;padding:9px 10px}.rotation-slider{grid-template-columns:18px 1fr 44px;align-items:center;display:grid}.rotation-slider input{padding:0}.rotation-slider output{color:#1f1a17;text-align:right}.editor-actions{grid-template-columns:1fr;gap:10px;display:grid}.editor-actions button{color:#fff;cursor:pointer;min-height:40px;font:inherit;background:#9b1c31;border:0;border-radius:6px;font-weight:700}.editor-actions button:hover{background:#7f1728}.editor-status{color:#6f6255;margin:auto 0 0;font-size:13px;line-height:1.5}.workspace{background:#f6f1e8;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.workspace-entry-curtain{z-index:70;background:radial-gradient(circle at 50% 44%, #9b1c311f, transparent 32%), color-mix(in srgb, var(--surface-bg,#f6f1e8) 92%, transparent);pointer-events:none;place-items:center;animation:.26s both screen-enter;display:grid;position:absolute;inset:0}.workspace-entry-curtain span{border:1px solid color-mix(in srgb, var(--accent-main,#9b1c31) 32%, transparent);width:210px;height:210px;box-shadow:0 0 0 16px color-mix(in srgb, var(--accent-main,#9b1c31) 8%, transparent), 0 22px 70px #1f1a172e;border-radius:999px;position:relative}.workspace-entry-curtain span:before,.workspace-entry-curtain span:after{content:"";border-radius:999px;position:absolute}.workspace-entry-curtain span:before{border:12px solid color-mix(in srgb, var(--accent-main,#9b1c31) 48%, transparent);border-top-color:#0000;animation:.9s ease-in-out infinite alternate compose-playhead-scan;inset:34px}.workspace-entry-curtain span:after{background:color-mix(in srgb, var(--accent-main,#9b1c31) 32%, transparent);height:6px;bottom:-34px;left:48px;right:48px}.workspace-main{flex:80%;min-height:0;display:flex}.workspace-left{background:#fbf8f0;border-right:1px solid #1f1a171f;flex:0 0 25%;min-width:240px;padding:18px;animation:.26s both panel-rise;overflow-y:auto}.action-library,.choreography-library{flex-direction:column;gap:14px;display:flex}.sidebar-switcher{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.sidebar-switcher button,.panel-header button{color:#1f1a17;cursor:pointer;min-height:32px;font:inherit;background:#fffdf8;border:1px solid #1f1a171f;border-radius:6px;font-size:13px;font-weight:700}.sidebar-switcher button.active,.sidebar-switcher button:hover,.panel-header button:hover{color:#fff;background:#9b1c31;border-color:#9b1c31}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header h2,.workspace-side h2{margin:0 0 14px;font-size:18px}.panel-header h2{margin-bottom:0}.action-library-title{gap:8px;min-width:0;display:grid}.asset-library-tabs{background:#1f1a170d;border:1px solid #1f1a171a;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px;display:grid}.asset-library-tabs button{color:#6f6255;cursor:pointer;min-height:30px;font:inherit;background:0 0;border:0;border-radius:9px;font-size:12px;font-weight:900}.asset-library-tabs button.active{color:#fffdf8;background:#9b1c31}.dance-filter{color:#6f6255;z-index:12;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.action-filter-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.action-search{align-items:center;display:grid;position:relative}.action-search input{color:#1f1a17;width:100%;min-height:38px;font:inherit;background:#fffdf8;border:1px solid #1f1a1724;border-radius:999px;padding:0 38px 0 14px;font-size:13px;font-weight:800}.action-search button{color:#6f6255;cursor:pointer;background:#1f1a1714;border:0;border-radius:999px;width:28px;height:28px;font-size:18px;line-height:1;position:absolute;right:6px}.dance-filter-trigger{color:#1f1a17;cursor:pointer;min-width:132px;min-height:34px;font:inherit;background:#fffdf8;border:1px solid #1f1a1724;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.dance-filter-trigger strong{font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dance-filter-trigger i{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .18s;transform:translateY(-2px)rotate(45deg)}.dance-filter-trigger[aria-expanded=true] i{transform:translateY(2px)rotate(225deg)}.dance-filter-menu{z-index:40;transform-origin:top;background:#fffdf8;border:1px solid #1f1a1724;border-radius:12px;width:156px;padding:5px;animation:.15s both menu-open;display:grid;position:absolute;top:calc(100% + 8px);left:38px;overflow:hidden;box-shadow:0 18px 42px #1f1a1733}.dance-filter-menu button{color:#1f1a17;cursor:pointer;min-height:34px;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:800}.dance-filter-menu button:hover,.dance-filter-menu button:focus-visible,.dance-filter-menu button.active{color:#9b1c31;background:#9b1c311f;outline:0}.dance-filter-menu .create-category-option{color:#9b1c31;border-top:1px solid #1f1a171a;margin-top:4px}.panel-empty{color:#6f6255;margin:0;font-size:14px}.asset-browser{color:var(--text-main,#1f1a17);gap:14px;display:grid}.asset-browser-header h2,.asset-browser-section h3{margin:0}.asset-browser-header h2{font-size:18px}.asset-browser-section{gap:8px;display:grid}.asset-browser-section h3{color:var(--text-muted,#6f6255);font-size:12px;font-weight:900}.asset-browser-list{gap:8px;display:grid}.asset-browser-row{border:1px solid var(--line-soft,#1f1a171f);background:var(--surface-card,#fffdf8);min-height:52px;color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.asset-browser-row:hover,.asset-browser-row:focus-visible,.asset-browser-row.active{border-color:var(--accent-main,#9b1c31);outline:0}.asset-browser-row span{background:color-mix(in srgb, var(--accent-main,#9b1c31) 12%, transparent);color:var(--accent-main,#9b1c31);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.asset-browser-row strong,.asset-browser-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-browser-row strong{font-size:13px}.asset-browser-row small{color:var(--text-muted,#6f6255);grid-column:2/3;font-size:11px}.asset-browser-row i{background:color-mix(in srgb, var(--accent-main,#9b1c31) 14%, transparent);color:var(--accent-main,#9b1c31);border-radius:999px;grid-area:1/3/span 2;padding:7px 10px;font-size:12px;font-style:normal;font-weight:900}.asset-browser-empty{color:var(--text-muted,#6f6255);margin:0;font-size:14px}.action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choreography-list{gap:10px;display:grid}.choreography-card{color:#1f1a17;background:#fffdf8;border:1px solid #1f1a171f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.choreography-card:hover,.choreography-card.active{background:#fff9ed;border-color:#9b1c31}.choreography-card span{color:#6f6255;font-size:12px}.choreography-open-button{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;gap:6px;padding:4px;display:grid}.choreography-open-button strong,.choreography-open-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.choreography-card-actions{align-items:center;gap:5px;display:flex}.choreography-publish-button{color:#9b1c31;cursor:pointer;min-width:46px;height:30px;font:inherit;background:#9b1c3114;border:1px solid #9b1c312e;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.choreography-publish-button:hover,.choreography-publish-button:focus-visible{background:#9b1c3124;border-color:#9b1c3166}.choreography-delete-button{color:#6f6255;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.choreography-delete-button:hover,.choreography-delete-button:focus-visible{color:#9b1c31;background:#9b1c311f}.icon-trash{border:2px solid;border-top:0;border-radius:0 0 2px 2px;width:14px;height:15px;position:relative}.icon-trash:before{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;position:absolute;top:-5px;left:-3px}.icon-trash:after{content:"";border:2px solid;border-bottom:0;border-radius:2px 2px 0 0;width:6px;height:3px;position:absolute;top:-8px;left:3px}.action-card{aspect-ratio:3/4;width:100%;color:inherit;cursor:grab;font:inherit;text-align:left;background:#fffdf8;border:1px solid #1f1a171f;border-radius:8px;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.action-card:hover,.action-card:focus-visible{background:#fff9ed;border-color:#9b1c3161}.action-card img{aspect-ratio:3/4;object-fit:contain;background:#efe2c6;border-radius:6px;width:68%;position:absolute;top:10px;left:50%;transform:translate(-50%)}.action-card>div{background:#fffdf8f0;border-radius:6px;min-height:58px;padding:7px 40px 8px 8px;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 4px 12px #1f1a1714}.action-card h3{color:#1f1a17;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.action-card span{color:#9b1c31;font-size:11px;font-weight:700;display:block}.material-kind-badge{color:#9b1c31;background:#9b1c311a;border-radius:999px;align-items:center;width:fit-content;min-height:20px;margin-top:4px;padding:0 7px;font-size:10px;font-style:normal;font-weight:900;display:inline-flex}.material-kind-video{color:#2f745e;background:#2f745e1f}.material-kind-frame{color:#7c6122;background:#d1b05338}.action-card-secondary-actions{opacity:0;pointer-events:none;align-items:center;gap:4px;max-width:calc(100% - 48px);transition:opacity .16s;display:flex;position:absolute;top:7px;left:7px;right:38px;overflow:hidden}.action-card:hover .action-card-secondary-actions,.action-card:focus-within .action-card-secondary-actions{opacity:1;pointer-events:auto}.action-copy-button,.action-publish-button,.action-delete-button{color:#9b1c31;cursor:pointer;min-width:46px;height:24px;font:inherit;background:#fffdf8e6;border:1px solid #9b1c3133;border-radius:999px;padding:0 9px;font-size:11px;font-weight:800;position:static}.action-copy-button:hover,.action-copy-button:focus-visible,.action-publish-button:hover,.action-publish-button:focus-visible{background:#fff7ed;border-color:#9b1c316b;box-shadow:0 8px 18px #9b1c311f}.action-delete-button{color:#9b1c31;background:#9b1c3114;border:1px solid #9b1c3133;font-weight:900}.action-delete-button:hover,.action-delete-button:focus-visible{background:#9b1c3129;border-color:#9b1c3173}.action-drag-preview{aspect-ratio:3/4;pointer-events:none;background:#fffdf8f0;border:1px solid #9b1c3147;border-radius:8px;width:72px;display:grid;position:fixed;top:-240px;left:-240px;overflow:hidden;box-shadow:0 12px 30px #1f1a1738}.action-drag-preview img{object-fit:contain;width:100%;height:70%;padding:4px}.action-drag-preview span{color:#1f1a17;text-overflow:ellipsis;white-space:nowrap;padding:0 5px 5px;font-size:10px;font-weight:800;overflow:hidden}.action-pointer-preview{z-index:80;aspect-ratio:3/4;pointer-events:none;background:#fffdf8f0;border:1px solid #9b1c3147;border-radius:8px;width:72px;display:grid;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 12px 30px #1f1a1738}.action-pointer-preview img{object-fit:contain;width:100%;height:70%;padding:4px}.action-pointer-preview span{color:#1f1a17;text-overflow:ellipsis;white-space:nowrap;padding:0 5px 5px;font-size:10px;font-weight:800;overflow:hidden}.action-add-button{color:#fffdf8;cursor:pointer;width:30px;height:30px;font:inherit;background:#e07b256b;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex;position:absolute;bottom:6px;right:6px}.action-add-button:hover,.action-add-button:focus-visible{background:#e07b25c7}.action-library-create-button{color:#fffdf8;cursor:pointer;background:#9b1c31;border:0;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-plus{width:14px;height:14px;position:relative}.icon-plus:before,.icon-plus:after{content:"";background:currentColor;border-radius:2px;position:absolute}.icon-plus:before{width:14px;height:2px;top:6px;left:0}.icon-plus:after{width:2px;height:14px;top:0;left:6px}.preview-panel{background:#efe2c6;flex-direction:column;flex:50%;min-width:0;animation:.32s 40ms both panel-rise;display:flex}.workspace-toolbar{background:#fbf8f0;border-bottom:1px solid #1f1a171f;flex-wrap:nowrap;align-items:center;gap:10px;min-height:56px;padding:12px 16px;animation:.24s both panel-rise;display:flex}.workspace-toolbar button{color:#fff;cursor:pointer;min-height:36px;font:inherit;background:#9b1c31;border:0;border-radius:6px;padding:0 14px;font-weight:700}.workspace-toolbar .secondary-action{color:#9b1c31;background:#9b1c311a;border:1px solid #9b1c313d}.transport-button{color:#fff;cursor:pointer;width:40px;min-height:36px;font:inherit;background:#9b1c31;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex}.timeline-history-button{color:#5a4a3c;cursor:pointer;background:#1f1a170f;border:1px solid #1f1a171f;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.timeline-history-button:disabled{cursor:not-allowed;opacity:.38}.timeline-history-button:not(:disabled):hover,.timeline-history-button:not(:disabled):focus-visible{color:#9b1c31;background:#9b1c311f;border-color:#9b1c314d}.timeline-history-button.active{color:#9b1c31;background:#9b1c3129;border-color:#9b1c316b}.icon-play{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid;width:0;height:0;margin-left:3px}.icon-pause{width:14px;height:16px;position:relative}.icon-pause:before,.icon-pause:after{content:"";background:currentColor;width:5px;height:16px;position:absolute;top:0}.icon-pause:before{left:0}.icon-pause:after{right:0}.icon-stop{background:currentColor;width:15px;height:15px}.icon-undo,.icon-redo{border:3px solid;border-color:currentColor currentColor #0000 #0000;border-radius:999px;width:18px;height:16px;position:relative}.icon-undo{transform:rotate(-42deg)}.icon-redo{transform:scaleX(-1)rotate(-42deg)}.icon-undo:after,.icon-redo:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:7px solid;width:0;height:0;position:absolute;top:8px;left:-4px;transform:rotate(42deg)}.icon-select-box{border:2px dashed;border-radius:4px;width:18px;height:14px;position:relative}.icon-select-box:after{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;position:absolute;bottom:-4px;right:-3px}.icon-copy,.icon-paste,.icon-clear-selection{width:17px;height:17px;position:relative}.icon-copy:before,.icon-copy:after{content:"";border:2px solid;border-radius:3px;width:11px;height:13px;position:absolute}.icon-copy:before{opacity:.55;top:0;left:0}.icon-copy:after{background:color-mix(in srgb, currentColor 8%, transparent);bottom:0;right:0}.icon-paste:before{content:"";border:2px solid;border-radius:3px;width:13px;height:13px;position:absolute;bottom:0;right:1px}.icon-paste:after{content:"";background:currentColor;border-radius:999px 999px 4px 4px;width:9px;height:5px;position:absolute;top:0;left:3px}.icon-clear-selection:before,.icon-clear-selection:after{content:"";background:currentColor;border-radius:999px;width:16px;height:3px;position:absolute;top:7px;left:1px}.icon-clear-selection:before{transform:rotate(45deg)}.icon-clear-selection:after{transform:rotate(-45deg)}.workspace-toolbar label{color:#5a4a3c;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.workspace-toolbar input{color:#1f1a17;width:72px;font:inherit;background:#fffdf8;border:1px solid #1f1a1729;border-radius:6px;padding:8px}.workspace-status{color:#6f6255;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.timeline-duration-label{color:#6f6255;white-space:nowrap;background:#1f1a1714;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.transition-progress{background:#1f1a1714;width:100%;height:4px}.transition-progress span{background:#d4af37;height:100%;transition:width .12s;display:block}.preview-stage{background:#f7f3ea;flex:auto;min-height:0;position:relative;overflow:hidden}.dancer-panel{z-index:8;color:#1f1a17;pointer-events:auto;gap:8px;width:min(300px,100% - 36px);animation:.22s both panel-rise;display:grid;position:absolute;top:18px;left:18px}.dancer-mode-toggle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8db;border:1px solid #1f1a171a;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;box-shadow:0 12px 32px #1f1a171f}.dancer-mode-toggle button,.dancer-add,.dancer-remove,.dancer-select{color:#6f6255;cursor:pointer;font:inherit;background:0 0;border:0;font-weight:900}.dancer-mode-toggle button{border-radius:999px;min-height:34px}.dancer-mode-toggle button.active{color:#fffdf8;background:#9b1c31}.dancer-list{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e6;border:1px solid #1f1a171a;border-radius:16px;gap:7px;padding:10px;display:grid;box-shadow:0 18px 44px #1f1a1724}.dancer-preview-toggle{background:#1f1a170a;border:1px solid #1f1a171a;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.dancer-preview-toggle button{color:#6f6255;cursor:pointer;min-height:30px;font:inherit;background:0 0;border:0;border-radius:999px;font-size:12px;font-weight:900}.dancer-preview-toggle button.active{color:#1f1a17;background:#d4af37}.dancer-item{grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:7px;display:grid}.dancer-select{background:#1f1a170a;border:1px solid #1f1a171a;border-radius:999px;grid-template-columns:12px 1fr;align-items:center;gap:5px;min-height:34px;padding:0 8px;display:grid}.dancer-select span{border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 2px #fffdf8d6}.dancer-select strong{color:#1f1a17;font-size:12px;line-height:1}.dancer-item input{color:#1f1a17;min-width:0;min-height:34px;font:inherit;background:#fffdf8bd;border:1px solid #1f1a171a;border-radius:999px;outline:none;padding:0 11px;font-size:13px;font-weight:900}.dancer-item input:focus{border-color:#9b1c316b;box-shadow:0 0 0 3px #9b1c311f}.dancer-item.active .dancer-select,.dancer-item.active input{border-color:#9b1c3161}.dancer-remove{color:#9b1c31;background:#9b1c311a;border-radius:999px;width:30px;height:30px;font-size:19px;line-height:1}.dancer-remove:disabled,.dancer-add:disabled{cursor:not-allowed;opacity:.42}.dancer-add{color:#9b1c31;background:#9b1c311f;border-radius:999px;min-height:34px}.stage-board{z-index:4;pointer-events:auto;background:#f7f3eae0;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:76px 34px 34px;display:grid;position:absolute;inset:0}.stage-board-header{color:#1f1a17;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8db;border:1px solid #1f1a171a;border-radius:999px;justify-self:center;align-items:center;gap:14px;padding:8px 14px;display:flex;box-shadow:0 12px 32px #1f1a171f}.stage-board-header>div{align-items:center;gap:10px;display:flex}.stage-board-header strong{font-size:14px;font-weight:950}.stage-board-header span{color:#6f6255;font-size:12px;font-weight:900}.stage-board-grid{aspect-ratio:4/3;background:linear-gradient(90deg,#0000 calc(50% - 1px),#9b1c3142 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(0deg,#0000 calc(50% - 1px),#9b1c3138 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#1f1a1714 calc(25% - 1px) 25%),repeating-linear-gradient(0deg,#0000 0 calc(25% - 1px),#1f1a1714 calc(25% - 1px) 25%),#fffdf8a3;border:2px solid #1f1a172e;border-radius:22px;place-self:center;width:min(92%,780px);max-height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #fffdf86b,0 26px 70px #1f1a1724}.stage-board-label{z-index:1;color:#6f6255;background:#1f1a1714;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:950;position:absolute;left:50%;transform:translate(-50%)}.stage-board-label.front{bottom:10px}.stage-board-label.back{top:10px}.stage-path-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage-path-layer polyline{fill:none;stroke:color-mix(in srgb, var(--dancer-color,#9b1c31) 72%, transparent);stroke-width:2.5px;stroke-dasharray:7 7;stroke-linecap:round;stroke-linejoin:round}.stage-cue-marker{z-index:3;border:2px solid color-mix(in srgb, var(--dancer-color,#9b1c31) 76%, #fffdf8);background:color-mix(in srgb, var(--dancer-color,#9b1c31) 28%, #fffdf8);color:#1f1a17;cursor:pointer;min-width:28px;height:28px;font:inherit;border-radius:999px;font-size:10px;font-weight:950;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #1f1a1729}.stage-cue-marker.active{background:var(--dancer-color,#9b1c31);color:#06111f;box-shadow:0 0 0 5px color-mix(in srgb, var(--dancer-color,#9b1c31) 24%, transparent), 0 10px 24px #1f1a1738}.stage-dancer-dot{z-index:4;border:3px solid color-mix(in srgb, var(--dancer-color) 68%, #fffdf8);background:var(--dancer-color);color:#06111f;cursor:grab;width:44px;height:44px;font:inherit;touch-action:none;border-radius:999px;place-items:center;font-weight:950;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 22px #1f1a1738}.stage-dancer-dot:active{cursor:grabbing}.stage-dancer-dot.active{box-shadow:0 0 0 6px color-mix(in srgb, var(--dancer-color) 28%, transparent), 0 12px 30px #1f1a1742}.stage-cue-delete{color:#9b1c31;cursor:pointer;min-height:30px;font:inherit;background:#9b1c311f;border:0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:950}.stage-cue-delete:disabled{cursor:default;opacity:.42}.stage-cue-rail{color:#1f1a17;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8c2;border:1px solid #1f1a171a;border-radius:18px;grid-template-columns:auto minmax(0,1fr);justify-self:center;align-items:center;gap:12px;width:min(92%,780px);padding:10px 12px;display:grid;box-shadow:0 16px 38px #1f1a171f}.stage-cue-rail>span{font-size:12px;font-weight:950}.stage-cue-list{scrollbar-width:none;gap:8px;min-width:0;display:flex;overflow-x:auto}.stage-cue-list::-webkit-scrollbar{display:none}.stage-cue-list button,.stage-cue-list em{color:#6f6255;white-space:nowrap;min-height:28px;font:inherit;background:#1f1a1714;border:0;border-radius:999px;padding:0 11px;font-size:12px;font-weight:950}.stage-cue-list button{cursor:pointer}.stage-cue-list button.active{color:#fffdf8;background:#9b1c31}.preview-material-manager{z-index:8;color:#1f1a17;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e6;border:1px solid #1f1a171a;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;width:min(310px,100% - 36px);padding:12px;animation:.22s both panel-rise;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 18px 44px #1f1a1729}.preview-material-manager-main{gap:2px;min-width:0;display:grid}.preview-material-manager-main span,.preview-material-manager label,.preview-material-manager em{color:#6f6255;font-size:11px;font-style:normal;font-weight:900}.preview-material-manager-main strong{color:#1f1a17;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;overflow:hidden}.preview-material-manager label{grid-column:1/-1;gap:6px;display:grid}.preview-material-manager select{appearance:none;color:#1f1a17;cursor:pointer;width:100%;min-height:38px;font:inherit;background:linear-gradient(45deg,#0000 50%,#9b1c31 50%) right 16px center/6px 6px no-repeat,linear-gradient(135deg,#fffdf8fa,#f7ecd9eb);border:1px solid #9b1c312e;border-radius:12px;padding:0 34px 0 12px;font-size:13px;font-weight:900}.preview-material-manager select:disabled{cursor:not-allowed;opacity:.62}.preview-material-manager em{color:#9b1c31;grid-column:1/-1}.preview-material-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.preview-material-action{color:#9b1c31;cursor:pointer;min-height:32px;font:inherit;background:#9b1c3114;border:1px solid #9b1c312e;border-radius:999px;padding:0 13px;font-size:12px;font-weight:950;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.preview-material-action:hover,.preview-material-action:focus-visible{background:#9b1c3124;border-color:#9b1c315c;outline:0;transform:translateY(-1px);box-shadow:0 10px 22px #9b1c311f}.preview-material-action-delete{color:#fffdf8;background:#9b1c31}.preview-canvas{z-index:1;width:100%;height:100%;min-height:0;display:block;position:relative}.preview-stage>.preview-canvas:not(.pose-preview-canvas):not(.action-edit-canvas){display:none}.pose-preview-canvas{cursor:grab;position:absolute;inset:0}.pose-preview-canvas:active{cursor:grabbing}.action-edit-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.preview-fallback-image{object-fit:contain;pointer-events:none;width:100%;height:100%;padding:18px;position:absolute;inset:0}.action-edit-controls{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:auto 18px 18px}.action-edit-controls button{color:#fffdf8;cursor:pointer;width:54px;height:54px;font:inherit;pointer-events:auto;border:0;border-radius:999px;place-items:center;font-size:30px;font-weight:900;display:grid;box-shadow:0 12px 30px #1f1a172e}.action-edit-cancel{background:#1f2933}.action-edit-confirm{background:#3d9b62}.action-edit-record{background:#b91c2f;font-size:18px;line-height:1}.workspace-side{background:#e8edf0;border-left:1px solid #1f1a171f;flex:0 0 25%;min-width:220px;padding:18px;overflow-y:auto}.workspace-side p{color:#5a4a3c;margin:0 0 10px;font-size:14px}.preview-meta{color:#6f6255;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.preview-meta strong{color:#1f1a17;font-size:15px}.preview-action-info{border-top:1px solid #1f1a171f;padding:12px 0}.preview-action-info h3{color:#6f6255;margin:0 0 8px;font-size:12px;font-weight:800}.preview-action-info strong{color:#1f1a17;margin-bottom:6px;font-size:15px;line-height:1.25;display:block}.preview-action-info p{color:#5a4a3c;margin:0 0 8px;font-size:13px;line-height:1.45}.preview-action-info span{color:#9b1c31;font-size:12px;font-weight:800}.preview-action-details{gap:6px;margin:10px 0 8px;display:grid}.preview-action-details div{grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;display:grid}.preview-action-details dt,.preview-action-details dd{margin:0;font-size:12px;line-height:1.35}.preview-action-details dt{color:#8a7b6b;font-weight:800}.preview-action-details dd{overflow-wrap:anywhere;color:#1f1a17;font-weight:900}.preview-action-info .preview-action-empty{color:#8a7b6b}.timeline{background:#fffdf8;border-top:1px solid #1f1a1724;flex:0 0 calc(20% - 48px);min-height:118px;padding:0 16px 16px}.timeline-scale-hint{color:#6f6255;justify-content:flex-end;align-items:center;height:18px;font-size:11px;font-weight:800;display:flex}.timeline-toolbar{background:#fffdf8;border-top:1px solid #1f1a1724;flex:0 0 48px;justify-content:center;align-items:center;gap:10px;display:flex}.timeline-time-readout{color:#1f1a17;text-align:center;background:#1f1a170d;border:1px solid #1f1a171f;border-radius:999px;align-content:center;min-width:150px;min-height:36px;padding:0 14px;display:grid}.timeline-time-readout strong{font-size:13px;font-weight:900;line-height:1.2}.timeline-time-readout span{color:#6f6255;font-size:11px;font-weight:800;line-height:1.2}.timeline-tween-controls{background:#1f1a170d;border:1px solid #1f1a171f;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:4px 6px 4px 10px;display:inline-flex}.timeline-tween-controls select{color:#1f1a17;cursor:pointer;min-width:72px;font:inherit;background:#fffdf8e6;border:0;border-radius:999px;outline:none;padding:5px 8px;font-size:12px;font-weight:900}.timeline-tween-controls label{color:#6f6255;align-items:center;gap:5px;font-size:11px;font-weight:900;display:inline-flex}.timeline-tween-controls input[type=range]{accent-color:#9b1c31;width:68px}.timeline-tween-button{color:#fffdf8;cursor:pointer;min-height:28px;font:inherit;background:#9b1c31;border:0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.timeline-tween-button:disabled{cursor:not-allowed;opacity:.42}.timeline-delete-button{color:#fff;cursor:pointer;background:#1f2933;border:0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:36px;display:inline-flex}.timeline-delete-button:disabled{cursor:not-allowed;opacity:.42}.timeline-delete-button:not(:disabled):hover,.timeline-delete-button:not(:disabled):focus-visible{background:#9b1c31}.beat-ruler{color:#6f6255;height:24px;font-size:11px;display:grid}.beat-ruler span{border-left:1px solid #1f1a171f;padding-left:3px}.track-lane{background:repeating-linear-gradient(to right, #f8f2e8, #f8f2e8 calc(100% / var(--timeline-beats,64) - 1px), #1f1a1714 calc(100% / var(--timeline-beats,64)));cursor:crosshair;border:1px solid #1f1a1724;border-radius:8px;height:calc(100% - 28px);min-height:92px;position:relative;overflow:hidden}.track-lane.drop-valid{box-shadow:inset 0 0 0 2px #3d9b627a}.track-lane.drop-invalid{cursor:not-allowed;box-shadow:inset 0 0 0 2px #d14b4b8a}.timeline-range-highlight{z-index:1;pointer-events:none;background:linear-gradient(90deg,#9b1c311f,#e8b34a29);border-inline:2px solid #9b1c31b8;position:absolute;inset-block:0}.timeline-range-highlight em{color:#fffdf8;white-space:nowrap;background:#9b1c31eb;border-radius:999px;max-width:calc(100% - 12px);padding:2px 8px;font-size:11px;font-style:normal;font-weight:900;position:absolute;top:4px;left:50%;transform:translate(-50%)}.timeline-range-marker{background:#9b1c31;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #9b1c3152}.timeline-range-highlight.editable .timeline-range-marker{cursor:ew-resize;pointer-events:auto;touch-action:none;width:18px}.timeline-range-highlight.editable .timeline-range-marker:after{content:"";background:#9b1c31;border:2px solid #fffdf8;border-radius:999px;width:12px;height:34px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #1f1a172e}.timeline-range-body{display:none}.timeline-range-highlight.editable .timeline-range-body{cursor:grab;pointer-events:auto;touch-action:none;background:repeating-linear-gradient(90deg,#fffdf87a 0 2px,#0000 2px 6px),#9b1c319e;border:1px solid #fffdf8b8;border-radius:999px;height:16px;display:block;position:absolute;bottom:7px;left:14px;right:14px;box-shadow:0 4px 12px #1f1a1729}.timeline-range-highlight.editable .timeline-range-body:active{cursor:grabbing}.timeline-range-marker.in{left:-9px}.timeline-range-marker.out{right:-9px}.timeline-drop-preview{z-index:3;pointer-events:none;background:#3d9b6229;border:2px dashed #3d9b62;border-radius:8px;height:44px;position:absolute;top:24px}.timeline-drop-preview.invalid{background:#d14b4b29;border-color:#d14b4b}.timeline-drop-preview.invalid:after{color:#fffdf8;content:"×";background:#d14b4b;border-radius:999px;place-items:center;width:28px;height:28px;font-size:22px;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-selection-box{z-index:4;pointer-events:none;background:repeating-linear-gradient(45deg,#9b1c311a 0 6px,#e8b34a1f 6px 12px);border:2px solid #9b1c31ad;border-radius:10px;position:absolute;top:14px;bottom:10px}.playhead{cursor:col-resize;z-index:2;touch-action:none;background:0 0;width:22px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.playhead:after{content:"";background:#9b1c31;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.playhead:before{content:"";background:#9b1c31;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #1f1a173d}.timeline-block{color:#1f1a17;cursor:pointer;height:44px;font:inherit;text-align:left;background:#d8c6a8;border:2px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:0 4px;font-size:13px;font-weight:700;display:grid;position:absolute;top:24px;overflow:hidden}.timeline-block-video{background:#c6dccf}.timeline-block-frame,.timeline-block-pose{background:#d8c6a8}.timeline-block.selected{background:#ead7a4;border-color:#d4af37}.timeline-block[style*=--track-dancer-color]{border-color:color-mix(in srgb, var(--track-dancer-color) 54%, transparent)}.timeline-block:has(.timeline-dancer-badge){grid-template-columns:auto minmax(0,1fr) auto}.timeline-block.multi-selected{box-shadow:0 0 0 3px #d4af3742}.timeline-dancer-badge{background:var(--track-dancer-color,#9b1c31);color:#06111f;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:950;line-height:1;display:inline-grid;box-shadow:0 0 0 2px #fffdf8b3}.timeline-block span:first-child,.timeline-block>span:not(.resize-edge){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-block em{color:#7c6122;background:#fffdf8b8;border-radius:999px;place-items:center;min-width:30px;min-height:20px;padding:0 6px;font-size:10px;font-style:normal;font-weight:900;display:inline-grid}.timeline-block-video em{color:#2f745e}.resize-edge{cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0}.resize-edge.left{left:0}.resize-edge.right{right:0}.modal-backdrop{z-index:20;background:#1f1a1747;place-items:center;display:grid;position:fixed;inset:0}.save-dialog{background:#fffdf8;border-radius:8px;gap:16px;width:min(420px,100vw - 40px);padding:22px;display:grid;box-shadow:0 18px 60px #1f1a1738}.save-dialog h2,.save-dialog p{margin:0}.save-dialog label{color:#5a4a3c;gap:8px;font-size:13px;font-weight:700;display:grid}.save-dialog input{color:#1f1a17;width:100%;font:inherit;background:#fff;border:1px solid #1f1a172e;border-radius:6px;padding:10px 12px}.save-category-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.save-category-row button{color:#9b1c31;cursor:pointer;min-height:38px;font:inherit;background:#9b1c311a;border:1px solid #9b1c313d;border-radius:6px;padding:0 12px;font-weight:800}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-actions button{color:#fff;cursor:pointer;min-height:36px;font:inherit;background:#1f2933;border:0;border-radius:6px;padding:0 14px;font-weight:700}.dialog-actions button:last-child{background:#9b1c31}.dialog-actions button:disabled{cursor:not-allowed;opacity:.48}.export-dialog{width:min(560px,100vw - 40px)}.export-summary{color:#5a4a3c;background:#fbf8f0;border:1px solid #1f1a171f;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 14px;display:grid}.export-summary div,.export-job{justify-content:space-between;align-items:center;gap:8px;display:flex}.export-summary div:last-child{border-top:1px solid #1f1a171a;grid-column:1/-1;padding-top:10px}.export-summary span{font-size:12px;font-weight:800}.export-summary strong,.export-job strong{color:#1f1a17;text-align:right;font-size:13px}.export-hint,.export-warning{border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.export-hint{color:#2f704a;background:#3d9b621f}.export-warning{color:#a13a3a;background:#d14b4b1f}.export-job{color:#5a4a3c;background:#fbf8f0;border:1px solid #1f1a171f;border-radius:8px;flex-direction:column;align-items:flex-start;padding:12px 14px;display:flex}.export-job small{color:#d14b4b;font-weight:700}.export-job .export-render-note,.export-job .export-library-note{color:#5a4a3c}.export-progress{background:#1f1a171a;border-radius:999px;width:100%;height:8px;overflow:hidden}.export-progress span{border-radius:inherit;background:linear-gradient(90deg,#9b1c31,#d4af37);height:100%;transition:width .12s;display:block}.save-range-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.save-range-summary{color:#5a4a3c;background:#fbf8f0;border:1px solid #1f1a171f;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.save-range-summary span{font-size:13px;font-weight:800}.save-range-summary strong{color:#1f1a17;font-size:16px}.save-range-hint{color:#6f6255;margin:-4px 0 0;font-size:13px;line-height:1.45}.save-share-toggle{color:#5a4a3c;background:#1f1a170a;border:1px solid #1f1a171a;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;font-size:13px;font-weight:800;display:flex}.save-share-toggle input{accent-color:#9b1c31;width:18px;height:18px}.recording-workspace{background:#f6f1e8;width:100vw;height:100vh;padding-left:0;display:flex;overflow:hidden}.recording-stage{background:#efe2c6;flex:auto;grid-template-rows:auto minmax(0,1fr);place-items:center;gap:14px;min-width:0;padding:16px 24px 24px;display:grid;position:relative}.recording-stage-toolbar{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:min(860px,100%);display:grid;position:relative;top:auto;left:auto;transform:none}.recording-capture-controls{grid-column:2;justify-content:center;align-items:center;gap:10px;display:flex}.recording-view-toggle{background:#fffdf8db;border-radius:999px;grid-template-columns:repeat(3,auto);gap:4px;padding:4px;display:grid;box-shadow:0 10px 30px #1f1a171f}.recording-view-toggle.compact{justify-content:center;width:100%}.recording-view-toggle button,.recording-scene-toggle{color:#6f6255;cursor:pointer;min-height:36px;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:900}.recording-view-toggle button.active,.recording-scene-toggle.active{color:#fffdf8;background:#9b1c31}.recording-scene-toggle{white-space:nowrap;background:#fffdf8db;justify-self:center;box-shadow:0 10px 30px #1f1a171f}.recording-canvas{aspect-ratio:auto;background:0 0;border-radius:10px;width:100%;height:100%;min-height:0;max-height:none;box-shadow:0 18px 60px #1f1a172e}.recording-countdown{color:#fffdf8;text-shadow:0 14px 40px #1f1a175c;background:#1f1a1738;place-items:center;font-size:clamp(88px,16vw,180px);font-weight:900;display:grid;position:absolute;inset:0}.recording-panel{background:#fbf8f0;border-left:1px solid #1f1a171f;flex-direction:column;flex:0 0 320px;gap:16px;height:100%;padding:26px 22px;display:flex;overflow-y:auto}.recording-panel h1,.recording-panel h2{margin:0}.recording-timer{color:#9b1c31;margin:0;font-size:42px;font-weight:800}.recording-actions{grid-template-columns:1fr;gap:10px;display:grid}.recording-actions button{color:#fff;cursor:pointer;min-height:48px;font:inherit;background:#9b1c31;border:0;border-radius:8px;font-weight:800}.recording-actions button:disabled{cursor:not-allowed;opacity:.45}.calibration-meter{background:#1f1a171f;border-radius:999px;height:12px;overflow:hidden}.calibration-meter span{border-radius:inherit;background:linear-gradient(90deg,#3d9b62,#d8a232);height:100%;transition:width .16s;display:block}.calibration-text{color:#6f6255;margin:-8px 0 0;font-size:13px}.recording-status{color:#6f6255;min-height:42px;margin:0;font-size:14px;line-height:1.5}.recording-list{gap:10px;display:grid}.recording-item{color:#1f1a17;font:inherit;text-align:left;background:#fffdf8;border:1px solid #1f1a171f;border-radius:8px;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:8px;padding:8px;display:grid}.recording-play-button{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;gap:4px;padding:4px;display:grid}.recording-play-button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recording-play-button span{color:#6f6255;font-size:12px}.recording-delete-button{color:#9b1c31;cursor:pointer;background:#9b1c3114;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.recording-delete-button:hover,.recording-delete-button:focus-visible{color:#fffdf8;background:#9b1c31}.recording-playback-panel{gap:10px;display:grid}.playback-mode-toggle{background:#1f1a1714;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;display:grid}.playback-mode-toggle button{color:#6f6255;cursor:pointer;min-height:38px;font:inherit;background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:800}.playback-mode-toggle button.active{color:#fffdf8;background:#9b1c31;box-shadow:0 8px 18px #9b1c312e}.recording-playback{background:#1f2933;border-radius:8px;width:100%}.recording-skeleton-playback{aspect-ratio:4/3;display:block}.follow-workspace{background:#f6f1e8;grid-template-columns:40fr 60fr;width:100vw;height:100vh;padding-left:0;display:grid;overflow:hidden}.follow-standard-pane,.follow-user-pane{flex-direction:column;gap:16px;min-width:0;padding:26px;display:flex}.follow-standard-pane{background:#fbf8f0;border-right:1px solid #1f1a171f;padding-top:86px}.follow-user-pane{background:#efe2c6}.follow-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.follow-header-row h1{margin:0;font-size:34px}.settings-press-button{color:#1f1a17;cursor:pointer;background:#1f1a1714;border:0;border-radius:999px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.follow-source-picker{color:#6f6255;gap:8px;font-size:13px;font-weight:800;display:grid}.follow-source-picker select{color:#1f1a17;min-height:46px;font:inherit;background:#fffdf8;border:1px solid #1f1a1729;border-radius:8px;padding:0 12px}.standard-preview{background:#1f2933;border-radius:10px;flex:auto;place-items:center;min-height:0;display:grid;overflow:hidden}.standard-preview video,.standard-preview canvas,.follow-user-canvas{aspect-ratio:4/3;background:#1f2933;width:100%}.standard-preview video{display:block}.follow-settings-panel{background:#fffdf8;border-radius:10px;padding:14px;box-shadow:0 12px 30px #1f1a171f}.follow-settings-panel label{gap:10px;font-weight:800;display:grid}.follow-user-canvas{border-radius:10px;max-height:52vh;box-shadow:0 18px 60px #1f1a172e}.follow-score-panel{background:#fffdf8f0;border-radius:10px;gap:10px;padding:16px;display:grid}.score-headline{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.score-headline span{color:#6f6255;font-weight:800}.score-headline strong{color:#1f1a17;font-size:36px}.score-meter{background:#1f1a171f;border-radius:999px;height:16px;overflow:hidden}.score-meter span{border-radius:inherit;height:100%;transition:width .16s;display:block}.score-green{background:#3d9b62}.score-yellow{background:#d8a232}.score-red{background:#b63a3a}.follow-score-panel p{color:#6f6255;min-height:22px;margin:0}.follow-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.follow-actions button{color:#fffdf8;cursor:pointer;min-height:48px;font:inherit;background:#9b1c31;border:0;border-radius:8px;font-weight:900}.follow-actions button:disabled{cursor:not-allowed;opacity:.42}.follow-result-panel{background:#fffdf8;border-radius:10px;flex:auto;grid-template-columns:120px minmax(0,1fr);align-items:center;min-height:0;padding:12px;display:grid}.follow-result-panel span{color:#6f6255;font-weight:800;display:block}.follow-result-panel strong{color:#9b1c31;font-size:54px;line-height:1}.follow-radar-chart{width:100%;min-height:220px}.follow-select-screen{background:#f6f1e8;grid-template-rows:auto 1fr;gap:10px;width:100vw;height:100vh;padding:2vh 4vw 3vh;display:grid}.follow-select-screen h1{text-align:center;margin:0;font-size:clamp(26px,3.2vw,42px);line-height:1.08}.clip-browser{grid-template-columns:minmax(240px,25%) 1fr;gap:22px;min-height:0;display:grid}.clip-list-pane{background:#fbf8f0;border-radius:12px;flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex}.clip-search{background:#fffdf8;border:1px solid #1f1a171f;border-radius:999px;grid-template-columns:1fr 40px;display:grid;overflow:hidden}.clip-search:focus-within{border-color:#9b1c316b;box-shadow:0 0 0 3px #9b1c311a}.clip-search input,.clip-search button{color:#1f1a17;min-height:42px;font:inherit;background:0 0;border:0}.clip-search input{outline:0;min-width:0;padding:0 14px}.clip-search button:focus-visible{outline:0}.clip-search button{cursor:pointer;font-size:24px}.clip-filter-row{z-index:5;grid-template-columns:1fr 86px;gap:8px;display:grid;position:relative}.clip-filter-row button,.clip-preview-controls button,.choose-clip-button{color:#fffdf8;cursor:pointer;min-height:44px;font:inherit;background:#1f2933;border:0;border-radius:999px;font-weight:900}.sort-toggle{grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.sort-toggle span:first-child{color:#1f2933;background:#fffdf8;border-radius:999px;place-items:center;display:grid}.sort-toggle span:last-child{place-items:center;display:grid}.clip-list{gap:8px;display:grid;overflow-y:auto}.clip-list button{color:#1f1a17;cursor:pointer;font:inherit;text-align:left;background:#fffdf8;border:1px solid #1f1a171f;border-radius:10px;gap:4px;padding:12px;display:grid}.clip-list button.active{border-color:#9b1c31;box-shadow:0 0 0 3px #9b1c311f}.clip-list span{color:#6f6255;font-size:12px}.clip-preview-pane{grid-template-rows:minmax(0,1fr) 28px 58px;gap:10px;min-height:0;display:grid}.follow-select-title-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.follow-select-title-row h1{grid-column:2;margin:0}.follow-select-title-row .clip-preview-mode-toggle{grid-column:3;justify-self:end}.clip-preview-wrap{min-height:0;position:relative}.clip-stage-arrow{z-index:6;color:#1f2933;cursor:pointer;background:#fffdf8c7;border:0;border-radius:999px;place-items:center;width:48px;height:72px;transition:background .18s,color .18s,transform .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.clip-stage-arrow.left{left:14px}.clip-stage-arrow.right{right:14px}.clip-stage-arrow:hover,.clip-stage-arrow:focus-visible{color:#fffdf8;background:#9b1c31;outline:0;transform:translateY(-50%)scale(1.06)}.clip-preview-frame{cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;width:100%;height:100%;min-height:0;transition:background .36s,border-radius .36s,box-shadow .36s,transform .36s;display:grid;position:relative;overflow:hidden}.clip-preview-frame.stage-bg-spotlight,.follow-demo-stage.stage-bg-spotlight,.follow-dance-screen.stage-bg-spotlight.immersive{background:radial-gradient(at 50% 0,#fff4b48f,#0000 36%),linear-gradient(115deg,#0000 0 36%,#fffdf829 37% 39%,#0000 40%),linear-gradient(65deg,#0000 0 42%,#fffdf824 43% 45%,#0000 46%),linear-gradient(#202a35,#111827 62%,#30202a)}.clip-preview-frame.stage-bg-opera,.follow-demo-stage.stage-bg-opera,.follow-dance-screen.stage-bg-opera.immersive{background:radial-gradient(at 50% 12%,#fffdf83d,#0000 30%),repeating-linear-gradient(90deg,#6f1525 0 9%,#9b1c31 9% 18%),linear-gradient(#3b101b,#161821)}.clip-preview-frame.stage-bg-neon,.follow-demo-stage.stage-bg-neon,.follow-dance-screen.stage-bg-neon.immersive{background:radial-gradient(circle at 28% 18%,#376fd080,#0000 24%),radial-gradient(circle at 72% 14%,#d14b4b80,#0000 22%),linear-gradient(#122333,#151827 58%,#33213a)}.clip-preview-frame video,.clip-preview-frame canvas{aspect-ratio:16/9;object-fit:contain;background:0 0;grid-area:1/1;width:100%;max-width:100%;height:100%;max-height:100%}.clip-preview-frame canvas.clip-preview-overlay{width:100%;height:100%;position:absolute;inset:0}.clip-preview-mode-toggle{z-index:5;position:relative;box-shadow:0 10px 28px #1f1a1724}.clip-progress{accent-color:#9b1c31;width:100%}.clip-preview-controls{grid-template-columns:58px 58px 58px minmax(180px,260px);justify-content:end;gap:10px;display:grid}.clip-preview-controls button{place-items:center;padding:0;display:grid}.clip-preview-controls .icon-play{border-top-width:10px;border-bottom-width:10px;border-left-width:16px}.clip-preview-controls .icon-pause{width:18px;height:22px}.clip-preview-controls .icon-pause:before,.clip-preview-controls .icon-pause:after{width:6px;height:22px}.choose-clip-button{background:#9b1c31;min-height:58px;font-size:20px}.icon-prev,.icon-next{border-top:4px solid;border-left:4px solid;width:16px;height:16px;display:inline-block}.icon-prev{transform:rotate(-45deg)}.icon-next{transform:rotate(135deg)}.nickname-dialog{background:#fffdf8;border-radius:12px;gap:12px;width:min(420px,86vw);padding:20px;display:grid;box-shadow:0 24px 70px #1f1a1738}.filter-dialog{z-index:8;background:#fffdf8;border:1px solid #1f1a171f;border-radius:12px;gap:8px;width:calc(100% - 94px);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 46px #1f1a172e}.filter-dialog button{color:#1f1a17;cursor:pointer;min-height:52px;font:inherit;background:#1f1a1714;border:0;border-radius:8px;font-weight:900}.filter-dialog button.active{color:#fffdf8;background:#9b1c31}.nickname-dialog h2{margin:0}.nickname-dialog input{min-height:48px;font:inherit;border:1px solid #1f1a1729;border-radius:8px;padding:0 12px}.dialog-actions.split{justify-content:space-between}.follow-dance-screen{box-sizing:border-box;background:#efe2c6;grid-template-columns:1fr 1fr;gap:0;width:100vw;height:100dvh;padding:18px 14px 24px;display:grid;position:relative;overflow:hidden}.follow-top-progress{z-index:34;background:#1f1a171f;width:100%;height:6px;position:fixed;top:0;left:0;overflow:hidden}.follow-top-progress span{background:#9b1c31;height:100%;transition:width .16s;display:block}.follow-exit-button,.immersive-button{z-index:36;color:#fffdf8;cursor:pointer;min-height:42px;font:inherit;background:#9b1c31;border:0;border-radius:999px;padding:0 18px;font-weight:900}.immersive-button{background:#1f2933;position:fixed;top:24px;left:50%;transform:translate(-50%)}.follow-demo-pane,.follow-camera-pane{grid-template-rows:42px 42px minmax(0,1fr) auto;gap:8px;min-width:0;padding:24px;transition:background .36s,border-color .36s,box-shadow .36s,padding .36s;display:grid}.follow-demo-pane{background:#fbf8f0;border-right:1px solid #1f1a171f}.follow-camera-pane{background:#efe2c6}.follow-camera-pane.capture-expanded{grid-template-rows:42px 42px minmax(0,1fr)}.follow-demo-pane header,.follow-camera-pane header{justify-content:center;align-items:center;gap:12px;min-height:42px;display:flex;position:relative}.camera-control-row{justify-content:flex-end;align-items:center;gap:10px;padding-right:96px;display:flex}.follow-camera-pane .camera-mode-toggle{justify-self:initial;max-width:none;min-height:34px;padding:4px}.follow-camera-pane .camera-mode-toggle button{min-height:28px;padding:0 9px;font-size:11px}.follow-demo-pane h1,.follow-camera-pane h1{text-align:center;margin:0;font-size:clamp(22px,3vw,34px)}.follow-camera-pane h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(72%,560px);overflow:hidden}.demo-mode-toggle{background:#1f1a1714;border-radius:999px;grid-template-columns:repeat(3,auto);gap:4px;padding:4px;display:grid;position:relative}.settings-press-button{position:absolute;right:0}.follow-demo-options{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:42px;display:grid}.demo-mode-toggle button{color:#6f6255;cursor:pointer;min-height:34px;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.demo-mode-toggle button.active{color:#fffdf8;background:#9b1c31}.demo-mode-toggle button.unavailable{opacity:.58}.demo-toast{z-index:4;color:#fffdf8;white-space:nowrap;background:#1f2933eb;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;top:calc(100% + 8px);right:0}.stage-background-switcher{color:#1f1a17;background:#fffdf8d6;border-radius:999px;grid-column:2;grid-template-columns:28px auto 28px;justify-self:center;align-items:center;gap:4px;width:auto;padding:4px;display:grid}.follow-demo-options .demo-mode-toggle{grid-column:3;justify-self:end}.camera-stage-spacer{min-height:42px}.stage-background-switcher strong{text-align:center;min-width:72px;font-size:13px}.stage-background-switcher button{color:#1f2933;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:28px;height:32px;display:grid}.follow-demo-stage{background:0 0;border-radius:12px;place-items:center;min-height:0;transition:background .36s,border-radius .36s,box-shadow .36s,transform .36s;display:grid;position:relative;overflow:hidden}.follow-demo-stage.stage-bg-spotlight{background:radial-gradient(at 50% 0,#fff4b48f,#0000 36%),linear-gradient(115deg,#0000 0 36%,#fffdf829 37% 39%,#0000 40%),linear-gradient(65deg,#0000 0 42%,#fffdf824 43% 45%,#0000 46%),linear-gradient(#202a35,#111827 62%,#30202a)}.follow-demo-stage.stage-bg-opera{background:radial-gradient(at 50% 12%,#fffdf83d,#0000 30%),repeating-linear-gradient(90deg,#6f1525 0 9%,#9b1c31 9% 18%),linear-gradient(#3b101b,#161821)}.follow-demo-stage.stage-bg-neon{background:radial-gradient(circle at 28% 18%,#376fd080,#0000 24%),radial-gradient(circle at 72% 14%,#d14b4b80,#0000 22%),linear-gradient(#122333,#151827 58%,#33213a)}.follow-demo-stage video,.follow-demo-stage canvas,.follow-camera-pane>canvas{aspect-ratio:4/3;object-fit:contain;background:0 0;border-radius:12px;width:100%;max-width:100%;max-height:100%;transition:border-radius .36s,box-shadow .36s,opacity .36s,transform .36s}.follow-demo-stage canvas.demo-overlay{width:100%;height:100%;position:absolute;inset:0}.follow-demo-stage canvas.hidden{display:none}.follow-calibration-overlay{z-index:3;color:#fffdf8;text-align:center;background:#111827b8;place-content:center;gap:10px;display:grid;position:absolute;inset:0}.follow-calibration-overlay strong{font-size:clamp(40px,7vw,88px);line-height:1}.follow-calibration-overlay span{font-size:clamp(16px,2vw,24px);font-weight:800}.follow-camera-pane>canvas{place-self:center;box-shadow:0 18px 60px #1f1a172e}.follow-camera-pane.capture-expanded>canvas{aspect-ratio:auto;object-fit:fill;width:100%;height:100%}.follow-control-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8c7;border:1px solid #1f1a171a;border-radius:14px;gap:10px;padding:14px;display:grid;box-shadow:0 18px 44px #1f1a171a}.follow-control-panel p{color:#6f6255;margin:0}.follow-control-panel button{color:#fffdf8;cursor:pointer;min-height:48px;font:inherit;background:#9b1c31;border:0;border-radius:8px;font-weight:900}.follow-control-panel button:disabled{opacity:.45}.follow-settings-panel.floating{width:min(320px,42vw);position:absolute;bottom:24px;right:24px}.follow-dance-screen.immersive{color:#fffdf8;transition:background .42s}.follow-dance-screen.immersive .follow-demo-pane,.follow-dance-screen.immersive .follow-camera-pane{box-shadow:none;background:0 0;border:0;padding-top:18px}.follow-dance-screen.immersive .follow-demo-stage,.follow-dance-screen.immersive .follow-camera-pane>canvas{box-shadow:none;border-radius:0}.follow-dance-screen.immersive .follow-demo-stage{background:0 0;transform:scale(1.01)}.follow-dance-screen.immersive .follow-camera-pane>canvas{opacity:.78;transform:scale(1.01)}.follow-dance-screen.immersive .follow-control-panel{color:#fffdf8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf824}.follow-dance-screen.immersive .follow-demo-pane h1,.follow-dance-screen.immersive .follow-camera-pane h1{color:#fffdf8;text-shadow:0 4px 16px #00000057}.follow-dance-screen.immersive .demo-mode-toggle{color:#fffdf8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf824}.follow-dance-screen.immersive .stage-background-switcher,.follow-dance-screen.immersive .immersive-button,.follow-dance-screen.immersive .follow-exit-button{color:#fffdf8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08111f6b;box-shadow:0 12px 36px #0000003d}.follow-dance-screen.immersive .demo-mode-toggle button,.follow-dance-screen.immersive .stage-background-switcher button{color:#fffdf8}.score-modal-backdrop{z-index:60;background:#1f1a1766;place-items:center;display:grid;position:fixed;inset:0}.score-modal{background:#fffdf8;border-radius:18px;grid-template-rows:1fr auto;grid-template-columns:48% 52%;width:min(1180px,94vw);height:min(760px,90vh);display:grid;overflow:hidden;box-shadow:0 30px 90px #1f1a1752}.score-modal-left,.score-modal-right{align-content:start;gap:12px;min-height:0;padding:28px;display:grid}.score-modal-actions{border-top:1px solid #1f1a171f;grid-column:1/-1;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.score-modal-actions button{color:#fffdf8;cursor:pointer;min-height:46px;font:inherit;background:#1f2933;border:0;border-radius:999px;padding:0 22px;font-weight:900}.score-modal-actions button:last-child{background:#9b1c31}.score-modal-left{border-right:1px solid #1f1a171f}.score-modal h2,.score-modal p{margin:0}.final-score{align-items:baseline;gap:18px;display:flex}.final-score span{color:#6f6255;font-size:22px;font-weight:900}.final-score strong{color:#9b1c31;font-size:78px;line-height:1}.final-radar-chart{width:100%;min-height:360px}.ranking-list{gap:10px;padding-right:6px;display:grid;overflow-y:auto}.ranking-list.locked{overflow-y:hidden}.ranking-row{background:#f6f1e8;border-radius:10px;grid-template-columns:58px 1fr 80px;align-items:center;gap:12px;min-height:54px;padding:10px 14px;display:grid}.ranking-row span{color:#1f1a17;background:#d8c6a8;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.ranking-row em{color:#9b1c31;text-align:right;font-style:normal;font-weight:900}.ranking-row.rank-1,.ranking-row.rank-2,.ranking-row.rank-3{min-height:72px;font-size:18px}.ranking-row.rank-1 span{background:#d4af37}.ranking-row.rank-2 span{background:#c8cbd0}.ranking-row.rank-3 span{color:#fffdf8;background:#b77a4a}.app-shell[data-theme=cool]{color:#eaf7ff;background:#07111f}.app-shell[data-theme=cool] .home-screen,.app-shell[data-theme=cool] .choice-screen,.app-shell[data-theme=cool] .workspace,.app-shell[data-theme=cool] .recording-workspace,.app-shell[data-theme=cool] .follow-select-screen,.app-shell[data-theme=cool] .follow-dance-screen{color:#eaf7ff;background:radial-gradient(circle at 12% 8%,#00e5ff29,#0000 28%),radial-gradient(circle at 86% 16%,#9b5cff33,#0000 30%),linear-gradient(135deg,#07111f,#0a1022 54%,#080b1a)}.app-shell[data-theme=cool] .home-screen h1,.app-shell[data-theme=cool] .choice-screen h1,.app-shell[data-theme=cool] .workspace-toolbar label,.app-shell[data-theme=cool] .recording-panel h1,.app-shell[data-theme=cool] .recording-panel h2,.app-shell[data-theme=cool] .follow-select-screen h1,.app-shell[data-theme=cool] .follow-demo-pane h1,.app-shell[data-theme=cool] .follow-camera-pane h1,.app-shell[data-theme=cool] .score-modal h2{color:#eaf7ff;text-shadow:0 0 18px #00e5ff47}.app-shell[data-theme=cool] .home-actions button,.app-shell[data-theme=cool] .workspace-toolbar button,.app-shell[data-theme=cool] .recording-actions button,.app-shell[data-theme=cool] .follow-actions button,.app-shell[data-theme=cool] .follow-control-panel button,.app-shell[data-theme=cool] .choose-clip-button,.app-shell[data-theme=cool] .dialog-actions button:last-child,.app-shell[data-theme=cool] .score-modal-actions button:last-child,.app-shell[data-theme=cool] .transport-button{color:#06111f;background:linear-gradient(135deg,#00e5ff,#9b5cff);border:1px solid #00e5ff7a;box-shadow:0 0 22px #00e5ff38}.app-shell[data-theme=cool] .home-actions button:hover,.app-shell[data-theme=cool] .home-actions button:focus-visible,.app-shell[data-theme=cool] .workspace-toolbar button:hover,.app-shell[data-theme=cool] .workspace-toolbar button:focus-visible,.app-shell[data-theme=cool] .recording-actions button:hover,.app-shell[data-theme=cool] .recording-actions button:focus-visible,.app-shell[data-theme=cool] .follow-control-panel button:hover,.app-shell[data-theme=cool] .follow-control-panel button:focus-visible,.app-shell[data-theme=cool] .choose-clip-button:hover,.app-shell[data-theme=cool] .choose-clip-button:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.app-shell[data-theme=cool] .follow-control-panel{background:linear-gradient(#111e34e6,#07111fe6),#07111fe6;border-color:#00e5ff38;box-shadow:inset 0 1px #ffffff14,0 18px 46px #00000057}.app-shell[data-theme=cool] .follow-control-panel p{color:#9fb3c8}.app-shell[data-theme=cool] .preview-material-manager{color:#eaf7ff;background:#07111fe0;border-color:#00e5ff38;box-shadow:0 0 0 1px #00e5ff14,0 18px 44px #00000042}.app-shell[data-theme=cool] .preview-material-manager-main span,.app-shell[data-theme=cool] .preview-material-manager label,.app-shell[data-theme=cool] .preview-material-manager em{color:#9cc7d8}.app-shell[data-theme=cool] .preview-material-manager-main strong{color:#eaf7ff}.app-shell[data-theme=cool] .preview-material-manager select{color:#eaf7ff;background:linear-gradient(45deg,#0000 50%,#5fe6ff 50%) right 16px center/6px 6px no-repeat,linear-gradient(135deg,#06101efa,#0d1c31f5);border-color:#5fe6ff4d;box-shadow:inset 0 0 0 1px #5fe6ff0f}.app-shell[data-theme=cool] .preview-material-action{color:#5fe6ff;background:#5fe6ff1a;border-color:#5fe6ff47}.app-shell[data-theme=cool] .preview-material-action:hover,.app-shell[data-theme=cool] .preview-material-action:focus-visible{background:#5fe6ff29;border-color:#5fe6ff7a;box-shadow:0 0 20px #00e5ff29}.app-shell[data-theme=cool] .preview-material-action-delete{color:#ffb8c8;background:#ff6b8b29;border-color:#ff6b8b7a}.app-shell[data-theme=cool] .follow-camera-pane .camera-mode-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07111fb8;border:1px solid #00e5ff2e;box-shadow:0 12px 30px #0000003d}.app-shell[data-theme=cool] .workspace-left,.app-shell[data-theme=cool] .workspace-side,.app-shell[data-theme=cool] .choice-card,.app-shell[data-theme=cool] .clip-list-pane,.app-shell[data-theme=cool] .clip-preview-pane,.app-shell[data-theme=cool] .clip-preview-frame,.app-shell[data-theme=cool] .recording-panel,.app-shell[data-theme=cool] .recording-playback-panel,.app-shell[data-theme=cool] .follow-standard-pane,.app-shell[data-theme=cool] .follow-user-pane,.app-shell[data-theme=cool] .follow-demo-pane,.app-shell[data-theme=cool] .follow-camera-pane,.app-shell[data-theme=cool] .follow-settings-panel,.app-shell[data-theme=cool] .score-modal,.app-shell[data-theme=cool] .save-dialog,.app-shell[data-theme=cool] .nickname-dialog{color:#eaf7ff;background:#0c182ac7;border-color:#00e5ff3d;box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff14}.app-shell[data-theme=cool] .preview-stage,.app-shell[data-theme=cool] .recording-stage,.app-shell[data-theme=cool] .follow-demo-stage,.app-shell[data-theme=cool] .follow-camera-pane>canvas{background:linear-gradient(#ffffff14,#ffffff05),#07111f}.app-shell[data-theme=cool] .action-card,.app-shell[data-theme=cool] .choreography-card,.app-shell[data-theme=cool] .clip-list button,.app-shell[data-theme=cool] .recording-item,.app-shell[data-theme=cool] .ranking-row,.app-shell[data-theme=cool] .preview-action-info,.app-shell[data-theme=cool] .preview-meta,.app-shell[data-theme=cool] .follow-result-panel{color:#eaf7ff;background:#08111fb8;border-color:#00e5ff2e}.app-shell[data-theme=cool] .action-card:hover,.app-shell[data-theme=cool] .action-card:focus-visible,.app-shell[data-theme=cool] .choice-card:hover,.app-shell[data-theme=cool] .choice-card:focus-visible,.app-shell[data-theme=cool] .clip-list button.active{border-color:#00e5ffbd;box-shadow:0 0 0 3px #00e5ff24,0 18px 38px #00000052}.app-shell[data-theme=cool] .action-card h3,.app-shell[data-theme=cool] .action-card span,.app-shell[data-theme=cool] .choreography-card strong,.app-shell[data-theme=cool] .choreography-card span,.app-shell[data-theme=cool] .clip-list span,.app-shell[data-theme=cool] .recording-play-button strong,.app-shell[data-theme=cool] .recording-play-button span,.app-shell[data-theme=cool] .preview-action-info span,.app-shell[data-theme=cool] .preview-meta span,.app-shell[data-theme=cool] .follow-result-panel span,.app-shell[data-theme=cool] .score-modal p,.app-shell[data-theme=cool] .final-score span{color:#b9d7e8}.app-shell[data-theme=cool] .action-card h3,.app-shell[data-theme=cool] .clip-list button.active,.app-shell[data-theme=cool] .final-score strong,.app-shell[data-theme=cool] .ranking-row em{color:#00e5ff}.app-shell[data-theme=cool] .action-add-button{color:#fff7ed;background:#ff7a1a9e;box-shadow:0 10px 22px #ff3d812e}.app-shell[data-theme=cool] input,.app-shell[data-theme=cool] select,.app-shell[data-theme=cool] .clip-search,.app-shell[data-theme=cool] .workspace-toolbar input,.app-shell[data-theme=cool] .follow-source-picker select{color:#eaf7ff;background:#050c18b8;border-color:#00e5ff47;outline:none}.app-shell[data-theme=cool] input:focus,.app-shell[data-theme=cool] select:focus,.app-shell[data-theme=cool] .clip-search:focus-within{border-color:#00e5ffb8;box-shadow:0 0 0 3px #00e5ff24}.app-shell[data-theme=cool] input[type=range]{accent-color:#00e5ff}.app-shell[data-theme=cool] .recording-view-toggle button,.app-shell[data-theme=cool] .recording-scene-toggle,.app-shell[data-theme=cool] .clip-filter-row button,.app-shell[data-theme=cool] .clip-preview-controls button,.app-shell[data-theme=cool] .demo-mode-toggle button,.app-shell[data-theme=cool] .stage-picker button,.app-shell[data-theme=cool] .score-modal-actions button,.app-shell[data-theme=cool] .dialog-actions button{color:#eaf7ff;background:#ffffff0f;border-color:#00e5ff3d}.app-shell[data-theme=cool] .recording-view-toggle button.active,.app-shell[data-theme=cool] .recording-scene-toggle.active,.app-shell[data-theme=cool] .clip-filter-row button.active,.app-shell[data-theme=cool] .demo-mode-toggle button.active{color:#00e5ff;background:#00e5ff26;border-color:#00e5ffb3}.app-shell[data-theme=cool] .workspace-toolbar,.app-shell[data-theme=cool] .timeline,.app-shell[data-theme=cool] .timeline-toolbar,.app-shell[data-theme=cool] .timeline-ruler,.app-shell[data-theme=cool] .timeline-lane{color:#eaf7ff;background:#070f1cb8;border-color:#00e5ff2e}.app-shell[data-theme=cool] .timeline-block{color:#05111d;background:linear-gradient(135deg,#00e5ffd1,#9b5cffdb);border-color:#00e5ff61}.app-shell[data-theme=cool] .timeline-block.selected{box-shadow:0 0 0 3px #ff3d8133,0 0 24px #00e5ff52}.app-shell[data-theme=cool] .timeline-drop-preview{background:#00e5ff2e;border-color:#00e5ff}.app-shell[data-theme=cool] .timeline-drop-preview.invalid{background:#ff3d812e;border-color:#ff3d81}.app-shell[data-theme=cool] .timeline-delete-button{color:#fff;background:#ff3d81c7}.app-shell[data-theme=cool] .timeline-delete-button:disabled{color:#eaf7ff6b;background:#ffffff1f}.app-shell[data-theme=cool] .follow-top-progress{background:#ffffff1a}.app-shell[data-theme=cool] .follow-top-progress span{background:#00e5ff}.app-shell[data-theme=cool] .clip-progress::-webkit-slider-thumb{background:#00e5ff}.app-shell[data-theme=cool] .score-fill{background:linear-gradient(90deg,#ff3d81,#9b5cff,#00e5ff)}.app-shell[data-theme=cool] .back-button{color:#00e5ff;background:#071120c2;border-color:#00e5ff5c;box-shadow:0 0 22px #00e5ff2e}.app-shell[data-theme=cool] .back-button:hover,.app-shell[data-theme=cool] .back-button:focus-visible{background:#00e5ff24}.app-shell[data-theme=cool] .score-modal-backdrop{background:#020810c7}.app-shell[data-theme=cool] .ranking-row span{color:#eaf7ff;background:#00e5ff2e}.app-shell[data-theme=cool] .ranking-row.rank-1 span{color:#1f1a17;background:linear-gradient(135deg,#ffe57a,#d4af37)}.app-shell[data-theme=cool] .ranking-row.rank-2 span{color:#111827;background:linear-gradient(135deg,#f5f7fb,#9aa7b4)}.app-shell[data-theme=cool] .ranking-row.rank-3 span{background:linear-gradient(135deg,#f2b47c,#b77a4a)}.app-shell{--surface-bg:#f6f1e8;--surface-panel:#fffdf8;--surface-panel-strong:#fbf8f0;--surface-muted:#efe2c6;--surface-stage:#f7f3ea;--surface-sidebar:#e8edf0;--surface-card:#fffdf8;--surface-card-soft:#fff9ed;--surface-image:#efe2c6;--line-soft:#1f1a171f;--line-medium:#1f1a172e;--text-main:#1f1a17;--text-muted:#6f6255;--text-soft:#8a7b6b;--accent-main:#9b1c31;--accent-main-strong:#7f1728;--accent-contrast:#fffdf8;--accent-warm:#d4af37;--success:#3d9b62;--danger:#d14b4b;--shadow-soft:0 14px 36px #1f1a1724}.app-shell[data-theme=cool]{--surface-bg:#07111f;--surface-panel:#08111fdb;--surface-panel-strong:#0c182aeb;--surface-muted:#0a1528;--surface-stage:#111a29;--surface-sidebar:#0b1425;--surface-card:#091424eb;--surface-card-soft:#00e5ff1f;--surface-image:#0b1628;--line-soft:#00e5ff33;--line-medium:#00e5ff5c;--text-main:#eaf7ff;--text-muted:#9eb8c9;--text-soft:#6f8ba0;--accent-main:#00e5ff;--accent-main-strong:#9b5cff;--accent-contrast:#06111f;--accent-warm:#ff3d81;--success:#36f0a7;--danger:#ff4d7d;--shadow-soft:0 18px 42px #00000052, 0 0 30px #00e5ff14}.app-shell .scene-pane,.app-shell .camera-pane,.app-shell .pose-stage,.app-shell .preview-panel,.app-shell .recording-stage,.app-shell .follow-user-pane,.app-shell .follow-standard-pane,.app-shell .follow-demo-pane,.app-shell .follow-camera-pane{background:var(--surface-muted);color:var(--text-main)}.app-shell .pose-controls,.app-shell .workspace-left,.app-shell .workspace-toolbar,.app-shell .workspace-side,.app-shell .recording-panel,.app-shell .clip-list-pane,.app-shell .clip-preview-pane,.app-shell .follow-settings-panel,.app-shell .save-dialog,.app-shell .nickname-dialog,.app-shell .score-modal,.app-shell .timeline,.app-shell .timeline-toolbar{border-color:var(--line-soft);background:var(--surface-panel-strong);color:var(--text-main)}.app-shell .preview-stage,.app-shell .track-lane,.app-shell .recording-canvas,.app-shell .follow-demo-stage,.app-shell .follow-user-canvas,.app-shell .follow-camera-pane>canvas,.app-shell .clip-preview-frame{border-color:var(--line-soft);background:var(--surface-stage)}.app-shell .action-card,.app-shell .choreography-card,.app-shell .recording-item,.app-shell .clip-list button,.app-shell .preview-action-info,.app-shell .preview-meta,.app-shell .follow-result-panel,.app-shell .ranking-row{border-color:var(--line-soft);background:var(--surface-card);color:var(--text-main)}.app-shell .action-card:hover,.app-shell .action-card:focus-visible,.app-shell .choreography-card:hover,.app-shell .choreography-card.active,.app-shell .clip-list button.active{border-color:var(--line-medium);background:var(--surface-card-soft)}.app-shell .action-card img,.app-shell .action-drag-preview img,.app-shell .action-pointer-preview img{background:var(--surface-image)}.app-shell[data-theme=cool] .action-card img,.app-shell[data-theme=cool] .action-drag-preview img,.app-shell[data-theme=cool] .action-pointer-preview img{background:radial-gradient(circle at 50% 44%, #00e5ff14, transparent 52%), var(--surface-image)}.app-shell .action-card>div,.app-shell .action-drag-preview,.app-shell .action-pointer-preview{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-card) 92%, transparent);color:var(--text-main);box-shadow:var(--shadow-soft)}.app-shell .action-card h3,.app-shell .action-drag-preview span,.app-shell .action-pointer-preview span,.app-shell .preview-meta strong,.app-shell .preview-action-info strong,.app-shell .preview-action-details dd,.app-shell .recording-play-button strong,.app-shell .follow-result-panel strong{color:var(--text-main)}.app-shell .action-card span,.app-shell .material-kind-badge,.app-shell .preview-action-info span,.app-shell .recording-timer,.app-shell .final-score strong,.app-shell .ranking-row em{color:var(--accent-main)}.app-shell .material-kind-badge{background:color-mix(in srgb, var(--accent-main) 12%, transparent)}.app-shell .material-kind-video{color:#2f745e;background:#2f745e2e}.app-shell[data-theme=cool] .material-kind-video{color:#56ddff;background:#00e5ff1f}.app-shell .material-kind-frame{color:#7c6122;background:#d1b05338}.app-shell[data-theme=cool] .material-kind-frame{color:#a997ff;background:#9b5cff29}.app-shell .workspace-status,.app-shell .timeline-duration-label,.app-shell .workspace-toolbar label,.app-shell .dance-filter,.app-shell .panel-empty,.app-shell .choreography-card span,.app-shell .choreography-delete-button,.app-shell .choreography-publish-button,.app-shell .preview-meta,.app-shell .preview-action-info h3,.app-shell .preview-action-info p,.app-shell .preview-action-details dt,.app-shell .preview-action-info .preview-action-empty,.app-shell .beat-ruler,.app-shell .save-dialog label,.app-shell .save-range-hint,.app-shell .recording-status,.app-shell .recording-play-button span,.app-shell .follow-source-picker,.app-shell .follow-settings-panel label,.app-shell .follow-score-panel p,.app-shell .final-score span,.app-shell .score-modal p,.app-shell .clip-list span{color:var(--text-muted)}.app-shell .timeline-duration-label{background:color-mix(in srgb, var(--surface-panel-strong) 82%, transparent)}.app-shell .timeline-time-readout{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-card) 82%, transparent);color:var(--text-main)}.app-shell .timeline-time-readout span,.app-shell .timeline-scale-hint{color:var(--text-muted)}.app-shell input,.app-shell select,.app-shell .dance-filter-trigger,.app-shell .dance-filter-menu,.app-shell .action-search input,.app-shell .workspace-toolbar input,.app-shell .save-dialog input,.app-shell .save-dialog select,.app-shell .save-share-toggle,.app-shell .follow-source-picker select,.app-shell .clip-search{border-color:var(--line-medium);background:var(--surface-panel);color:var(--text-main)}.app-shell .action-search button{background:color-mix(in srgb, var(--text-muted) 14%, transparent);color:var(--text-muted)}.app-shell .save-dialog input:disabled{opacity:1;background:color-mix(in srgb, var(--surface-card) 72%, var(--surface-panel));color:var(--text-muted)}.app-shell .save-category-row button{border-color:var(--line-medium);background:color-mix(in srgb, var(--accent-main) 12%, var(--surface-panel));color:var(--accent-main)}.app-shell .save-range-summary{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-card) 72%, var(--surface-panel));color:var(--text-muted)}.app-shell .save-range-summary strong{color:var(--text-main)}.app-shell .save-share-toggle span{color:var(--text-muted)}.app-shell .choreography-publish-button{border-color:var(--line-soft);background:color-mix(in srgb, var(--accent-main) 10%, transparent);color:var(--accent-main)}.app-shell .choreography-publish-button:hover,.app-shell .choreography-publish-button:focus-visible{border-color:var(--line-medium);background:color-mix(in srgb, var(--accent-main) 16%, transparent)}.app-shell .save-share-toggle input{accent-color:var(--accent-main)}.app-shell .dance-filter-menu button{color:var(--text-main)}.app-shell .dance-filter-menu button:hover,.app-shell .dance-filter-menu button:focus-visible,.app-shell .dance-filter-menu button.active{background:color-mix(in srgb, var(--accent-main) 14%, transparent);color:var(--accent-main)}.app-shell[data-theme=cool] .dance-filter-trigger{box-shadow:inset 0 0 0 1px #00e5ff1a}.app-shell[data-theme=cool] .dance-filter-menu{box-shadow:0 18px 42px #00000057,0 0 28px #00e5ff1f}.app-shell[data-theme=cool] .workspace-entry-curtain{background:radial-gradient(circle at 50% 44%,#00e5ff24,#0000 32%),#07111ff0}.app-shell[data-theme=cool] .workspace-entry-curtain span{border-color:#00e5ff61;box-shadow:0 0 0 16px #00e5ff14,0 0 60px #00e5ff33}.app-shell input:focus,.app-shell select:focus,.app-shell .action-search:focus-within,.app-shell .clip-search:focus-within{border-color:var(--accent-main);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-main) 18%, transparent);outline:0}.app-shell .sidebar-switcher button,.app-shell .panel-header button,.app-shell .asset-library-tabs,.app-shell .asset-library-tabs button,.app-shell .recording-view-toggle,.app-shell .recording-scene-toggle,.app-shell .recording-view-toggle button,.app-shell .clip-filter-row button,.app-shell .clip-preview-controls button,.app-shell .follow-demo-options button,.app-shell .demo-mode-toggle button,.app-shell .stage-picker button,.app-shell .dialog-actions button,.app-shell .score-modal-actions button{border-color:var(--line-soft);background:var(--surface-panel);color:var(--text-main)}.app-shell .clip-filter-row,.app-shell .demo-mode-toggle,.app-shell .clip-preview-mode-toggle{background:color-mix(in srgb, var(--surface-panel-strong) 82%, transparent);color:var(--text-main)}.app-shell .sort-toggle span:first-child{background:var(--accent-main);color:var(--accent-contrast)}.app-shell .sort-toggle span:last-child{color:var(--text-muted)}.app-shell .filter-dialog{border-color:var(--line-medium);background:var(--surface-panel-strong);color:var(--text-main);box-shadow:var(--shadow-soft)}.app-shell .filter-dialog button{background:color-mix(in srgb, var(--surface-card) 86%, transparent);color:var(--text-main)}.app-shell .filter-dialog button:hover,.app-shell .filter-dialog button:focus-visible,.app-shell .filter-dialog button.active{background:color-mix(in srgb, var(--accent-main) 16%, var(--surface-panel));color:var(--accent-main);outline:0}.app-shell .clip-stage-arrow{border:1px solid var(--line-medium);background:color-mix(in srgb, var(--surface-panel) 76%, transparent);color:var(--text-main);box-shadow:var(--shadow-soft)}.app-shell .clip-stage-arrow:hover,.app-shell .clip-stage-arrow:focus-visible,.app-shell .sidebar-switcher button.active,.app-shell .sidebar-switcher button:hover,.app-shell .panel-header button:hover,.app-shell .asset-library-tabs button.active,.app-shell .asset-library-tabs button:hover,.app-shell .recording-view-toggle button.active,.app-shell .recording-scene-toggle.active,.app-shell .clip-filter-row button.active,.app-shell .demo-mode-toggle button.active{border-color:var(--accent-main);background:var(--accent-main);color:var(--accent-contrast)}.app-shell .workspace-toolbar button,.app-shell .transport-button,.app-shell .editor-actions button,.app-shell .recording-actions button,.app-shell .follow-actions button,.app-shell .follow-control-panel button,.app-shell .choose-clip-button,.app-shell .dialog-actions button:last-child,.app-shell .score-modal-actions button:last-child,.app-shell .action-library-create-button{background:var(--accent-main);color:var(--accent-contrast)}.app-shell .timeline-history-button{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-card) 74%, transparent);color:var(--text-muted)}.app-shell .timeline-history-button:not(:disabled):hover,.app-shell .timeline-history-button:not(:disabled):focus-visible{border-color:var(--line-medium);background:color-mix(in srgb, var(--accent-main) 14%, var(--surface-card));color:var(--accent-main)}.app-shell .timeline-history-button.active{border-color:var(--accent-main);background:color-mix(in srgb, var(--accent-main) 18%, var(--surface-card));color:var(--accent-main)}.app-shell .timeline-tween-controls{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-card) 74%, transparent)}.app-shell .timeline-tween-controls select{background:color-mix(in srgb, var(--surface-card) 92%, transparent);color:var(--text-main)}.app-shell .timeline-tween-controls label{color:var(--text-muted)}.app-shell .timeline-tween-controls input[type=range]{accent-color:var(--accent-main)}.app-shell .timeline-tween-button{background:var(--accent-main);color:var(--accent-contrast)}.app-shell .dancer-panel{color:var(--text-main)}.app-shell .dancer-mode-toggle,.app-shell .dancer-list{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-card) 88%, transparent)}.app-shell .dancer-mode-toggle button,.app-shell .dancer-select,.app-shell .dancer-remove,.app-shell .dancer-add{color:var(--text-muted)}.app-shell .dancer-mode-toggle button.active{background:var(--accent-main);color:var(--accent-contrast)}.app-shell .dancer-preview-toggle{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-page) 64%, transparent)}.app-shell .dancer-preview-toggle button{color:var(--text-muted)}.app-shell .dancer-preview-toggle button.active{background:var(--accent-warm);color:var(--text-main)}.app-shell .dancer-select,.app-shell .dancer-item input{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-page) 70%, transparent);color:var(--text-main)}.app-shell .dancer-select strong{color:var(--text-main)}.app-shell .dancer-item input:focus,.app-shell .dancer-item.active .dancer-select,.app-shell .dancer-item.active input{border-color:var(--accent-main)}.app-shell .dancer-remove,.app-shell .dancer-add{background:color-mix(in srgb, var(--accent-main) 14%, transparent);color:var(--accent-main)}.app-shell .stage-board{background:color-mix(in srgb, var(--surface-page) 88%, transparent)}.app-shell .stage-board-header{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-card) 88%, transparent);color:var(--text-main)}.app-shell .stage-board-header span,.app-shell .stage-board-label{color:var(--text-muted)}.app-shell .stage-board-grid{border-color:var(--line-medium);background:linear-gradient(90deg, transparent calc(50% - 1px), color-mix(in srgb, var(--accent-main) 28%, transparent) calc(50% - 1px), color-mix(in srgb, var(--accent-main) 28%, transparent) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(0deg, transparent calc(50% - 1px), color-mix(in srgb, var(--accent-main) 24%, transparent) calc(50% - 1px), color-mix(in srgb, var(--accent-main) 24%, transparent) calc(50% + 1px), transparent calc(50% + 1px)), repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), var(--line-soft) calc(25% - 1px), var(--line-soft) 25%), repeating-linear-gradient(0deg, transparent 0, transparent calc(25% - 1px), var(--line-soft) calc(25% - 1px), var(--line-soft) 25%), color-mix(in srgb, var(--surface-card) 66%, transparent)}.app-shell .stage-board-label{background:color-mix(in srgb, var(--surface-page) 68%, transparent)}.app-shell .stage-cue-marker{border-color:color-mix(in srgb, var(--dancer-color,var(--accent-main)) 72%, var(--surface-card));background:color-mix(in srgb, var(--dancer-color,var(--accent-main)) 24%, var(--surface-card));color:var(--text-main)}.app-shell .stage-cue-marker.active{background:var(--dancer-color,var(--accent-main));color:#fffdf8}.app-shell .stage-cue-delete{color:#ff5f7b;background:#b91c2f24}.app-shell .stage-cue-rail{border-color:var(--line-soft);background:color-mix(in srgb, var(--surface-card) 84%, transparent);color:var(--text-main)}.app-shell .stage-cue-list button,.app-shell .stage-cue-list em{background:color-mix(in srgb, var(--surface-page) 62%, transparent);color:var(--text-muted)}.app-shell .stage-cue-list button.active{background:var(--accent-main,#9b1c31);color:#fffdf8}.app-shell[data-theme=cool] .stage-cue-marker.active,.app-shell[data-theme=cool] .stage-cue-list button.active{color:#06111f}.app-shell .action-edit-record{color:#fffdf8;background:#b91c2f}.app-shell[data-theme=cool] .action-edit-record{color:#fff;background:linear-gradient(135deg,#ff3f6d,#7d6cff);box-shadow:0 0 0 1px #ff3f6d38,0 16px 30px #ff3f6d29}.app-shell .workspace-toolbar button:hover,.app-shell .transport-button:hover,.app-shell .editor-actions button:hover,.app-shell .recording-actions button:hover,.app-shell .follow-control-panel button:hover,.app-shell .choose-clip-button:hover{background:var(--accent-main-strong)}.app-shell .workspace-toolbar .secondary-action{border:1px solid color-mix(in srgb, var(--accent-main) 34%, transparent);background:color-mix(in srgb, var(--accent-main) 12%, var(--surface-panel));color:var(--accent-main)}.app-shell .export-summary,.app-shell .export-job{border-color:var(--line-soft);background:var(--surface-panel);color:var(--text-muted)}.app-shell .export-summary div:last-child{border-top-color:var(--line-soft)}.app-shell .export-summary strong,.app-shell .export-job strong{color:var(--text-main)}.app-shell .export-hint{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.app-shell .export-warning,.app-shell .export-job small{color:var(--danger)}.app-shell .export-job .export-render-note,.app-shell .export-job .export-library-note{color:var(--text-muted)}.app-shell .export-warning{background:color-mix(in srgb, var(--danger) 14%, transparent)}.app-shell .export-progress{background:color-mix(in srgb, var(--text-main) 10%, transparent)}.app-shell .export-progress span{background:linear-gradient(90deg, var(--accent-main), var(--accent-warm))}.app-shell .recording-stage{background:radial-gradient(circle at 50% 4%, color-mix(in srgb, var(--accent-warm) 22%, transparent), transparent 24%), var(--surface-muted)}.app-shell .recording-stage.stage-bg-spotlight{background:radial-gradient(at 50% 0,#fff4b480,#0000 34%),linear-gradient(115deg,#0000 0 36%,#fffdf83d 37% 39%,#0000 40%),linear-gradient(65deg,#0000 0 42%,#fffdf833 43% 45%,#0000 46%),linear-gradient(#fbf8f0,#efe2c6 62%,#e3d0ad)}.app-shell .recording-stage.stage-bg-opera{background:radial-gradient(at 50% 8%,#fffdf847,#0000 28%),repeating-linear-gradient(90deg,#7f1728 0 9%,#9b1c31 9% 18%),linear-gradient(#efe2c6,#d8c6a8)}.app-shell .recording-stage.stage-bg-neon{background:radial-gradient(circle at 28% 18%,#376fd057,#0000 24%),radial-gradient(circle at 72% 14%,#d14b4b57,#0000 22%),linear-gradient(#e8edf0,#f6f1e8 58%,#efe2c6)}.app-shell .recording-background-switcher{justify-self:start}.app-shell .recording-canvas{background:0 0}.app-shell[data-theme=cool] .workspace-toolbar button,.app-shell[data-theme=cool] .transport-button,.app-shell[data-theme=cool] .editor-actions button,.app-shell[data-theme=cool] .recording-actions button,.app-shell[data-theme=cool] .follow-actions button,.app-shell[data-theme=cool] .follow-control-panel button,.app-shell[data-theme=cool] .choose-clip-button,.app-shell[data-theme=cool] .dialog-actions button:last-child,.app-shell[data-theme=cool] .score-modal-actions button:last-child,.app-shell[data-theme=cool] .action-library-create-button{color:#06111f;background:linear-gradient(135deg,#00e5ff,#9b5cff)}.app-shell[data-theme=cool] .clip-filter-row,.app-shell[data-theme=cool] .demo-mode-toggle,.app-shell[data-theme=cool] .clip-preview-mode-toggle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111fb8;border:1px solid #00e5ff29;box-shadow:inset 0 1px #ffffff0f,0 14px 34px #00000047}.app-shell[data-theme=cool] .filter-dialog{background:#07111ff0;border-color:#00e5ff4d;box-shadow:0 20px 54px #00000061,0 0 30px #00e5ff1f,inset 0 1px #ffffff12}.app-shell[data-theme=cool] .filter-dialog button{color:#b9d7e8;background:#ffffff0e}.app-shell[data-theme=cool] .filter-dialog button:hover,.app-shell[data-theme=cool] .filter-dialog button:focus-visible,.app-shell[data-theme=cool] .filter-dialog button.active{color:#00e5ff;background:#00e5ff26}.app-shell[data-theme=cool] .sort-toggle span:first-child{color:#06111f;background:linear-gradient(135deg,#00e5ff,#9b5cff);box-shadow:0 0 18px #00e5ff3d}.app-shell[data-theme=cool] .sort-toggle span:last-child{color:#b9d7e8}.app-shell[data-theme=cool] .clip-stage-arrow{color:#5fe6ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07111fb8;border-color:#00e5ff57;box-shadow:0 18px 42px #00000042,0 0 24px #00e5ff24}.app-shell[data-theme=cool] .clip-stage-arrow:hover,.app-shell[data-theme=cool] .clip-stage-arrow:focus-visible{color:#eaf7ff;background:#00e5ff2e}.app-shell[data-theme=cool] .recording-stage.stage-bg-spotlight{background:radial-gradient(at 50% 0,#00e5ff57,#0000 34%),linear-gradient(115deg,#0000 0 36%,#00e5ff1f 37% 39%,#0000 40%),linear-gradient(65deg,#0000 0 42%,#9b5cff1f 43% 45%,#0000 46%),linear-gradient(#122333,#07111f 62%,#120b24)}.app-shell[data-theme=cool] .recording-stage.stage-bg-opera{background:radial-gradient(at 50% 12%,#ff3d8138,#0000 30%),repeating-linear-gradient(90deg,#18061a 0 9%,#3b0d35 9% 18%),linear-gradient(#07111f,#120b24)}.app-shell[data-theme=cool] .recording-stage.stage-bg-neon{background:radial-gradient(circle at 28% 18%,#00e5ff57,#0000 24%),radial-gradient(circle at 72% 14%,#ff3d8147,#0000 22%),linear-gradient(#07111f,#0b1930 58%,#20133a)}.app-shell .track-lane{background:repeating-linear-gradient(to right, var(--surface-stage), var(--surface-stage) calc(100% / var(--timeline-beats,64) - 1px), var(--line-soft) calc(100% / var(--timeline-beats,64)))}.app-shell[data-theme=cool] .track-lane{background:repeating-linear-gradient(to right, #ffffff0f, #ffffff0f 1px, transparent 1px, transparent calc(100% / var(--timeline-beats,64))), linear-gradient(180deg, #00e5ff0d, #9b5cff0a), var(--surface-stage)}.app-shell .beat-ruler span{border-left-color:var(--line-soft)}.app-shell .playhead{background:var(--accent-main)}.app-shell .playhead:before{border-color:var(--surface-panel);background:var(--accent-main)}.app-shell .playhead:after{background:var(--accent-main)}.app-shell .timeline-range-highlight{border-inline-color:color-mix(in srgb, var(--accent-warm) 74%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-warm) 14%, transparent), color-mix(in srgb, var(--accent-main) 12%, transparent))}.app-shell .timeline-range-highlight em{background:color-mix(in srgb, var(--accent-warm) 88%, var(--surface-panel));color:var(--surface-panel)}.app-shell .timeline-range-marker{background:var(--accent-warm);box-shadow:0 0 12px color-mix(in srgb, var(--accent-warm) 36%, transparent)}.app-shell .timeline-block{background:color-mix(in srgb, var(--accent-main) 20%, var(--surface-card));color:var(--text-main)}.app-shell .timeline-block-video{background:color-mix(in srgb, #2f745e 22%, var(--surface-card))}.app-shell .timeline-block-frame,.app-shell .timeline-block-pose{background:color-mix(in srgb, var(--accent-warm) 22%, var(--surface-card))}.app-shell .timeline-block em{background:color-mix(in srgb, var(--surface-panel) 72%, transparent);color:var(--text-main)}.app-shell .timeline-block-video em{color:#2f745e}.app-shell .timeline-block.selected{border-color:var(--accent-warm);background:color-mix(in srgb, var(--accent-warm) 30%, var(--surface-card))}.app-shell .timeline-selection-box{border-color:color-mix(in srgb, var(--accent-main) 70%, transparent);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-main) 14%, transparent) 0, color-mix(in srgb, var(--accent-main) 14%, transparent) 6px, color-mix(in srgb, var(--accent-warm) 14%, transparent) 6px, color-mix(in srgb, var(--accent-warm) 14%, transparent) 12px)}.app-shell[data-theme=cool] .timeline-block{color:#06111f;background:linear-gradient(135deg,#00e5ffd1,#9b5cffdb)}.app-shell[data-theme=cool] .timeline-block-video{background:linear-gradient(135deg,#00e5ffdb,#3cffb4c2)}.app-shell[data-theme=cool] .timeline-block-frame,.app-shell[data-theme=cool] .timeline-block-pose{background:linear-gradient(135deg,#00e5ffd1,#9b5cffdb)}.app-shell[data-theme=cool] .timeline-block em{color:#06111f;background:#06111f38}.app-shell[data-theme=cool] .timeline-block.selected{border-color:#ff3d81;box-shadow:0 0 0 3px #ff3d8133,0 0 24px #00e5ff52}.app-shell[data-theme=cool] .timeline-block.multi-selected{box-shadow:0 0 0 3px #00e5ff3d,0 0 24px #9b5cff57}.app-shell[data-theme=cool] .timeline-selection-box{background:repeating-linear-gradient(45deg,#00e5ff1f 0 6px,#9b5cff24 6px 12px);border-color:#00e5ffc2;box-shadow:inset 0 0 22px #00e5ff1f,0 0 20px #00e5ff2e}.app-shell[data-theme=cool] .timeline-range-highlight{background:linear-gradient(90deg,#00e5ff21,#9b5cff29);border-inline-color:#00e5ffd1;box-shadow:inset 0 0 22px #00e5ff14}.app-shell[data-theme=cool] .timeline-range-highlight em{color:#06111f;background:linear-gradient(135deg,#00e5fff0,#9b5cffe6)}.app-shell[data-theme=cool] .timeline-range-marker{background:#00e5ff;box-shadow:0 0 18px #00e5ff6b}.app-shell[data-theme=cool] .timeline-range-highlight.editable .timeline-range-marker:after{background:linear-gradient(#00e5ff,#9b5cff);border-color:#eaf7ffeb;box-shadow:0 0 20px #00e5ff57}.app-shell .timeline-range-highlight.editable .timeline-range-body{border-color:color-mix(in srgb, var(--surface-panel) 72%, transparent);background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--surface-panel) 42%, transparent) 0, color-mix(in srgb, var(--surface-panel) 42%, transparent) 2px, transparent 2px, transparent 6px), color-mix(in srgb, var(--accent-warm) 64%, transparent)}.app-shell[data-theme=cool] .timeline-range-highlight.editable .timeline-range-body{background:repeating-linear-gradient(90deg,#eaf7ff6b 0 2px,#0000 2px 6px),linear-gradient(90deg,#00e5ffb8,#9b5cffad);border-color:#eaf7ffb8;box-shadow:0 0 18px #00e5ff2e}.app-shell .transition-progress,.app-shell .calibration-meter,.app-shell .follow-top-progress{background:color-mix(in srgb, var(--text-main) 12%, transparent)}.app-shell .transition-progress span,.app-shell .follow-top-progress span{background:var(--accent-main)}.app-shell[data-theme=cool] .transition-progress span,.app-shell[data-theme=cool] .follow-top-progress span,.app-shell[data-theme=cool] .calibration-meter span{background:linear-gradient(90deg,#00e5ff,#9b5cff,#ff3d81)}.app-shell .clip-preview-frame.stage-bg-spotlight,.app-shell .follow-demo-stage.stage-bg-spotlight,.app-shell .follow-dance-screen.stage-bg-spotlight.immersive,.app-shell .direct-dance-screen.stage-bg-spotlight{background:radial-gradient(at 50% 0,#fff4b48f,#0000 36%),linear-gradient(115deg,#0000 0 36%,#fffdf829 37% 39%,#0000 40%),linear-gradient(65deg,#0000 0 42%,#fffdf824 43% 45%,#0000 46%),linear-gradient(#202a35,#111827 62%,#30202a)}.app-shell .clip-preview-frame.stage-bg-opera,.app-shell .follow-demo-stage.stage-bg-opera,.app-shell .follow-dance-screen.stage-bg-opera.immersive,.app-shell .direct-dance-screen.stage-bg-opera{background:radial-gradient(at 50% 12%,#fffdf83d,#0000 30%),repeating-linear-gradient(90deg,#6f1525 0 9%,#9b1c31 9% 18%),linear-gradient(#3b101b,#161821)}.app-shell .clip-preview-frame.stage-bg-neon,.app-shell .follow-demo-stage.stage-bg-neon,.app-shell .follow-dance-screen.stage-bg-neon.immersive,.app-shell .direct-dance-screen.stage-bg-neon{background:radial-gradient(circle at 28% 18%,#376fd080,#0000 24%),radial-gradient(circle at 72% 14%,#d14b4b80,#0000 22%),linear-gradient(#122333,#151827 58%,#33213a)}.app-shell[data-theme=cool] .clip-preview-frame.stage-bg-spotlight,.app-shell[data-theme=cool] .follow-demo-stage.stage-bg-spotlight,.app-shell[data-theme=cool] .follow-dance-screen.stage-bg-spotlight.immersive,.app-shell[data-theme=cool] .direct-dance-screen.stage-bg-spotlight{background:radial-gradient(at 50% 0,#00e5ff57,#0000 34%),linear-gradient(115deg,#0000 0 36%,#00e5ff1f 37% 39%,#0000 40%),linear-gradient(65deg,#0000 0 42%,#9b5cff1f 43% 45%,#0000 46%),linear-gradient(#122333,#07111f 62%,#120b24)}.app-shell[data-theme=cool] .clip-preview-frame.stage-bg-opera,.app-shell[data-theme=cool] .follow-demo-stage.stage-bg-opera,.app-shell[data-theme=cool] .follow-dance-screen.stage-bg-opera.immersive,.app-shell[data-theme=cool] .direct-dance-screen.stage-bg-opera{background:radial-gradient(at 50% 12%,#ff3d8138,#0000 30%),repeating-linear-gradient(90deg,#18061a 0 9%,#3b0d35 9% 18%),linear-gradient(#07111f,#120b24)}.app-shell[data-theme=cool] .clip-preview-frame.stage-bg-neon,.app-shell[data-theme=cool] .follow-demo-stage.stage-bg-neon,.app-shell[data-theme=cool] .follow-dance-screen.stage-bg-neon.immersive,.app-shell[data-theme=cool] .direct-dance-screen.stage-bg-neon{background:radial-gradient(circle at 28% 18%,#00e5ff57,#0000 24%),radial-gradient(circle at 72% 14%,#ff3d8147,#0000 22%),linear-gradient(#07111f,#0b1930 58%,#20133a)}.app-shell[data-theme=cool] .direct-review-player{background:radial-gradient(circle at 50% 28%,#61d8ff14,#0000 42%),#07111fa8;border-color:#61d8ff3d;box-shadow:0 26px 90px #0000006b}.app-shell[data-theme=cool] .direct-review-panel{color:#edf8ff;background:linear-gradient(#111a2df0,#07111ff0),#07111ff0;border-color:#61d8ff33;box-shadow:inset 0 1px #ffffff14,0 26px 90px #00000075}.app-shell[data-theme=cool] .direct-review-panel h2{color:#f8fcff}.app-shell[data-theme=cool] .direct-save-name,.app-shell[data-theme=cool] .direct-camera-moves span{color:#9fb3c8}.app-shell[data-theme=cool] .direct-save-name input{color:#edf8ff;background:#07111fd1;border-color:#61d8ff57;box-shadow:inset 0 0 0 1px #ffffff08}.app-shell[data-theme=cool] .direct-save-name input:focus{border-color:#61d8ffb8;outline:0;box-shadow:0 0 0 3px #61d8ff29}.app-shell[data-theme=cool] .direct-camera-moves button,.app-shell[data-theme=cool] .direct-review-actions button{color:#edf8ff;background:#edf8ff14}.app-shell[data-theme=cool] .direct-camera-moves button.active,.app-shell[data-theme=cool] .direct-review-actions button:last-child{color:#07111f;background:linear-gradient(135deg,#61d8ff,#8465f4);box-shadow:0 14px 38px #61d8ff4d}.app-shell[data-theme=cool] .direct-review-actions button:first-child{background:#edf8ff1c}.app-shell .follow-dance-screen.immersive .follow-demo-pane,.app-shell .follow-dance-screen.immersive .follow-camera-pane{box-shadow:none;background:0 0;border-color:#0000}.app-shell .follow-dance-screen.immersive .follow-demo-stage,.app-shell .follow-dance-screen.immersive .follow-camera-pane>canvas{background:0 0}.workspace.material-recording-active .workspace-left,.workspace.material-recording-active .workspace-side,.workspace.material-recording-active .timeline-toolbar,.workspace.material-recording-active .timeline{filter:brightness(.58)saturate(.85);pointer-events:none;transition:filter .22s,opacity .22s}.inline-material-recorder{z-index:12;background:color-mix(in srgb, var(--surface-muted,#f7f3ea) 88%, transparent);grid-template-rows:minmax(0,1fr) auto;animation:.22s both panel-rise;display:grid;position:absolute;inset:0}.inline-material-recorder canvas{object-fit:contain;width:100%;height:100%;min-height:0}.inline-recorder-bar{border-top:1px solid var(--line-soft,#1f1a171f);background:color-mix(in srgb, var(--surface-panel-strong,#fbf8f0) 92%, transparent);color:var(--text-main,#1f1a17);gap:10px;padding:10px 14px 14px;display:grid;box-shadow:0 -18px 40px #1f1a1714}.inline-recorder-bar strong{color:var(--text-main,#1f1a17);font-size:13px}.inline-recorder-timeline{gap:8px;display:grid}.inline-recorder-selection-meta{color:var(--text-muted,#6f6255);justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.inline-recorder-range-stack{background:linear-gradient(90deg, #1f1a1714, #1f1a1714), color-mix(in srgb, var(--surface-muted,#fffdf8) 80%, transparent);border-radius:18px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px 8px;min-height:0;padding:8px 12px;display:grid;position:relative;overflow:hidden}.inline-recorder-range-stack span{color:var(--text-muted,#6f6255);font-size:12px;font-weight:900}.inline-recorder-range-stack input[type=range]{width:100%;height:22px;accent-color:var(--accent-main,#9b1c31);background:0 0;margin:0}.inline-recorder-range-stack input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--accent-main,#9b1c31) 22%, transparent);border-radius:999px;height:6px}.inline-recorder-range-stack input[type=range]::-webkit-slider-thumb{border:3px solid var(--surface-panel-strong,#fbf8f0);background:var(--accent-main,#9b1c31);-webkit-appearance:none;border-radius:999px;width:18px;height:18px;margin-top:-6px;box-shadow:0 5px 16px #1f1a172e}.inline-recorder-range-stack input[aria-label=当前预览帧]::-webkit-slider-thumb{background:#1f1a17;border-width:0;border-radius:999px;width:10px;height:22px;margin-top:-8px}.inline-recorder-range-stack input[aria-label=选区开始]::-webkit-slider-thumb{background:var(--accent-main,#9b1c31)}.inline-recorder-range-stack input[aria-label=选区结束]::-webkit-slider-thumb{background:var(--accent-main,#9b1c31)}.inline-recorder-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.inline-recorder-actions button{background:var(--accent-main,#9b1c31);min-height:34px;color:var(--accent-contrast,#fff);cursor:pointer;font:inherit;border:1px solid #0000;border-radius:999px;padding:0 14px;font-size:13px;font-weight:900}.inline-recorder-actions .secondary-action{border-color:var(--line-soft,#1f1a171f);background:color-mix(in srgb, var(--surface-muted,#fffdf8) 76%, transparent);color:var(--text-main,#1f1a17)}.app-shell[data-theme=cool] .inline-material-recorder{background:#081221f0}.app-shell[data-theme=cool] .inline-recorder-bar{background:#07111fe6;border-color:#61d8ff3d;box-shadow:0 -18px 46px #61d8ff1a}.app-shell[data-theme=cool] .inline-recorder-range-stack{background:linear-gradient(90deg,#61d8ff14,#8465f414),#edf8ff0f}.app-shell[data-theme=cool] .inline-recorder-range-stack input[type=range]::-webkit-slider-thumb{background:#61d8ff;border-color:#07111fe6;box-shadow:0 0 18px #61d8ff61}.app-shell[data-theme=cool] .inline-recorder-range-stack input[aria-label=当前预览帧]::-webkit-slider-thumb{background:#edf8ff}.app-shell[data-theme=cool] .inline-recorder-actions button{color:#06111f;background:linear-gradient(135deg,#61d8ff,#8465f4);box-shadow:0 12px 30px #61d8ff2e}.app-shell[data-theme=cool] .inline-recorder-actions .secondary-action{color:#edf8ff;box-shadow:none;background:#edf8ff14;border-color:#61d8ff3d}@media (pointer:coarse),(hover:none){.workspace{height:100dvh;min-height:100dvh}.workspace-left,.workspace-side{-webkit-overflow-scrolling:touch}.workspace-side{padding-top:58px}.workspace-toolbar{min-height:64px;padding:12px 92px 12px 14px}.workspace-toolbar button,.transport-button,.timeline-delete-button,.sidebar-switcher button,.panel-header button,.dance-filter-trigger,.action-library-create-button,.action-add-button,.choreography-delete-button,.choreography-publish-button{min-height:44px}.transport-button,.timeline-delete-button{width:48px;height:44px}.timeline-toolbar{min-height:58px}.timeline-time-readout{min-width:132px;min-height:44px;padding:0 10px}.track-lane{cursor:default;touch-action:pan-x}.timeline-block,.timeline-drop-preview{min-height:48px}.resize-edge{width:14px}.playhead{width:4px}.playhead:before{width:20px;height:20px}.pose-preview-canvas,.action-edit-canvas{touch-action:none}}@media (width>=901px) and (width<=1180px){.workspace-left{flex-basis:28%;min-width:220px;padding:14px}.workspace-side{flex-basis:22%;min-width:190px;padding-left:14px;padding-right:14px}.preview-panel{flex-basis:50%}.workspace-toolbar{gap:8px}.workspace-status{max-width:210px}.action-list{gap:10px}.action-card>div{padding-right:34px}.timeline{min-height:126px;padding-left:10px;padding-right:10px}}@media (width<=900px){.workspace{height:auto;min-height:100dvh;overflow-y:auto}.workspace-main{flex-direction:column;flex:none;min-height:auto}.workspace-left,.preview-panel,.workspace-side{border-left:0;border-right:0;flex:none;width:100%;min-width:0}.workspace-left{border-bottom:1px solid var(--line-soft,#1f1a171f);max-height:42dvh}.preview-panel{min-height:58dvh}.preview-stage{min-height:48dvh}.workspace-side{border-top:1px solid var(--line-soft,#1f1a171f);padding-top:18px}.timeline-toolbar,.timeline{flex:none}.timeline{min-height:150px;overflow-x:auto}.beat-ruler,.track-lane{min-width:960px}}