@property --accent{syntax:"<color>";inherits:true;initial-value:#ff7a1a}:root{--bg0:#03050a;--bg1:#070c16;--card:#0b111e;--card2:#101727;--line:#a5b9e11a;--line2:#a5b9e12e;--ink:#f2f5fa;--ink2:#98a1b7;--ink3:#5d6781;--tempo:#ff7a1a;--tempo2:#ffb36b;--tempo-deep:#f3640a;--cyan:#39d8f5;--violet:#a78bfa;--lime:#2bf58a;--accent:var(--tempo);--accent-grad:var(--accent);--accent-soft:#ff7a1a29;--accent-line:#ff7a1a73;--beat:.5s;--r-lg:26px;--r-md:18px;--r-sm:12px;--shadow-card:0 18px 50px #00000073;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", Roboto, sans-serif}.device[data-skin=ember]{--bg0:#080403;--bg1:#140a05;--card:#170d08;--card2:#1e120a;--line:#ffbe8c1a;--line2:#ffbe8c2e}.device[data-skin=aurora]{--bg0:#04060f;--bg1:#0a1124;--card:#0d1428;--card2:#131b33;--line:#aaa5ff1f;--line2:#aaa5ff33}.device[data-accent=cyan]{--accent:var(--cyan);--accent-soft:#39d8f524;--accent-line:#39d8f573}.device[data-accent=violet]{--accent:var(--violet);--accent-soft:#a78bfa29;--accent-line:#a78bfa73}.device[data-accent=lime]{--accent:var(--lime);--accent-soft:#2bf58a29;--accent-line:#2bf58a80}.device[data-theme=light]{--bg0:#e9e6e0;--bg1:#f6f4ef;--card:#fff;--card2:#f0ede6;--line:#161c2817;--line2:#161c2829;--ink:#171b24;--ink2:#5a6172;--ink3:#9aa0ae;--shadow-card:0 14px 36px #1e222c1f}.device[data-motion=off] *,.device[data-motion=off] :before,.device[data-motion=off] :after{animation-duration:0s!important;animation-delay:0s!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{background:#020308;width:100%;height:100%;min-height:100%}html{overscroll-behavior:none;min-height:100dvh}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 800px at 50% -10%,#0c1426 0%,#020308 60%);min-height:100dvh;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.stage{background:radial-gradient(1200px 800px at 50% -10%,#0c1426 0%,#020308 60%);justify-content:center;align-items:center;width:100%;height:100%;min-height:100%;display:flex}.device{background:linear-gradient(180deg, var(--bg1) 0%, var(--bg0) 100%);width:min(430px,100vw);height:min(932px,100vh);color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=560px) and (height>=700px){.device{border:1px solid #788cb429;border-radius:54px;height:min(932px,94vh);transform:translateZ(0);box-shadow:0 0 0 10px #0a0d14,0 0 0 11px #788cb433,0 60px 140px #000000b3}}@media (width<=559px),(height<=699px){.stage{min-height:100dvh;height:var(--app-height,100dvh);justify-content:center;align-items:stretch}.device{width:100vw;height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);border-radius:0}}.screenwrap{flex-direction:column;animation:.42s cubic-bezier(.22,.9,.26,1) screenIn;display:flex;position:absolute;inset:0}@keyframes screenIn{0%{opacity:0}to{opacity:1}}.screen{min-height:100%;padding:calc(12px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));scrollbar-width:none;background:0 0;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.statusbar{letter-spacing:.02em;flex:none;justify-content:space-between;align-items:center;padding:14px 8px 4px;font-size:15px;font-weight:700;display:flex}.sb-icons{align-items:center;gap:6px;display:flex}.topbar{flex:none;justify-content:space-between;align-items:center;padding:8px 0 12px;display:flex}.tb-side{width:64px;display:flex}.tb-right{justify-content:flex-end}.tb-mid{text-align:center}.tb-sub{color:var(--ink3);letter-spacing:.04em;font-size:11.5px}.tb-title{letter-spacing:-.01em;font-size:18px;font-weight:700}.iconbtn{width:42px;height:42px;color:var(--ink2);background:var(--card);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.iconbtn.lit{color:var(--accent);border-color:var(--accent-line);box-shadow:none}.press{transition:transform .16s cubic-bezier(.3,1.2,.4,1),filter .16s}.press:active{filter:brightness(1.15);transform:scale(.95)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}.pill{border:1px solid var(--line2);letter-spacing:.14em;color:var(--cyan);background:#080c168c;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:11.5px;font-weight:700;display:inline-flex}.pill em{color:var(--tempo);font-style:normal}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.chip.on{color:var(--tempo);border-color:var(--accent-line)}.chip.warn{color:#ffcf7a;border-color:#ffcf7a73}.chip.lime{color:var(--lime);border-color:#54e08b66}.chip:disabled{cursor:default}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);align-items:center;gap:7px;margin:14px 2px 9px;font-size:12px;font-weight:700;display:flex}.link-chip{border:1px solid var(--line2);color:var(--ink2);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:650}.btn{letter-spacing:-.01em;border-radius:20px;justify-content:center;align-items:center;gap:9px;padding:16px 20px;font-size:16.5px;font-weight:700;display:inline-flex}.btn.primary{background:linear-gradient(160deg, #ff8d33, var(--tempo-deep));color:#160a02;box-shadow:0 10px 32px #ff7a1a59,inset 0 1px #ffe6c880}.btn.ghost{background:var(--card);border:1px solid var(--line2);color:var(--ink)}.btn.wide{width:100%}.btn.sm{border-radius:14px;padding:10px 14px;font-size:13.5px}.btn.dim{opacity:.55}.count-pill{background:#0a080440;border-radius:999px;margin-left:6px;padding:2px 9px;font-size:12.5px}.pagedots{justify-content:center;gap:7px;padding:12px 0 2px;display:flex}.pagedots span{background:var(--ink3);opacity:.5;border-radius:50%;width:6px;height:6px}.pagedots span.on{background:var(--ink);opacity:1}.toggle{background:var(--card2);border:1px solid var(--line2);border-radius:999px;flex:none;width:50px;height:30px;transition:background .25s,border-color .25s;position:relative}.toggle span{background:var(--ink2);border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.3,1.3,.4,1),background .25s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--accent-soft);border-color:var(--accent-line)}.toggle.on span{background:var(--accent);transform:translate(20px)}.seg{background:var(--card2);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink2);border-radius:9px;align-items:center;padding:7px 14px;font-size:13px;font-weight:650;display:inline-flex}.seg button.on{background:var(--card);color:var(--ink);border:1px solid var(--line2)}.seg.mini button{padding:5px 11px}.toast{border:1px solid var(--line2);color:var(--ink);white-space:nowrap;z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1422eb;border-radius:999px;padding:11px 19px;font-size:13.5px;font-weight:600;animation:.3s cubic-bezier(.3,1.2,.4,1) toastIn;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}.beatpulse{animation:beatPulse calc(var(--beat) * 2) ease-in-out infinite}@keyframes beatPulse{0%,to{transform:scale(1)}12%{transform:scale(1.045)}24%{transform:scale(1)}}.float{animation:5.5s ease-in-out infinite alternate floaty}@keyframes floaty{0%{translate:0 -4px}to{translate:0 6px}}.tempo-ring{place-items:center;display:grid;position:relative}.tempo-ring svg{position:absolute;inset:0}.tr-center{z-index:2;text-align:center;place-items:center;display:grid;position:relative}.tr-arc-o{filter:drop-shadow(0 0 7px #ff7a1abf)}.tr-arc-c{filter:drop-shadow(0 0 7px #39d8f5a6)}.tr-spike{animation:spikeBreath calc(var(--beat) * 4) ease-in-out infinite;transform-origin:50%}@keyframes spikeBreath{0%,to{opacity:.45}50%{opacity:.75}}.tr-sweep{transform-origin:50%;animation:sweepSpin calc(var(--beat) * 16) linear infinite}@keyframes sweepSpin{to{transform:rotate(360deg)}}.tr-node circle{filter:none}.cueprint{flex:none;place-items:center;display:grid;position:relative}.cueprint svg{position:absolute;inset:0}.cp-center{z-index:2;text-align:center;position:relative}.cp-bpm{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(15px,18%,30px);font-weight:800}.cueprint[style*="width: 216"] .cp-bpm{font-size:33px}.cueprint[style*="width: 88"] .cp-bpm,.cueprint[style*="width: 64"] .cp-bpm,.cueprint[style*="width: 62"] .cp-bpm,.cueprint[style*="width: 56"] .cp-bpm{font-size:13px}.cp-sub{letter-spacing:.18em;color:var(--ink3);font-size:10px;font-weight:700}.cueprint[style*="width: 64"] .cp-sub,.cueprint[style*="width: 62"] .cp-sub,.cueprint[style*="width: 56"] .cp-sub{font-size:7px}.cp-ready{filter:drop-shadow(0 0 6px #54e08bb3)}.cp-anim .cp-tick{animation:.5s both tickIn}.cp-anim .cp-dot{animation:.4s both dotIn}@keyframes tickIn{0%{opacity:0}}@keyframes dotIn{0%{opacity:0;transform:scale(0)}}.wavebars{align-items:center;gap:2.5px;height:44px;display:flex}.wavebars span{background:var(--cyan);width:2.6px;box-shadow:none;border-radius:3px;flex:none}.wavebars.wb-orange span,.wavebars.wb-mix span:nth-child(3n){background:var(--tempo);box-shadow:none}.wavebars.live span{animation:barDance calc(var(--beat) * 2) ease-in-out infinite alternate}@keyframes barDance{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.ghostwave .gw-dash{animation:dashMove calc(var(--beat) * 6) linear infinite}@keyframes dashMove{to{stroke-dashoffset:-60px}}.beatrail{flex:none;height:44px;position:relative}.br-track{background:var(--line2);height:1px;position:absolute;top:50%;left:0;right:0}.br-diamond{background:var(--tempo);width:9px;height:9px;box-shadow:none;border-radius:2px;position:absolute;top:32%;transform:translate(-50%,-50%)rotate(45deg)}.br-dot{background:var(--cyan);width:6px;height:6px;box-shadow:none;border-radius:50%;position:absolute;top:68%;transform:translate(-50%,-50%)}.br-playhead{width:2px;box-shadow:none;background:#fff;border-radius:2px;position:absolute;top:4px;bottom:4px;left:0}.br-playhead.on{animation-name:railSweep;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes railSweep{0%{left:0%}to{left:100%}}.progressrail{flex:none;height:52px;margin:6px 4px 16px;position:relative}.pr-wave{align-items:center;gap:2px;display:flex;position:absolute;inset:12px 0}.pr-wave span{background:var(--ink3);opacity:.3;border-radius:2px;flex:1;transition:all .3s}.pr-wave span.lit{background:var(--cyan);opacity:.8;box-shadow:none}.pr-diamond{border-radius:2.5px;width:11px;height:11px;transition:transform .4s cubic-bezier(.3,1.6,.4,1);position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)scale(0)}.pr-diamond.cyan{background:var(--cyan);box-shadow:none}.pr-diamond.orange{background:var(--tempo);box-shadow:none}.pr-diamond.on{transform:translate(-50%,-50%)rotate(45deg)scale(1)}.pr-head{background:var(--tempo);width:2px;box-shadow:none;border-radius:2px;position:absolute;top:6px;bottom:6px}.cap{letter-spacing:.06em;text-align:center;font-weight:800;line-height:1}.cap-lg{font-size:44px}.cap-md{font-size:26px}.cap-sm{font-size:13px}.cap-pulse{color:var(--tempo);text-shadow:0 0 26px #ff7a1a8c,0 2px 14px #0009;animation:capPulse calc(var(--beat) * 2) cubic-bezier(.2, 1.4, .4, 1) both}@keyframes capPulse{0%{opacity:0;filter:blur(3px);transform:scale(1.22)}30%{opacity:1;filter:blur()}45%{transform:scale(1)}to{transform:scale(1.03)}}.cap-kinetic{color:#fff;animation:capKinetic calc(var(--beat) * 2) cubic-bezier(.16, 1, .3, 1) both;font-style:italic}@keyframes capKinetic{0%{opacity:0;transform:translate(-46px)skew(-14deg)}35%{opacity:1}to{transform:translate(6px)skew(-8deg)}}.cap-glitch{color:#eef3f8;animation:glitchJit calc(var(--beat) * 2) steps(2) infinite;position:relative}.cap-glitch:before,.cap-glitch:after{content:attr(data-w);opacity:.75;position:absolute;inset:0}.cap-glitch:before{color:var(--cyan);animation:glitchA calc(var(--beat)) steps(3) infinite;transform:translate(-2.5px,-1.5px)}.cap-glitch:after{color:var(--tempo);animation:glitchB calc(var(--beat) * 1.5) steps(3) infinite;transform:translate(2.5px,1.5px)}@keyframes glitchJit{50%{transform:translate(1px)}}@keyframes glitchA{0%,to{clip-path:inset(0 0 62%)}50%{clip-path:inset(48% 0 8%)}}@keyframes glitchB{0%,to{clip-path:inset(58% 0 0)}50%{clip-path:inset(6% 0 52%)}}.cap-parallel{display:grid;position:relative}.cap-parallel span{grid-area:1/1}.cap-parallel .cp-a{color:#fff;animation:parA calc(var(--beat) * 2) cubic-bezier(.16, 1, .3, 1) both}.cap-parallel .cp-b{color:#0000;-webkit-text-stroke:1px var(--cyan);animation:parB calc(var(--beat) * 2) cubic-bezier(.16, 1, .3, 1) both}@keyframes parA{0%{opacity:0;transform:translate(-14px)}}@keyframes parB{0%{opacity:0;transform:translate(14px)}to{transform:translate(3px)}}.cap-reveal{color:#fff;overflow:hidden}.cap-reveal span{animation:revealUp calc(var(--beat) * 2) cubic-bezier(.16, 1, .3, 1) both;display:inline-block}@keyframes revealUp{0%{transform:translateY(110%)}}.preset-tile{border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--card2);flex:none;width:116px;padding-bottom:9px;overflow:hidden}.preset-tile .pt-stage{background:radial-gradient(80px 40px at 50% 60%,#131a2c,#07090f);place-items:center;height:58px;display:grid;overflow:hidden}.preset-tile .pt-name{color:var(--ink2);margin-top:8px;font-size:12.5px;font-weight:700}.preset-tile.sel{border-color:var(--accent-line);box-shadow:none}.preset-tile.sel .pt-name{color:var(--tempo)}.home{isolation:isolate;--submenu-h:clamp(240px, 34dvh, 310px);background:#02060b;padding-bottom:0;position:relative;overflow:hidden}.home:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#02060bc2 0%,#02060b33 24%,#02060b0a 48%,#0000 68% 100%),radial-gradient(300px 210px at 50% 18%,#ff7a1a21,#0000 72%);position:absolute;inset:0}.home-top,.home-top .brand .logo{display:none}.brand{align-items:center;gap:11px;display:flex}.brand-word{letter-spacing:-.058em;text-align:center;color:#ffffff9e;text-shadow:0 4px 22px #00000080;font-size:44px;font-weight:950;line-height:.92}.bw-accent{color:var(--accent)}.brand-sub{color:#f2f9ff99;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 3px 16px #0009;margin-top:5px;font-size:13.5px}.hero{background:radial-gradient(340px 250px at 50% 42%, #1a264080, transparent 70%), var(--card);flex-direction:column;flex:auto;justify-content:space-between;min-height:340px;padding:14px;display:flex;position:relative;overflow:hidden}.soundcut{z-index:5;position:absolute;top:16px;left:16px}.hero-stage{position:absolute;inset:0}.hero-wave{z-index:1;opacity:.9;height:86px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.hero-ringglow{filter:blur(22px);width:230px;height:230px;animation:glowSpin calc(var(--beat) * 24) linear infinite;background:conic-gradient(from 210deg,#39d8f580,#0000 30% 55%,#ff7a1aa6,#0000 92%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.hero-ring{z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute!important}.hero-core{border:1px solid var(--line2);background:radial-gradient(circle at 38% 30%,#131b2e,#050810 70%);border-radius:50%;place-items:center;width:118px;height:118px;display:grid;box-shadow:0 14px 40px #000000a6,inset 0 1px #aac3f024}.orbit-card{z-index:2;border:1px solid #becdeb33;border-radius:13px;width:74px;height:96px;position:absolute;overflow:hidden;box-shadow:0 14px 30px #0000008c}.orbit-card svg{width:100%;height:100%;display:block}.orbit-card.back{filter:blur(1.6px)brightness(.75);z-index:1;width:56px;height:74px}.hero .pagedots{z-index:4;position:absolute;bottom:10px;left:0;right:0}.hero-blur{width:100%;height:var(--app-height,100dvh);z-index:0;background:#02060b;position:fixed;top:0;left:0;right:0;overflow:hidden}.hero-blur video{object-fit:cover;filter:blur(26px)saturate(1.2)brightness(.46);width:116%;height:116%;position:absolute;inset:-8%;transform:translateZ(0)}.hero-blur:after{content:"";background:radial-gradient(120% 90% at 50% 42%,#0000 48%,#02060b80 100%);position:absolute;inset:0}.hero-real-demo{width:100%;height:var(--app-height,100dvh);z-index:1;background:0 0;border:0;border-radius:0;padding:0;transition:height .36s cubic-bezier(.3,.9,.3,1);position:fixed;top:0;left:0;right:0}.home[data-submenu=open] .hero-real-demo{height:calc(var(--app-height,100dvh) - var(--submenu-h))}.real-demo-stage{box-shadow:none;background:#061018;border:0;border-radius:0;position:absolute;inset:0;overflow:hidden}.surf-plate,.surf-plate>*{position:absolute;inset:0}.surf-plate{z-index:1;filter:saturate(1.16)contrast(1.08);animation:surfCamera calc(var(--beat) * 8) ease-in-out infinite;background:radial-gradient(240px 170px at 74% 17%,#ffd58fb8,#0000 48%),radial-gradient(360px 270px at 44% 30%,#1cbfddb8,#0000 66%),linear-gradient(135deg,#082333 0%,#0b6275 38%,#0d8694 54%,#043245 74%,#071017 100%);transition:opacity .35s;transform:scale(1.04)}.real-demo-stage.has-real-video .surf-plate{opacity:0}.hero-demo-video{z-index:2;object-fit:cover;filter:saturate(1.16)contrast(1.08)brightness(1.02);background:#061018;width:100%;height:100%;position:absolute;inset:0}.real-demo-stage.has-real-video:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(420px 290px at 50% 25%,#0000 22%,#00000014 72%),linear-gradient(#02080e24 0%,#02080e08 34%,#0000 62% 100%);position:absolute;inset:0}@keyframes surfCamera{0%,to{transform:scale(1.04)translate(0,0)}45%{transform:scale(1.09)translate(-8px,-2px)}70%{transform:scale(1.06)translate(5px,4px)}}.sun-shaft{mix-blend-mode:screen;animation:shaftMove calc(var(--beat) * 12) ease-in-out infinite;background:linear-gradient(113deg,#0000 0 24%,#ffe7ba52 35%,#0000 49%),linear-gradient(102deg,#0000 0 34%,#ffffff29 43%,#0000 56%)}@keyframes shaftMove{50%{opacity:.72;transform:translate(-16px)rotate(-2deg)}}.barrel{transform-origin:50%;pointer-events:none;border-radius:50%}.barrel-back{filter:blur(.6px);animation:waveCurl calc(var(--beat) * 7) ease-in-out infinite;border:42px solid #0ebcd257;border-color:#0ebcd257 #0ebcd257 #00405680 #e9fffa6b;inset:-36% -42% -18% 20%;box-shadow:inset 40px 0 70px #ddfff82e,inset -60px 0 90px #00000052}.barrel-front{opacity:.9;filter:blur(1px);animation:waveCurl calc(var(--beat) * 6) ease-in-out infinite reverse;border:30px solid #e5fffc61;border-color:#073e5338 #e5fffc61 #e5fffc61 #22dae394;inset:-18% -54% -38% 34%}@keyframes waveCurl{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(-2deg)scale(1.035)}}.water-spray{opacity:.44;mix-blend-mode:screen;background-image:radial-gradient(circle,#fffffff2 0 1px,#0000 1.7px),radial-gradient(circle,#b7f5ffc2 0 1px,#0000 2px);background-size:28px 34px,43px 30px}.spray-a{animation:sprayRush calc(var(--beat) * 2) linear infinite;transform:translate(20px)rotate(-9deg)}.spray-b{opacity:.26;animation:sprayRush calc(var(--beat) * 3) linear infinite reverse;transform:translate(-20px)rotate(7deg)}@keyframes sprayRush{to{background-position:160px -110px,-130px 80px}}.surfer-shadow{filter:drop-shadow(0 18px 20px #00000073);width:82px;height:102px;animation:carve calc(var(--beat) * 5) ease-in-out infinite;inset:auto auto 28px 38%;transform:rotate(-17deg)}@keyframes carve{0%,to{transform:translate(0,0)rotate(-17deg)}48%{transform:translate(18px,-6px)rotate(-9deg)}}.surfer-shadow span{background:#03070a;display:block;position:absolute}.surfer-head{border-radius:50%;width:13px;height:13px;top:22px;left:42px}.surfer-body{border-radius:46% 46% 36% 36%;width:24px;height:44px;top:34px;left:35px;transform:skew(-13deg)}.surfer-body:before,.surfer-body:after{content:"";background:#03070a;border-radius:999px;width:45px;height:8px;position:absolute;top:18px}.surfer-body:before{right:16px;transform:rotate(21deg)}.surfer-body:after{left:15px;transform:rotate(-28deg)}.surf-board{background:linear-gradient(90deg,#e9fbff,#0a1518 58%,#e9fbff);border-radius:999px;width:104px;height:10px;bottom:16px;left:-4px;transform:rotate(8deg)}.lens-droplets{opacity:.85;background-image:radial-gradient(circle at 14% 20%,#ffffff80 0 1.4px,#0000 5px),radial-gradient(circle at 77% 18%,#ffffff6b 0 1px,#0000 4px),radial-gradient(circle at 88% 64%,#ffffff52 0 1px,#0000 5px),radial-gradient(circle at 26% 76%,#ffffff42 0 1px,#0000 4px)}.film-grain{opacity:.14;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 17% 23%,#ffffff1f 0 .7px,#0000 .8px 3px)}.demo-hud{z-index:8;letter-spacing:.13em;text-transform:uppercase;color:#f2f9ffdb;text-shadow:0 2px 10px #000000d9;justify-content:space-between;align-items:center;font-size:9px;font-weight:850;display:flex;position:absolute;left:10px;right:10px}.demo-hud-top{top:9px}.demo-hud-bottom{gap:7px;display:grid;bottom:8px}.demo-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01060c85;border:1px solid #ffffff2e;border-radius:999px;padding:5px 8px}.demo-time{opacity:.75}.demo-score-ring{z-index:6;opacity:.92;animation:ringReveal calc(var(--beat) * 8) ease-in-out infinite;top:42%;left:50%;transform:translate(-50%,-50%);position:absolute!important}@keyframes ringReveal{0%,18%,86%,to{opacity:0;transform:translate(-50%,-50%)scale(.88)}28%,68%{opacity:.95;transform:translate(-50%,-50%)scale(1)}}.demo-ring-core{background:#03080fc7;border:1px solid #becdeb33;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 16px 35px #00000073}.demo-ring-core small{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-top:-12px;font-size:8px;font-weight:800}.edit-pop{z-index:9;color:#160601;letter-spacing:.04em;opacity:0;background:#ff7a1ad1;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:900;position:absolute;top:43%;left:18px;box-shadow:0 12px 30px #00000061}.pop-one{animation:captionPop calc(var(--beat) * 8) ease-in-out infinite}.pop-two{animation:captionPopTwo calc(var(--beat) * 8) ease-in-out infinite;background:#39d8f5d6;top:32%;left:auto;right:20px}@keyframes captionPop{0%,38%,58%,to{opacity:0;transform:translateY(12px)scale(.9)}42%,52%{opacity:1;transform:translateY(0)scale(1)}}@keyframes captionPopTwo{0%,56%,78%,to{opacity:0;transform:translateY(12px)scale(.9)}60%,72%{opacity:1;transform:translateY(0)scale(1)}}.grade-swipe{z-index:5;animation:gradeSwipe calc(var(--beat) * 8) ease-in-out infinite;background:linear-gradient(105deg,#0000 0 38%,#ff7a1a24 48%,#040a0f38 56%,#0000 68%);position:absolute;inset:0;transform:translate(-95%)}@keyframes gradeSwipe{0%,48%{transform:translate(-95%)}68%,to{transform:translate(95%)}}.demo-controls{gap:5px;display:flex;overflow:hidden}.demo-controls span{text-align:center;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01060c80;border:1px solid #ffffff1f;border-radius:9px;flex:1;min-width:0;padding:5px;overflow:hidden}.beat-strip{border-top:1px solid #ffffff24;height:20px;position:relative}.beat-strip:before{content:"";background:linear-gradient(90deg,#39d8f533,#ff7a1aa6,#39d8f566);border-radius:999px;height:2px;position:absolute;top:8px;left:0;right:0}.beat-tick{top:0;left:calc(8% + var(--i,0) * 1%);animation:tickHit calc(var(--beat) * 2) ease-in-out infinite;position:absolute;transform:translate(-50%)}.beat-tick:first-child{left:10%}.beat-tick:nth-child(2){left:28%}.beat-tick:nth-child(3){left:47%}.beat-tick:nth-child(4){left:66%}.beat-tick:nth-child(5){left:86%}.beat-tick i{background:var(--tempo);width:2px;height:15px;box-shadow:none;border-radius:999px;margin:0 auto;display:block}.beat-tick em{display:none}@keyframes tickHit{50%{filter:brightness(1.6);transform:translate(-50%)scaleY(1.28)}}.demo-rail{z-index:9;grid-template-columns:repeat(6,1fr);gap:5px;display:grid;position:absolute;bottom:10px;left:12px;right:12px}.demo-rail span{color:#e8f0ff8c;text-align:center;letter-spacing:-.01em;background:#ffffff09;border:1px solid #becdeb24;border-radius:999px;min-width:0;padding:4px 2px;font-size:8.5px;font-weight:800}.demo-rail span.done{color:#071015;background:linear-gradient(135deg, var(--tempo), var(--cyan));border-color:#0000}.home .soundcut,.home .demo-hud,.home .demo-rail,.home .demo-score-ring,.home .edit-pop,.home .grade-swipe{display:none}.headline{z-index:12;left:18px;right:104px;bottom:calc(112px + env(safe-area-inset-bottom));letter-spacing:-.045em;text-align:left;text-shadow:0 6px 30px #000000c2;margin:0;font-size:36px;font-weight:900;line-height:.96;position:fixed}.headline em{color:var(--tempo);font-style:normal}.headline{transition:opacity .25s,transform .25s}.home[data-submenu=open] .headline{opacity:0;pointer-events:none;transform:translateY(10px)}.device[data-shader=on]{animation:tc-accent var(--shader-dur,8s) ease-in-out infinite alternate}.device[data-motion=off][data-shader=on]{animation:none}.create-bar{z-index:14;width:100vw;height:calc(94px + env(safe-area-inset-bottom));min-height:94px;padding:0 0 env(safe-area-inset-bottom);border:0;border-top:1px solid color-mix(in srgb, var(--accent) 24%, #ffffff14);background:linear-gradient(180deg, #ffffff1b, #ffffff07 43%, #ffffff03 100%), linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent) 0%, #05080d2e 38%, color-mix(in srgb, var(--accent) 14%, transparent) 100%), #05080d1f;-webkit-backdrop-filter:blur(20px)saturate(1.38)brightness(1.06);backdrop-filter:blur(20px)saturate(1.38)brightness(1.06);border-radius:0;transition:opacity .2s,transform .2s;display:block;position:fixed;bottom:0;left:0;right:0;overflow:visible;transform:none;box-shadow:inset 0 1px #ffffff21}.create-bar:before{content:"";pointer-events:none;background:linear-gradient(180deg, #ffffff2e, transparent 42%), radial-gradient(180px 72px at 18% 18%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 76%);opacity:.46;mix-blend-mode:screen;height:100%;position:absolute;top:0;left:0;right:0}.dock-brand{z-index:3;pointer-events:none;align-items:center;width:198px;height:44px;display:flex;position:absolute;top:-24px;left:16px}.dock-brand-word{color:#ffffffeb;letter-spacing:-.075em;text-shadow:0 2px 14px #00000038;font-size:37.5px;font-weight:950;line-height:.9}.dock-brand-word span{color:color-mix(in srgb, var(--accent) 82%, #ffffffeb)}.menu-scroll{z-index:2;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;border-radius:0;scroll-padding-inline:0;position:absolute;inset:0;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%)}.menu-scroll::-webkit-scrollbar{display:none}.menu-scroll-track{grid-auto-columns:clamp(126px,33.333vw,148px);grid-auto-flow:column;align-items:end;gap:0;width:max-content;min-width:100%;height:100%;padding:0;display:grid}.dock-record-gap{display:none}.dock-menu-item{--neon:#f3f5f8;--neon-rgb:243, 245, 248;scroll-snap-align:start;color:#f2f5f8f0;text-shadow:0 1px 3px #0000006b;filter:drop-shadow(0 1px 7px #00000038);opacity:.98;width:100%;height:94px;box-shadow:none;animation:dock-neutral-breathe calc(var(--beat,.62s) * 4) ease-in-out infinite alternate;background:0 0;border:0;border-radius:0;align-content:center;place-items:center;gap:7px;transition:opacity .14s,transform .14s,background-color .14s;display:grid}.dock-menu-item[data-menu]{--neon:#f3f5f8;--neon-rgb:243, 245, 248}.dock-icon{width:62px;height:62px;box-shadow:none;animation:dock-icon-float calc(var(--beat,.62s) * 3) ease-in-out infinite alternate;background:0 0;border-radius:0;place-items:center;display:grid}.dock-menu-item[data-menu=record] .dock-icon{color:#f4f6f9f5;animation:record-breath calc(var(--beat,.62s) * 2) ease-in-out infinite;background:0 0;border:0;position:relative}.dock-menu-item[data-menu=record] .dock-icon:after{content:"";width:9px;height:9px;box-shadow:none;animation:rec-dot calc(var(--beat,.62s) * 1.25) ease-in-out infinite alternate;background:#f5f7faf2;border-radius:999px;position:absolute;top:7px;right:7px}.dock-menu-item[data-menu=cut] .dock-icon svg{transform-origin:50% 54%;animation:cut-snip calc(var(--beat,.62s) * 2.6) cubic-bezier(.42, 0, .2, 1) infinite}.dock-menu-item[data-menu=sound] .dock-icon svg{transform-origin:50%;animation:sound-wave calc(var(--beat,.62s) * 2.2) ease-in-out infinite alternate}.dock-menu-item svg{stroke-width:2.2px;width:56px;height:56px}.dock-menu-item .dock-label{letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;color:#f7f9fcf5;text-shadow:0 1px 3px #0000007a;max-width:122px;font-size:18.5px;font-weight:920;line-height:1;display:block;overflow:hidden}.dock-menu-item.on,.dock-menu-item:focus-visible{opacity:1;box-shadow:none;background:#ffffff0d;outline:none;transform:translateY(-1px)}@keyframes dock-neutral-breathe{0%{color:#e6e9eeeb;filter:drop-shadow(0 1px 6px #0003)}to{color:#f9fbfdfa;filter:drop-shadow(0 1px 9px #ffffff24)}}@keyframes dock-icon-float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-2px)scale(1.025)}}@keyframes record-breath{0%,to{transform:scale(1)}50%{transform:scale(1.075)}}@keyframes rec-dot{0%{opacity:.45;transform:scale(.72)}to{opacity:1;transform:scale(1.18)}}@keyframes cut-snip{0%,64%,to{transform:rotate(0)scale(1)}72%{transform:rotate(-8deg)scale(1.05)}82%{transform:rotate(8deg)scale(1.05)}}@keyframes sound-wave{0%{transform:scaleY(.88)}to{transform:scaleY(1.08)}}.device[data-motion=off] .dock-menu-item,.device[data-motion=off] .dock-icon,.device[data-motion=off] .dock-icon:after,.device[data-motion=off] .dock-menu-item svg{animation:none!important}.recordbtn{z-index:4;background:0 0;border:0;place-items:center;width:78px;height:78px;margin:0;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recordbtn:before{content:"";-webkit-backdrop-filter:blur(18px)saturate(1.45);backdrop-filter:blur(18px)saturate(1.45);background:linear-gradient(#ffffff21,#ffffff09),#080b1247;border-radius:50%;position:absolute;inset:-6px;box-shadow:inset 0 1px #ffffff38,0 4px 14px #0000003d}.rec-core{z-index:1;color:#fff;background:radial-gradient(circle at 42% 34%,#ff3a22,#f00606 56%,#c60000 100%);border:3px solid #fffffff2;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:relative;box-shadow:0 9px 22px #00000094,0 0 0 5px #ffffff14,inset 0 2px 4px #ffdcd273,inset 0 -8px 18px #5f00005c}.rec-core svg{width:26px;height:26px}.home-top{z-index:12;min-height:100px;padding-top:env(safe-area-inset-top);justify-content:center;display:flex;position:relative}.home-top .brand{left:50%;top:calc(50% + env(safe-area-inset-top) / 2);text-align:center;flex-direction:column;align-items:center;width:min(88vw,360px);position:absolute;transform:translate(-50%,-50%)}.home-top .brand-sub{white-space:nowrap}.rail-flat{z-index:13;pointer-events:auto;flex-direction:column;align-items:center;gap:13px;width:72px;transition:top .36s cubic-bezier(.3,.9,.3,1);display:flex;position:fixed;top:50%;right:8px;transform:translateY(-50%)}.home[data-submenu=open] .rail-flat{top:33%}.rail-item{width:72px;color:var(--rail-font-color,#fff);text-shadow:0 2px 10px #000000bf;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;transition:color .2s,transform .2s;display:flex}.rail-item svg{stroke-width:2.05px;width:24px;height:24px}.rail-item .rail-name{letter-spacing:-.02em;font-size:12px;font-weight:900;line-height:1}.rail-item small{text-transform:uppercase;letter-spacing:.05em;color:var(--rail-font-color,#fff);opacity:.62;font-size:8.5px;font-weight:800;line-height:1}.rail-item.on{color:var(--accent);transform:scale(1.07)}.rail-item.on small{color:var(--accent);opacity:1}.rail-cog{opacity:.9;margin-top:2px}.create-bar{z-index:14;top:auto;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:flex-end;gap:44px;padding:0 16px;transition:opacity .28s,transform .28s;display:flex;position:fixed}.create-bar:before{content:none;display:none}.dock-brand,.menu-scroll{display:none}.create-bar.hidden{opacity:0;pointer-events:none;transform:translateY(46px)}.floatbtn{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;display:flex}.fb-circle{-webkit-backdrop-filter:blur(4px)saturate(1.6)brightness(1.05);backdrop-filter:blur(4px)saturate(1.6)brightness(1.05);background:#ffffff12;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 1.5px 1px #ffffff80,inset 0 -4px 9px #0000004d,0 8px 22px #00000057}.fb-circle svg{width:24px;height:24px}.fb-label{text-shadow:0 2px 8px #000000b3;font-size:12.5px;font-weight:800}.recordbtn{background:0 0;border:0;width:auto;height:auto;margin:0 0 6px;padding:0;display:block;position:static;top:auto;left:auto;transform:none}.recordbtn:before{content:none;display:none}.create-bar .rec-core{color:#fff;background:radial-gradient(circle at 42% 34%,#ff2a14,#e00000 58%,#c30000 100%);border:3px solid #fffffff0;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;position:relative;box-shadow:0 3px 10px #00000073,inset 0 2px 4px #ffdcd273}.create-bar .rec-core svg{width:30px;height:30px}.submenu{z-index:15;height:var(--submenu-h);padding:14px 0 calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);opacity:0;pointer-events:none;background:#05080d33;border-top:1px solid #ffffff1a;border-top-left-radius:18px;border-top-right-radius:18px;flex-direction:column;transition:transform .26s cubic-bezier(.3,.9,.3,1),opacity .22s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(101%);box-shadow:inset 0 1px #ffffff12}.submenu.open{opacity:1;pointer-events:auto;transform:none}.submenu-head{flex:none;align-items:center;padding:0 16px 8px;display:flex}.submenu-title{letter-spacing:-.02em;color:#fffffff0;font-size:15px;font-weight:900}.submenu-close{color:#ffffffd1;background:0 0;border:0;margin-left:auto;font-size:15px;font-weight:800}.submenu-circles{scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;grid-auto-columns:clamp(92px,25vw,108px);grid-auto-flow:column;justify-content:start;align-items:center;gap:0;padding:0;display:grid;overflow:auto hidden}.submenu-circles::-webkit-scrollbar{display:none}.sub-circle{scroll-snap-align:start;color:#fffffff5;width:100%;min-height:136px;box-shadow:none;background:0 0;border:0;align-content:center;place-items:center;gap:9px;display:grid}.sc-glass{-webkit-backdrop-filter:none;backdrop-filter:none;width:58px;height:58px;box-shadow:none;color:#fffffffa;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.sc-glass svg{stroke-width:2px;width:42px;height:42px}.sub-circle small{letter-spacing:-.02em;color:#ffffffe0;text-shadow:none;font-size:12.5px;font-weight:850}.sub-circle[data-pv=off][data-fx=pulse] .sc-glass svg{animation:1.4s ease-in-out infinite fx-pulse}.sub-circle[data-pv=off][data-fx=spin] .sc-glass svg{animation:3.4s linear infinite fx-spin}.sub-circle[data-pv=off][data-fx=shuttle] .sc-glass svg{animation:1.1s ease-in-out infinite fx-shuttle}.sub-circle[data-pv=off][data-fx=flick] .sc-glass svg{animation:1.6s step-end infinite fx-flick}.sub-circle[data-pv=off][data-fx=shimmer] .sc-glass svg{animation:2.2s ease-in-out infinite fx-shimmer}.sub-circle[data-pv=off][data-fx=bob] .sc-glass svg{animation:1.8s ease-in-out infinite fx-bob}.sub-circle[data-pv=off][data-fx=type] .sc-glass svg{animation:1.8s ease-in-out infinite fx-type}@keyframes fx-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.22)}}@keyframes fx-spin{to{transform:rotate(360deg)}}@keyframes fx-shuttle{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}@keyframes fx-flick{0%,49%{opacity:1}50%,to{opacity:.4}}@keyframes fx-shimmer{0%,to{filter:hue-rotate()saturate()}50%{filter:hue-rotate(60deg)saturate(1.5)}}@keyframes fx-bob{0%,to{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes fx-type{0%,to{opacity:.7;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1)}}.sc-glass .pv-wave{width:34px;height:24px}.sc-glass .pv-wave rect{fill:#fff;transform-origin:50%;animation:pv-wavebar var(--beat,.5s) ease-in-out infinite alternate}@keyframes pv-wavebar{0%{transform:scaleY(.55)}to{transform:scaleY(1.15)}}.pv-beatline{stroke:var(--accent);stroke-width:1.5px}.pv-thumb{background:linear-gradient(150deg,#ffd27a 0%,#ff7a3c 36%,#1c8fb0 70%,#07344a 100%);border:1px solid #ffffff47;border-radius:10px;width:42px;height:42px;display:block}.pv-thumb[data-filter=warm]{filter:sepia(.45)saturate(1.5)brightness(1.05)}.pv-thumb[data-filter=color]{filter:saturate(2.3)contrast(1.12)}.pv-thumb[data-filter=grain]{filter:grayscale()contrast(1.18)}.pv-thumb[data-filter=chrome]{filter:hue-rotate(155deg)saturate(1.5)contrast(1.1)}.pv-cap{color:#fff;letter-spacing:-.02em;text-shadow:0 1px 3px #0009;font-size:19px;font-weight:900}.pv-cap b{color:#14110a;background:var(--accent);border-radius:3px;margin-left:1px;padding:0 2px}.pv-cap-pulse{animation:pv-cappulse calc(var(--beat,.5s) * 2) ease-in-out infinite;display:inline-block}@keyframes pv-cappulse{0%,to{transform:scale(.88)}50%{transform:scale(1.14)}}.pv-cap-tr{align-items:center;gap:2px;font-size:16px;display:inline-flex}.pv-cap-tr i{color:var(--accent);font-size:15px;font-style:normal}.pv-film{background:#ffffff14;border-radius:5px;gap:2px;padding:3px;display:inline-flex;position:relative;overflow:hidden}.pv-film i{background:linear-gradient(160deg,#3aa0c0,#0a3a4d);border-radius:1.5px;width:7px;height:18px}.pv-cut{width:2px;animation:pv-cut calc(var(--beat,.5s) * 2) steps(4) infinite;background:#fff;position:absolute;top:0;bottom:0}@keyframes pv-cut{0%{left:18%}to{left:82%}}.pv-playhead{background:var(--accent);width:2px;animation:pv-play calc(var(--beat,.5s) * 4) linear infinite;position:absolute;top:-1px;bottom:-1px}@keyframes pv-play{0%{left:6%}to{left:90%}}.pv-speed{color:#fff;font-size:16px;font-weight:900}.pv-speed small{font-size:11px}.pv-phone{border:2px solid #fff;border-radius:6px;place-items:center;width:26px;height:40px;display:grid;position:relative}.pv-phone-play{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;width:0;height:0;margin-left:2px}.pv-recdot{width:26px;height:26px;animation:pv-rec var(--beat,1s) ease-in-out infinite;background:radial-gradient(circle at 40% 34%,#ff5a4d,#e00000);border-radius:50%}@keyframes pv-rec{0%,to{transform:scale(1)}50%{transform:scale(.8)}}.pv-shutter{border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.pv-shutter i{background:#fff;border-radius:50%;width:16px;height:16px;animation:1.6s ease-in-out infinite pv-shutter}@keyframes pv-shutter{0%,to{transform:scale(1)}50%{transform:scale(.6)}}.pv-mic{align-items:center;gap:3px;display:inline-flex}.pv-mic-body{background:#fff;border-radius:5px;width:9px;height:16px}.pv-mic .pv-wave{width:18px;height:18px}.pv-card{border:1px solid #ffffff52;border-radius:7px;place-items:center;width:38px;height:30px;display:grid;position:relative;overflow:hidden}.pv-card-play,.pv-card-star{background:linear-gradient(150deg,#2a6f8a,#0a2e3d)}.pv-card-dna{background:#ffffff0f}.pv-card-dash{background:#ffffff0d;border-style:dashed}.pv-card-tri{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #fff;width:0;height:0;margin-left:2px}.pv-card-glyph{color:#ffd23f;font-size:16px;line-height:1}.pv-card .pv-card-dna{fill:none;width:16px;height:20px;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;background:0 0}.pv-share{fill:none;stroke:#fff;stroke-width:1.8px;width:34px;height:30px}.pv-share circle:first-of-type{fill:var(--accent);stroke:none}.pv-share{animation:1.6s ease-in-out infinite pv-sharepulse}@keyframes pv-sharepulse{0%,to{opacity:.8}50%{opacity:1}}.submenu .sc-glass *,.submenu .sc-glass svg,.submenu .sc-glass path,.submenu .sc-glass line,.submenu .sc-glass rect,.submenu .sc-glass circle{color:#fffffffa;stroke:currentColor;fill:currentColor;text-shadow:none;filter:none}.submenu .pv-beatline,.submenu .pv-playhead,.submenu .pv-card .pv-card-dna,.submenu .pv-share,.submenu .pv-share circle:first-of-type{stroke:#fffffffa;fill:none}.submenu .pv-thumb,.submenu .pv-film,.submenu .pv-card,.submenu .pv-recdot{box-shadow:none;background:0 0;border-color:#ffffffdb}.submenu .pv-film i,.submenu .pv-mic-body,.submenu .pv-shutter i{background:#fffffffa}.submenu .pv-cap,.submenu .pv-cap b,.submenu .pv-cap-tr i,.submenu .pv-speed,.submenu .pv-card-glyph{color:#fffffffa;text-shadow:none;background:0 0}.submenu .sc-glass *,.submenu .sub-circle .sc-glass svg{animation-duration:2.8s}.device[data-motion=off] .sc-glass *,.device[data-motion=off] .sub-circle .sc-glass svg{animation:none!important}.color-studio{flex-direction:column;gap:14px;padding:14px;display:flex}.studio-seg{align-self:stretch}.color-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.color-swatch-label{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.color-swatch{border:1px solid #ffffff4d;border-radius:9px;flex:none;width:30px;height:30px;display:inline-block;position:relative;overflow:hidden}.speed-row{align-items:center;gap:10px;display:flex}.speed-label{color:var(--ink);font-size:13px;font-weight:800}.speed-end{color:var(--ink3);font-size:10px}.speed-range{height:4px;accent-color:var(--accent);flex:1}.solid-swatches{flex-wrap:wrap;gap:12px;display:flex}.solid-dot{cursor:pointer;width:40px;height:40px;color:var(--ink2);border:2px solid #ffffff29;border-radius:50%;place-items:center;transition:transform .15s,border-color .15s;display:grid}.solid-dot.sel{border-color:#fff;transform:scale(1.08);box-shadow:0 0 0 3px #ffffff1f}.solid-dot.custom{color:#ffffffeb;border-style:dashed;position:relative;overflow:hidden}.grad-editor{flex-direction:column;gap:10px;display:flex}.grad-track{touch-action:none;align-items:center;height:46px;display:flex;position:relative}.grad-bar{border:1px solid #ffffff2e;border-radius:13px;width:100%;height:26px}.grad-stop{background:var(--c);cursor:grab;touch-action:none;border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin-left:-12px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000080}.grad-stop.sel{width:30px;height:30px;margin-left:-15px;box-shadow:0 0 0 3px #ffffff4d,0 2px 10px #0000008c}.grad-actions{align-items:center;gap:10px;display:flex}.grad-hint{color:var(--ink3);flex:1;font-size:10.5px;line-height:1.3}.studio-foot{gap:10px;display:flex}.studio-btn{border:1px solid var(--line2);background:var(--card2);color:var(--ink);font-family:var(--font);cursor:pointer;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:13px;font-weight:800;display:inline-flex}.saved-list{flex-direction:column;gap:8px;display:flex}.saved-item{align-items:center;gap:12px;padding:10px 12px;display:flex}.saved-swatch{cursor:pointer;border:1px solid #ffffff2e;border-radius:11px;flex:none;width:42px;height:42px}.saved-meta{cursor:pointer;flex:1;min-width:0}.saved-name{color:var(--ink);font-size:14px;font-weight:800;display:block}.saved-sub{color:var(--ink3);text-transform:capitalize;font-size:11px;display:block}.saved-star{border:1px solid var(--line2);width:34px;height:34px;color:var(--ink3);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.saved-star.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.saved-del{width:30px;height:30px;color:var(--ink3);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:20px;line-height:1}.fc-cta-row{z-index:14;left:30px;right:30px;bottom:calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(28px)saturate(145%);backdrop-filter:blur(28px)saturate(145%);background:#04080d9e;border:1px solid #ffffff2e;border-radius:39px;grid-template-columns:1fr 1fr;align-items:center;gap:8px;height:74px;padding:7px;display:grid;position:absolute;box-shadow:0 16px 42px #00000057,inset 0 1px #ffffff1f}.fc-cta-row .btn{border-radius:32px;height:60px;min-height:60px;padding:0 13px}.home .cta-row.ig-footer-dock{height:auto;padding:14px 14px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(26px)saturate(1.5);backdrop-filter:blur(26px)saturate(1.5);background:linear-gradient(#080c1429 0%,#070b1266 58%,#05090f8f 100%);border:none;border-top:1px solid #ffffff24;border-radius:0;grid-template-columns:1fr 1fr;gap:11px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #00000042}.home .btn.footer-btn{color:#fffffff0;height:60px;min-height:60px;font-family:var(--font);text-transform:none;letter-spacing:-.02em;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-shadow:none;pointer-events:auto;border:1px solid #0000;border-radius:32px;justify-content:center;align-items:center;padding:0 13px;font-weight:850;display:flex}.footer-kicker{display:none}.footer-label{white-space:nowrap;font-size:clamp(15.5px,4.3vw,17px);line-height:1}.footer-primary{color:#1f1004!important;-webkit-backdrop-filter:blur(10px)saturate(1.5)!important;backdrop-filter:blur(10px)saturate(1.5)!important;background:linear-gradient(160deg,#ffa850c7,#ff6c1ebd)!important;border-color:#ffcd9699!important;box-shadow:inset 0 1.5px 1px #fff6e099,inset 0 -4px 9px #78280057,0 8px 24px #ff7a1a42!important}.footer-secondary{color:#fff!important;-webkit-backdrop-filter:blur(12px)saturate(1.4)!important;backdrop-filter:blur(12px)saturate(1.4)!important;background:#ffffff0f!important;border-color:#ffffff52!important;box-shadow:inset 0 1.5px 1px #ffffff80,inset 0 -4px 9px #0000004d,0 8px 22px #0000004d!important}.footer-top .footer-icon{color:#ff8a2abf;font-size:26px;line-height:.72}.footer-top .footer-label{font-size:16px}.modes{z-index:12;flex:none;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid;position:relative}.mode-tile{color:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03080f85;border:1px solid #ffffff38;border-radius:22px;flex-direction:column;align-items:center;gap:8px;min-height:92px;padding:13px 5px 12px;display:flex;box-shadow:0 12px 34px #00000057,inset 0 1px #ffffff1a}.mode-tile .mt-icon{color:#ffffffe0}.mode-tile .mt-icon svg{width:34px;height:34px}.mode-tile:first-child .mt-icon{color:var(--tempo)}.mode-tile:nth-child(2) .mt-icon{color:var(--cyan)}.mode-tile .mt-label{color:#ffffffeb;text-shadow:0 3px 16px #0009;font-size:15px;font-weight:800;line-height:1.05}.mode-tile.sel{background:#ff7a1a38;border-color:#ff7a1a9e}.home-links{z-index:12;justify-content:center;gap:12px;margin-top:12px;padding-bottom:2px;display:flex;position:relative}.home .link-chip{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03080f8a;border-color:#ffffff47;border-radius:999px;padding:10.5px 19.5px;font-size:17px;font-weight:800;box-shadow:0 12px 34px #0000004d}.right-menu-rail{z-index:13;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:60px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.side-menu-btn{color:#fff;text-shadow:0 2px 10px #000000b3;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:4px;width:60px;padding:0;display:flex}.rail-ico{border-radius:50%;place-items:center;width:55px;height:55px;display:grid;position:relative;overflow:hidden}.rail-ico svg{z-index:2;stroke-width:2.05px;width:25px;height:25px;position:relative}.side-menu-btn .rail-name{letter-spacing:-.02em;font-size:11.5px;font-weight:900;line-height:1;display:block}.side-menu-btn small{color:#fff9;letter-spacing:.05em;text-transform:uppercase;font-size:8.5px;font-weight:800;line-height:1;display:block}.rail-ico,.home-top .iconbtn,.home .cta-row.ig-footer-dock .btn.footer-btn{-webkit-backdrop-filter:blur(3px)saturate(1.6)brightness(1.06);backdrop-filter:blur(3px)saturate(1.6)brightness(1.06);background:#ffffff12;border:1px solid #ffffff4d;box-shadow:inset 0 1.5px 1px #ffffff80,inset 0 -4px 9px #0000004d,0 8px 22px #00000052}.rail-ico:before,.home-top .iconbtn:before,.home .cta-row.ig-footer-dock .btn.footer-btn:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(125% 90% at 32% 20%,#fff6,#ffffff12 40%,#0000 66%);position:absolute;inset:0}.home .cta-row.ig-footer-dock .btn.footer-btn{position:relative;overflow:hidden}.home .cta-row.ig-footer-dock .footer-label{z-index:2;position:relative}.choose-sound{z-index:40;flex-direction:column;justify-content:flex-end;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.choose-sound.closing{animation:.3s both fadeOut}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.cs-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020409c7;position:absolute;inset:0}.cs-preview{place-items:center;padding-top:56px;display:grid}.cs-bpm{text-align:center}.cs-bpm-n{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:46px;font-weight:800}.cs-bpm-l{letter-spacing:.22em;color:var(--ink3);font-size:12px;font-weight:700}.cs-tap{border:1px solid var(--line2);color:var(--ink2);border-radius:999px;margin-top:9px;padding:6px 13px;font-size:11.5px}.sheet{background:linear-gradient(180deg, var(--card2), var(--card));border:1px solid var(--line2);padding:10px 18px calc(20px + env(safe-area-inset-bottom));border-bottom:none;border-radius:30px 30px 0 0;animation:.42s cubic-bezier(.22,1.1,.3,1) sheetUp;position:relative;box-shadow:0 -30px 80px #0009}@keyframes sheetUp{0%{transform:translateY(60%)}}.closing .sheet{animation:.3s both sheetDown}@keyframes sheetDown{to{transform:translateY(100%)}}.sheet-grab{background:var(--line2);border-radius:3px;width:44px;height:4.5px;margin:4px auto 12px}.sheet-title{text-align:center;margin-bottom:16px;font-size:19px;font-weight:700}.cs-close{z-index:2;border:1px solid var(--line2);width:36px;height:36px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:14px}.cs-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.opt-card{border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--card);flex-direction:column;align-items:center;gap:3px;padding:18px 10px 14px;display:flex;position:relative}.opt-card.sel{border-color:var(--accent-line);box-shadow:none}.opt-check{background:var(--tempo);color:#1a0d02;border-radius:50%;place-items:center;width:23px;height:23px;animation:.3s cubic-bezier(.3,1.6,.4,1) popIn;display:grid;position:absolute;top:9px;right:9px}@keyframes popIn{0%{transform:scale(0)}}.opt-stage{place-items:center;width:100%;height:68px;display:grid;overflow:hidden}.opt-stage .wavebars{height:52px}.opt-stage svg.opt-vo,.opt-stage svg.opt-trailer{width:96px;height:64px}.vo-ring{transform-origin:48px 36px;animation:voRing calc(var(--beat) * 4) ease-in-out infinite}.vo-ring.r2{animation-delay:calc(var(--beat) * -1)}.vo-ring.r3{animation-delay:calc(var(--beat) * -2)}@keyframes voRing{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.85;transform:scale(1.05)}}.tr-riser{animation:riser calc(var(--beat) * 4) ease-in-out infinite alternate;transform-origin:bottom}@keyframes riser{0%{transform:scaleY(.82)}to{transform:scaleY(1.04)}}.tr-hit{animation:hitBlink calc(var(--beat) * 4) ease-in-out infinite}@keyframes hitBlink{0%,78%,to{opacity:.25}88%{opacity:1}}.opt-name{margin-top:5px;font-size:15.5px;font-weight:700}.opt-sub{color:var(--ink3);font-size:12px}.scan{align-items:center}.scan .topbar,.scan .statusbar{align-self:stretch;width:100%}.scan-chips{flex:none;justify-content:space-between;width:100%;padding:0 6px;display:flex}.scan-chip{opacity:.25;color:var(--ink);border-radius:17px;flex-direction:column;gap:0;padding:9px 17px;font-size:13.5px;font-weight:700;transition:all .45s cubic-bezier(.3,1.3,.4,1);transform:translateY(4px)}.scan-chip.on{opacity:1;border-color:var(--line2);transform:none}.scan-chip .sc-n{color:var(--tempo);font-variant-numeric:tabular-nums;font-size:21px;font-weight:800}.scan-chip .sc-l{letter-spacing:.16em;color:var(--ink3);font-size:10.5px}.scan-chip .dot{border-radius:50%;width:6px;height:6px;margin-top:4px;display:inline-block}.dot.orange{background:var(--tempo);box-shadow:none}.dot.cyan{background:var(--cyan);box-shadow:none}.scan-stage{flex:1;place-items:center;width:100%;min-height:330px;margin:4px 0;display:grid}.scan-ringbox{position:relative}.scan-core{text-align:center}.scan-diamond{color:var(--tempo);animation:beatPulse calc(var(--beat) * 2) ease-in-out infinite;display:inline-block}.scan-label{letter-spacing:.12em;color:var(--ink2);margin-top:6px;font-size:16px;font-weight:600}.scan-slot{opacity:0;width:48px;height:62px;margin:-31px 0 0 -24px;transition:opacity .5s,scale .55s cubic-bezier(.3,1.5,.4,1);position:absolute;scale:.4}.scan-slot.on{opacity:1;scale:1}.ss-card{background:#0a1120;border:1.5px solid #c8d7f573;border-radius:10px;width:100%;height:100%;overflow:hidden;box-shadow:0 10px 24px #0000008c}.ss-card svg{filter:brightness(1.3);width:100%;height:100%;display:block}.ss-nub{background:var(--cyan);width:8px;height:8px;box-shadow:none;border-radius:2px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.scan-rail{width:100%}.btn.lock{border:1.5px solid var(--line2);width:100%;color:var(--ink3);background:0 0;border-radius:22px;flex:none}.btn.lock.ready{border-color:var(--accent-line);color:var(--tempo);box-shadow:none;animation:lockGlow calc(var(--beat) * 2) ease-in-out infinite}@keyframes lockGlow{50%{box-shadow:none}}.scan.locking .scan-stage{animation:.7s cubic-bezier(.3,1.4,.4,1) lockSnap}@keyframes lockSnap{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.7)saturate(1.3);transform:scale(.94)}to{transform:scale(1)}}.bpm-chip{font-variant-numeric:tabular-nums}.sound-strip{flex:none;align-items:center;gap:13px;padding:11px 15px;display:flex}.strip-wave{flex:1;height:30px}.sound-strip .ghostwave{flex:1}.strip-meta{text-align:right}.strip-name{font-size:13.5px;font-weight:700}.strip-sub{color:var(--ink3);font-size:11px}.moments-row{flex:none;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:13px;display:grid}.moment-slot{cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex}.ms-frame{aspect-ratio:3/4;border:1.5px dashed var(--line2);background:var(--card);border-radius:13px;place-items:center;width:100%;transition:border-color .3s,box-shadow .3s;display:grid;overflow:hidden}.moment-slot.next .ms-frame{border-color:var(--slot);box-shadow:none;animation:nextBreath calc(var(--beat) * 2) ease-in-out infinite}@keyframes nextBreath{50%{box-shadow:none}}.moment-slot.filled .ms-frame{border-style:solid;border-color:var(--slot)}.moment-slot.landed .ms-frame{animation:.5s landFlash}@keyframes landFlash{30%{box-shadow:none;filter:brightness(1.5)}}.ms-frame svg{width:100%;height:100%;display:block}.ms-plus{opacity:.5;width:12px;height:12px;position:relative}.ms-plus:before,.ms-plus:after{content:"";background:var(--ink2);border-radius:2px;position:absolute}.ms-plus:before{width:2px;height:12px;top:0;left:5px}.ms-plus:after{width:12px;height:2px;top:5px;left:0}.ms-label{color:var(--ink2);letter-spacing:.04em;font-size:11px;font-weight:700}.moment-slot.filled .ms-label{color:var(--ink)}.cast-grid-head{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.clip-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:9px;margin-bottom:15px;display:grid}.clip-card{aspect-ratio:3/4;border:1px solid var(--line);border-radius:13px;transition:opacity .3s;position:relative;overflow:hidden}.clip-card svg{width:100%;height:100%;display:block}.clip-card.used{opacity:.32}.cc-dur{color:var(--ink2);background:#03050ab8;border-radius:6px;padding:2px 6px;font-size:9.5px;font-weight:700;position:absolute;bottom:5px;right:5px}.cc-check{background:var(--tempo);color:#1a0d02;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:5px;right:5px}.fly-clone{z-index:80;border:1.5px solid var(--tempo2);pointer-events:none;border-radius:13px;animation:.54s cubic-bezier(.22,.9,.24,1.06) both flyTo;position:fixed;overflow:hidden;box-shadow:0 18px 44px #000000a6}@keyframes flyTo{0%{transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(var(--s));opacity:.95}}.fly-clone svg{width:100%;height:100%;display:block}.build-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020409d1;place-items:center;animation:.3s fadeIn;display:grid;position:absolute;inset:0}.build-label{letter-spacing:.14em;color:var(--ink2);text-transform:uppercase;font-size:13px;font-weight:700}.cast>.btn.primary.wide{bottom:calc(8px + env(safe-area-inset-bottom));z-index:18;margin-top:auto;position:sticky;box-shadow:0 14px 34px #0000006b}@media (orientation:landscape) and (height<=699px){.cast,.export{gap:8px}.cast .topbar,.export .topbar{padding:4px 0 6px}.cast .sound-strip{padding:8px 14px}.cast .moments-row{gap:7px;margin-top:8px}.cast .ms-label{font-size:10px}.cast .clip-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-bottom:68px}.export-proj,.ghost-card{padding:9px 12px}.export-cueprint{transform-origin:50%;margin:-18px 0 -20px;padding:4px 0 0;transform:scale(.78)}.export-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.export-row{padding:9px 10px}.export-row .ready-pill,.export-row .er-sub{display:none}.export-cta{bottom:calc(67px + env(safe-area-inset-bottom));z-index:18;margin-top:auto;position:sticky;box-shadow:0 14px 34px #0000006b}.export .btn.ghost.wide{bottom:calc(8px + env(safe-area-inset-bottom));z-index:18;-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:#080c16e0;position:sticky}}.fc-preview{flex:1;min-height:300px;position:relative;overflow:hidden}.fc-media,.sp-media{position:absolute;inset:0}.fc-media svg,.sp-media svg{width:100%;height:100%;display:block}.kenburns svg{animation:9s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.12)translate(-2%,1.5%)}}.fc-caption{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.fc-ring{z-index:3;position:absolute;bottom:12px;right:12px}.fc-rail{margin:10px 2px 4px}.fc-moments{flex:none;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 14px;display:grid}.fc-moment{flex-direction:column;align-items:center;gap:5px;display:flex}.fcm-thumb{aspect-ratio:4/3;border:1.5px solid var(--line);background:var(--card);border-radius:10px;width:100%;overflow:hidden}.fc-moment.filled .fcm-thumb{border-color:var(--slot)}.fcm-thumb svg{width:100%;height:100%;display:block}.fcm-label{color:var(--ink2);font-size:10.5px;font-weight:700}.studio{padding:0}.studio-top{flex:none;justify-content:space-between;align-items:center;padding:16px 16px 10px;display:flex}.seq-pill{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:10px 17px;font-size:14.5px;font-weight:700;display:inline-flex}.studio-top-right{align-items:center;gap:8px;display:flex}.q-chip{font-weight:800}.studio-preview{border-radius:var(--r-lg);border:1px solid var(--line);flex:1;min-height:180px;margin:0 12px;transition:flex .4s cubic-bezier(.3,1,.4,1);position:relative;overflow:hidden}.sp-caption{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.sp-caption.size-S .cap-lg{font-size:30px}.sp-caption.size-L .cap-lg{font-size:56px}.hidden-layer{opacity:.12}.sp-ring{z-index:3;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;bottom:11px;right:11px}.sp-ring-label{letter-spacing:.08em;color:var(--ink2);text-shadow:0 1px 4px #000c;font-size:9.5px;font-weight:650}.look-noir .sp-media{filter:grayscale(.92)contrast(1.18)brightness(.95)}.look-ember .sp-media{filter:sepia(.25)saturate(1.25)hue-rotate(-8deg)contrast(1.06)}.look-ice .sp-media{filter:saturate(.85)hue-rotate(12deg)brightness(1.04)contrast(1.04)}.look-neon .sp-media{filter:saturate(1.6)contrast(1.12)}.studio-timeline{flex:none;align-items:center;gap:11px;padding:9px 16px 4px;display:flex}.play-btn{background:var(--card);border:1px solid var(--line2);width:42px;height:42px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.timecode{font-variant-numeric:tabular-nums;color:var(--ink2);flex:none;font-size:14.5px;font-weight:700}.studio-rail{flex:1}.drawer{flex:none;max-height:0;transition:max-height .45s cubic-bezier(.3,1,.4,1);overflow:hidden}.drawer.open{max-height:250px}.drawer-body{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);margin:8px 12px 4px;padding:13px 15px 15px;animation:.4s cubic-bezier(.22,1,.3,1) drawerIn}@keyframes drawerIn{0%{opacity:0;transform:translateY(18px)}}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.drawer-head .section-label{margin:0}.preset-row{scrollbar-width:none;gap:9px;padding-bottom:2px;display:flex;overflow-x:auto}.preset-row::-webkit-scrollbar{display:none}.ghost-toggle{align-items:center;gap:9px;display:flex}.gt-label{color:var(--ink3);font-size:13px;font-weight:700}.gt-label.on{color:var(--tempo)}.sound-wave-box{place-items:center;padding:4px 0 10px;display:grid}.drawer-wave{height:40px}.sound-rows{flex-direction:column;gap:7px;display:flex}.row{background:var(--card2);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:11px 13px;display:flex}.row.sel{border-color:var(--accent-line)}.row-name{flex:1;font-size:14px;font-weight:700}.row-sub{color:var(--ink3);font-size:12px}.offset-row{justify-content:space-between;align-items:center;padding:7px 13px 0;display:flex}.stepper{background:var(--card2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:4px;padding:3px;display:flex}.stepper button{width:32px;height:30px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;font-size:17px}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:58px;font-size:13px;font-weight:700}.density-row{align-items:center;gap:13px;margin-bottom:13px;display:flex}.slider{appearance:none;background:linear-gradient(90deg, var(--tempo), var(--tempo2));border-radius:4px;outline:none;flex:1;height:4px}.slider::-webkit-slider-thumb{appearance:none;border:5px solid var(--tempo);width:22px;height:22px;box-shadow:none;background:#fff;border-radius:50%}.look-row{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.look-tile{border:1.5px solid var(--line);background:var(--card2);border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:10px 4px;display:flex}.look-tile.sel{border-color:var(--accent-line)}.lt-swatch{border-radius:11px;width:40px;height:40px}.lk-noir .lt-swatch{background:linear-gradient(150deg,#aeb6c4,#20242c 70%)}.lk-ember .lt-swatch{background:linear-gradient(150deg,#ffb36b,#6b2106 75%)}.lk-ice .lt-swatch{background:linear-gradient(150deg,#aee9f7,#14424f 75%)}.lk-neon .lt-swatch{background:linear-gradient(150deg,#ff7ae0,#2519a8 80%)}.lt-name{color:var(--ink2);font-size:11.5px;font-weight:700}.remix-row{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.remix-card{border:1.5px solid var(--line);background:var(--card2);border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:11px 6px;display:flex}.remix-card.sel{border-color:var(--accent-line);box-shadow:none}.rc-name{margin-top:4px;font-size:12.5px;font-weight:750}.rc-sub{color:var(--ink3);font-size:10.5px}.toolrail{padding:9px 10px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--bg0) 35%);flex:none;grid-template-columns:repeat(6,1fr);display:grid}.tool{color:var(--ink3);border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:9px 0;font-size:10.5px;font-weight:650;display:flex}.tool.on{color:var(--tempo);background:var(--accent-soft)}.export .topbar{padding-top:16px}.export-proj{flex:none;gap:13px;padding:11px;display:flex}.ep-thumb{aspect-ratio:16/11;border-radius:14px;flex:none;width:118px;position:relative;overflow:hidden}.ep-thumb svg{width:100%;height:100%;display:block}.ep-thumb>video,.ep-thumb>img{object-fit:contain;background:#101218;width:100%;height:100%}.export-empty-thumb{width:100%;height:100%;color:var(--ink3);background:#101218;place-items:center;display:grid}.ep-play{color:#fff;place-items:center;display:grid;position:absolute;inset:0}.ep-play svg{background:#05080e9e;border:1px solid #ffffff40;border-radius:50%;width:30px;height:30px;padding:7px}.ep-meta{flex:1;min-width:0}.ep-name{font-size:16.5px;font-weight:750}.ep-chips{gap:6px;margin:7px 0;display:flex}.ep-row{align-items:center;gap:9px;display:flex}.ep-wave{flex:1;height:22px;overflow:hidden}.export-cueprint{flex:none;place-items:center;padding:16px 0 4px;display:grid;position:relative}.ec-side{letter-spacing:.14em;color:var(--ink3);font-size:10.5px;font-weight:800;position:absolute;top:50%}.ec-side.left{color:var(--tempo);left:22px}.ec-side.right{color:var(--cyan);right:8px}.ec-ready{letter-spacing:.3em;color:var(--lime);text-shadow:0 0 14px #54e08b80;margin-top:8px;font-size:13px;font-weight:800}.ec-ready.done{animation:.4s cubic-bezier(.3,1.5,.4,1) popIn}.export-rows{flex-direction:column;flex:none;gap:8px;margin-top:10px;display:flex}.export-row{border-radius:19px;align-items:center;gap:12px;padding:12px 14px;display:flex}.er-icon{background:var(--card2);border:1px solid var(--line);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.er-icon.orange{color:var(--tempo)}.er-icon.cyan{color:var(--cyan)}.er-meta{flex:1;min-width:0}.er-name{font-size:14.5px;font-weight:750}.er-sub{color:var(--ink3);font-size:12px}.ready-pill{color:var(--lime);border:1px solid #54e08b73;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:750;display:inline-flex}.ready-pill.planned{border-color:var(--line2);color:var(--ink3)}.ghost-card{border-color:var(--accent-line);box-shadow:none;flex:none;align-items:center;gap:13px;margin-top:9px;padding:13px 15px;display:flex}.ghost-card.owned{border-color:var(--line2);box-shadow:none}.gc-icon{width:52px;height:52px;color:var(--tempo);border:1.5px dashed var(--accent-line);animation:beatPulse calc(var(--beat) * 4) ease-in-out infinite;border-radius:50%;flex:none;place-items:center;display:grid}.gc-icon.owned{color:var(--ink2);border-style:solid;animation:none}.gc-meta{flex:1}.gc-name{margin-bottom:4px;font-size:15px;font-weight:750}.gc-check{color:var(--ink2);align-items:center;gap:7px;padding:1.5px 0;font-size:12.5px;display:flex}.gc-check svg{color:var(--tempo)}.gc-chev{color:var(--ink3);font-size:22px}.export-cta{margin-top:13px;position:relative}.export-cta .cta-arrow{font-size:19px;position:absolute;right:20px}.export-cta.done{background:linear-gradient(160deg,#6fe9a0,#2bb45f);box-shadow:0 10px 32px #54e08b4d}.export-cta.rendering{animation:beatPulse var(--beat) ease-in-out infinite}.export .btn.ghost.wide{flex:none;margin-top:9px}.export-video-preview{object-fit:contain;background:#101218;border-radius:14px;width:100%;max-height:240px;margin:8px 0}.export-warning,.export-error{color:var(--ink2);margin-top:9px;padding:11px 13px;font-size:12px;line-height:1.45}.export-error{color:#ffb5b5;border-color:#ff5f5f70}.export-rights{color:var(--ink2);cursor:pointer;align-items:flex-start;gap:10px;margin-top:10px;padding:11px 13px;font-size:11.5px;line-height:1.42;display:flex}.export-rights input{width:17px;height:17px;accent-color:var(--tempo);flex:none;margin:0}.export-disclosure{color:var(--ink3);padding:8px 10px 0;font-size:10.5px;line-height:1.45}.mini-toggle.disabled,.btn.dim{opacity:.52}.proj-row{text-align:left;flex:none;align-items:center;gap:12px;width:100%;margin-bottom:9px;padding:11px 13px;display:flex}.proj-row.current{border-color:var(--accent-line)}.pr-thumb{aspect-ratio:3/4;border-radius:10px;flex:none;width:46px;overflow:hidden}.pr-thumb svg{width:100%;height:100%;display:block}.pr-meta{flex:1;min-width:0}.pr-name{margin-bottom:6px;font-size:15.5px;font-weight:750}.pr-chips{flex-wrap:wrap;gap:6px;display:flex}.pr-chev{color:var(--ink3);flex:none}.recipe-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.recipe-card{flex-direction:column;align-items:center;gap:8px;padding:13px 12px 12px;display:flex}.rcp-stage{place-items:center;height:96px;display:grid;position:relative}.rcp-cap{white-space:nowrap;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.rcp-name{margin-top:4px;font-size:14.5px;font-weight:750}.rcp-chips{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.rcp-chips .chip{padding:4px 9px;font-size:10.5px}.recipes-note{text-align:center;color:var(--ink3);margin-top:14px;font-size:12px}.set-row{flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;padding:15px 16px;display:flex}.row-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.row-copy small{color:var(--ink3);font-size:11.5px;font-weight:700}.rail-font-card{align-items:flex-start}.rail-font-tools{justify-content:flex-end;align-items:center;gap:8px;max-width:186px;display:flex}.rail-font-swatches{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.rail-font-dot{flex:none;width:29px;height:29px}.skin-row{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px;display:grid}.skin-tile{border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--card);flex-direction:column;align-items:center;gap:8px;padding:13px 6px;display:flex}.skin-tile.sel{border-color:var(--accent-line);box-shadow:none}.sk-swatch{border:1px solid var(--line2);border-radius:12px;width:100%;height:52px}.sk-midnight .sk-swatch{background:linear-gradient(160deg,#0d1730,#03050a)}.sk-ember .sk-swatch{background:linear-gradient(160deg,#2a1408,#080403)}.sk-aurora .sk-swatch{background:linear-gradient(160deg,#16204a,#04060f)}.sk-name{color:var(--ink2);font-size:12.5px;font-weight:700}.skin-tile.sel .sk-name{color:var(--ink)}.accent-row{gap:11px;display:flex}.accent-dot{border:2px solid #0000;border-radius:50%;width:30px;height:30px}.accent-dot.sel{box-shadow:0 0 0 3px var(--card);border-color:#fff}.ac-tempo{background:var(--tempo);color:var(--tempo)}.ac-cyan{background:var(--cyan);color:var(--cyan)}.ac-violet{background:var(--violet);color:var(--violet)}.ac-lime{background:var(--lime);color:var(--lime)}.settings-foot{text-align:center;color:var(--ink3);margin-top:auto;padding-top:20px;font-size:11.5px}.device[data-theme=light] body,.device[data-theme=light]{background:linear-gradient(180deg, var(--bg1), var(--bg0))}.device[data-theme=light] .pill{color:#0e7c93;background:#ffffffb3}.device[data-theme=light] .toast{color:var(--ink);background:#fffffff2}.device[data-theme=light] .preset-tile .pt-stage{background:radial-gradient(80px 40px at 50% 60%,#1a2236,#0a0d16)}.mini-panel{z-index:16;-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background:#04090fb8;border-color:#ffffff29;border-radius:22px;gap:10px;padding:12px;display:grid;position:relative}.mini-panel-head{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.mini-panel-grid{gap:8px;display:grid}.mini-panel-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-choice,.mini-toggle{min-height:54px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff24;border-radius:16px;place-items:center;gap:2px;padding:8px 7px;display:grid}.mini-choice span,.mini-toggle{font-size:12px;font-weight:850}.mini-choice small,.mini-note,.recipe-steps span{color:var(--ink3);font-size:10.5px;line-height:1.25}.mini-choice.sel,.mini-toggle.on{border-color:var(--accent-line);background:var(--accent-soft);color:var(--ink)}.scan-tune{position:absolute;top:88px;left:18px;right:18px}.export-panel,.dna-panel{margin:-4px 0 2px}.preview-strip{color:var(--ink2);grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:7px;font-size:11px;font-weight:850;display:grid}.preview-strip i{background:linear-gradient(90deg, var(--accent), #ffffff29);border-radius:999px;height:2px}.recipe-steps{gap:6px;display:grid}.recipe-copy-box{resize:vertical;width:100%;min-height:92px;color:var(--ink);background:#00000047;border:1px solid #ffffff24;border-radius:14px;padding:10px;font:10.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cut-note{margin-top:8px}.capture-screen.camera-capture{color:var(--ink);background:#020308;gap:0;padding:0}.camera-topbar{top:max(10px, env(safe-area-inset-top));z-index:8;pointer-events:none;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid;position:absolute;left:12px;right:12px}.camera-topbar>*{pointer-events:auto}.camera-close,.camera-count,.camera-session-pill{-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#0000006b;border:1px solid #ffffff26}.camera-session-pill{border-radius:999px;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:0;height:42px;padding:0 13px;display:grid}.camera-session-pill span{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:950}.camera-session-pill input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:none;font-size:13px;font-weight:850}.camera-count{height:42px}.camera-viewfinder{background:radial-gradient(circle at 50% 34%,#2bf58a1f,#0000001a 42%,#000000b8 100%),#03060b;border:0;border-radius:0;flex:auto;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.capture-preview video,.captured-media{object-fit:cover;width:100%;height:100%;display:block}.camera-viewfinder:after{content:"";pointer-events:none;background:linear-gradient(#0000008f,#0000 22% 62%,#000000b8),radial-gradient(circle,#0000 55%,#00000057);position:absolute;inset:0}.camera-badges{top:calc(max(10px, env(safe-area-inset-top)) + 52px);z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:14px;right:14px}.camera-badges span{color:#ffffffdb;letter-spacing:.12em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000005c;border:1px solid #ffffff21;border-radius:999px;padding:6px 9px;font-size:9.5px;font-weight:950}.camera-permission{z-index:4;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#0000008a;border:1px solid #fff3;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:950;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.camera-rec-dot{z-index:4;top:calc(max(10px, env(safe-area-inset-top)) + 88px);color:#fff;letter-spacing:.08em;animation:recPulse var(--beat) ease-in-out infinite;background:#ff2a14;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;position:absolute;left:16px}@keyframes recPulse{50%{filter:brightness(1.18);transform:scale(1.06)}}.camera-viewfinder.recording{box-shadow:inset 0 0 0 2px #ff2a14b3}.camera-audio-art{z-index:2;color:var(--accent);text-align:center;place-items:center;gap:12px;font-weight:900;display:grid}.camera-audio-art span{color:#ffffffc7;font-size:13px}.capture-error{z-index:9;color:#ffd1c8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2a0804c7;border-color:#ff503c59;padding:10px 12px;position:absolute;bottom:220px;left:14px;right:14px}.camera-native-strip{background:#020308f5;border-top:1px solid #ffffff14;flex:none;grid-template-columns:minmax(0,1fr) repeat(5,auto);align-items:center;gap:7px;padding:8px 12px 6px;display:grid}.camera-pro-strip{background:#020308;flex:none;grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:center;gap:7px;padding:0 12px 7px;display:grid}.camera-pro-strip span,.camera-native-strip span{color:#ffffffa3;letter-spacing:.02em;min-width:0;font-size:10px;font-weight:900}.mini-btn,.pro-mode{color:#ffffffe0;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;padding:7px 8px;font-size:10px;font-weight:950}.mini-btn.native-all,.pro-mode.on{color:#020308;background:var(--accent);border-color:#0000}.camera-capture[data-contrast=auto][data-tone=light] .camera-topbar,.camera-capture[data-contrast=halo] .camera-topbar,.camera-capture[data-contrast=auto][data-tone=light] .camera-badges,.camera-capture[data-contrast=halo] .camera-badges{filter:drop-shadow(0 1px 2px #000000f2)drop-shadow(0 0 10px #000000d1)}.camera-capture[data-contrast=dark] .camera-close,.camera-capture[data-contrast=dark] .camera-count,.camera-capture[data-contrast=dark] .camera-session-pill,.camera-capture[data-contrast=dark] .camera-badges span{color:#000000e0;background:#ffffffb8;border-color:#0000001f}.camera-capture[data-contrast=dark] .camera-session-pill input{color:#000000e6}.camera-device-panel{scrollbar-width:none;background:#020308;flex:none;align-items:center;gap:7px;padding:0 12px 8px;display:flex;overflow-x:auto}.camera-device-panel::-webkit-scrollbar{display:none}.device-chip,.camera-device-select,.zoom-chip{color:#ffffffb8;background:#ffffff0e;border:1px solid #ffffff21;border-radius:999px;flex:none;min-height:30px;font-size:10px;font-weight:950}.device-chip{align-items:center;gap:5px;padding:0 10px;display:inline-flex}.device-chip.on,.camera-device-select:focus{color:#020308;background:var(--accent);outline:none}.device-chip:disabled{opacity:.42}.camera-device-select{appearance:none;max-width:150px;padding:0 10px}.zoom-chip{align-items:center;gap:7px;padding:0 9px;display:inline-flex}.zoom-chip input{width:72px;accent-color:var(--accent)}.camera-controls{isolation:isolate;height:calc(92px + env(safe-area-inset-bottom));margin:4px 28px max(10px, env(safe-area-inset-bottom));padding:8px 14px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(30px)saturate(175%);background:linear-gradient(#ffffff29,#ffffff0e 44%,#ffffff14),#0a0d14bd;border:1px solid #ffffff2e;border-radius:42px;flex:none;grid-template-columns:62px 1fr 62px;align-items:center;gap:12px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff3d,inset 0 -18px 28px #00000042,0 18px 48px #0000006b}.camera-controls:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 0,#ffffff2e,#0000 34%),linear-gradient(90deg,#ffffff17,#0000 42%,#ffffff14);position:absolute;inset:1px}.last-shot,.use-session{color:#ffffffeb;text-align:center;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(#ffffff2e,#ffffff12);border:1px solid #fff3;border-radius:18px;align-self:center;place-items:center;height:58px;font-size:11px;font-weight:950;line-height:1.05;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 10px 24px #0000003d}.last-shot.has-media{border-color:#ffffff42}.last-shot .captured-media{object-fit:cover;width:100%;height:100%}.camera-center-control{justify-items:center;gap:7px;display:grid}.mode-carousel{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:4px;display:inline-flex}.mode-tab{color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:950}.mode-tab.on{color:#020308;background:var(--accent)}.camera-shutter{background:#ffffff14;border:3px solid #fffffff5;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 0 0 1px #0000008c,0 14px 30px #00000073}.camera-shutter span{background:#fff;border-radius:50%;width:62px;height:62px;transition:transform .18s,border-radius .18s,background .18s}.camera-shutter.video span,.camera-shutter.audio span{background:#ff2a14}.camera-shutter.recording span{background:#ff2a14;border-radius:12px;width:38px;height:38px}.camera-shutter:disabled{opacity:.6}.shutter-label{color:#ffffffb8;text-align:center;min-height:14px;font-size:10.5px;font-weight:850}.capture-recent-strip{background:#020308;flex:none;grid-auto-columns:minmax(162px,1fr);grid-auto-flow:column;gap:8px;min-height:58px;max-height:72px;padding:0 12px 8px;display:grid;overflow-x:auto}.camera-asset{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.camera-asset .captured-media{border-radius:12px;width:52px;height:44px;overflow:hidden}.cap-meta{text-align:left;gap:2px;min-width:0;display:grid}.cap-meta span{text-transform:uppercase;color:var(--ink);font-size:11px;font-weight:950}.cap-meta small,.cc-folder{text-overflow:ellipsis;white-space:nowrap;color:var(--ink3);font-size:10px;overflow:hidden}.camera-empty{color:var(--ink3);background:#ffffff0d;border-radius:16px;padding:12px;font-size:11.5px;line-height:1.28}.native-capture-input{display:none}.captured-audio{text-align:center;color:var(--accent);background:radial-gradient(circle at 50% 50%, var(--accent-soft), #ffffff0a);place-items:center;gap:7px;padding:10px;display:grid}.captured-audio span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink2);font-size:10px;overflow:hidden}.captured-card{border-color:var(--accent-line)}.clip-card .captured-media,.clip-card .clip-media,.ms-frame .captured-media,.ms-frame .clip-media,.fcm-thumb .captured-media,.fcm-thumb .clip-media,.fc-media .captured-media,.fc-media .clip-media,.sp-media .captured-media,.sp-media .clip-media,.ep-thumb .clip-media{object-fit:cover;width:100%;height:100%}.clip-card .captured-media,.clip-card .clip-media{pointer-events:none}.clip-video{background:#04070c;display:block}.clip-card .captured-audio,.ms-frame .captured-audio,.fcm-thumb .captured-audio{border-radius:inherit}.cc-folder{color:#ffffffb8;background:#00000070;border-radius:999px;max-width:calc(100% - 12px);padding:2px 5px;position:absolute;bottom:5px;left:6px}.hero-blur .captured-media,.real-demo-stage .captured-media.hero-demo-video{object-fit:cover;width:100%;height:100%}.session-drawer-backdrop{z-index:20;pointer-events:auto;background:linear-gradient(#0000 20%,#000000b8);align-items:end;display:grid;position:absolute;inset:0}.session-drawer{margin:0 10px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(26px)saturate(145%);backdrop-filter:blur(26px)saturate(145%);background:#05070beb;border-color:#ffffff29;border-radius:28px;flex-direction:column;gap:8px;max-height:min(72dvh,620px);padding:12px;display:flex;box-shadow:0 -28px 80px #0000008f}.session-drawer-head,.session-drawer-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.session-drawer-head strong{color:#fff;letter-spacing:-.02em;margin-top:2px;font-size:16px;display:block}.session-preview-stage{background:radial-gradient(circle at 50% 28%,#2bf58a24,#ffffff0a),#05070b;border:1px solid #ffffff1a;border-radius:24px;flex:none;min-height:clamp(90px,22dvh,176px);max-height:240px;margin-top:12px;position:relative;overflow:hidden}.session-preview-stage .captured-media{object-fit:cover;width:100%;height:100%;min-height:176px}.session-nav{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000061;border:1px solid #ffffff24;border-radius:999px;width:34px;height:52px;font-size:28px;font-weight:800;position:absolute;top:50%;transform:translateY(-50%)}.session-nav.prev{left:9px}.session-nav.next{right:9px}.session-audio-toggle{z-index:3;color:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000006b;border:1px solid #ffffff24;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:950;position:absolute;top:10px;right:52px}.session-audio-toggle:disabled{opacity:.44}.session-preview-meta{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000070;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.session-preview-meta span{color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:950}.session-preview-meta strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;font-size:12px;overflow:hidden}.session-select-bar{align-items:center;gap:8px;padding:10px 0 0;display:flex}.select-pill{color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;padding:8px 10px;font-size:10.5px;font-weight:950}.session-select-bar span{color:var(--ink3);margin-left:auto;font-size:10.5px;font-weight:850}.cut-plan-receipt{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, #ffffff0f), #ffffff0a);border:1px solid color-mix(in srgb, var(--accent) 34%, #ffffff14);border-radius:18px;gap:6px;margin-top:10px;padding:10px;display:grid}.cut-plan-title,.cut-plan-row{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.cut-plan-title span,.cut-plan-row span{color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:950}.cut-plan-title strong,.cut-plan-row strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;font-size:11px;overflow:hidden}.cut-plan-row small{color:var(--ink3);white-space:nowrap;font-size:9.5px;font-weight:800}.session-drawer-list{flex:1;gap:8px;min-height:0;padding:12px 0;display:grid;overflow-y:auto}.session-review-row{background:#ffffff0f;border:1px solid #ffffff17;border-radius:20px;grid-template-columns:30px 64px minmax(0,1fr) 34px auto;align-items:center;gap:8px;min-height:72px;padding:8px;display:grid}.session-review-row.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, #ffffff0f)}.session-review-row.favorite{box-shadow:inset 3px 0 0 var(--accent)}.session-select,.session-favorite{width:30px;height:30px;color:var(--accent);background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;place-items:center;font-size:15px;font-weight:950;display:grid}.session-favorite.on{color:#020308;background:var(--accent);border-color:#0000}.session-thumb{background:#ffffff0a;border:0;border-radius:14px;width:64px;height:54px;padding:0;overflow:hidden}.session-thumb .captured-media,.session-review-row>.captured-media{object-fit:cover;border-radius:14px;width:100%;height:100%;overflow:hidden}.session-review-meta{gap:2px;min-width:0;display:grid}.session-review-meta span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:950}.session-review-meta strong,.session-review-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-review-meta strong{color:#ffffffe6;font-size:12px}.session-review-meta small{color:var(--ink3);font-size:10px}.session-delete{color:#ffb5aa;background:#ff503c1a;border:1px solid #ff503c47;border-radius:999px;padding:8px 9px;font-size:10px;font-weight:950}.session-empty{color:var(--ink3);background:#ffffff0d;border-radius:18px;padding:16px;font-size:12px;line-height:1.35}.ai-plan-disclosure{color:var(--ink3);background:#1c74921a;border:1px solid #3cdcff3d;border-radius:14px;gap:4px;padding:10px 12px;font-size:10.5px;line-height:1.4;display:grid}.ai-plan-disclosure strong{color:#8deeff;letter-spacing:.04em;font-size:11px}.session-drawer-actions .btn{flex:1 1 0;min-height:44px}@media (width<=420px){.camera-native-strip{grid-template-columns:minmax(118px,1fr) repeat(5,auto);gap:5px;padding-left:9px;padding-right:9px}.camera-pro-strip{grid-template-columns:minmax(92px,1fr) repeat(3,auto);gap:5px;padding-left:9px;padding-right:9px}.camera-native-strip span,.camera-pro-strip span{font-size:9px;line-height:1.05}.mini-btn,.pro-mode{padding:7px 6px;font-size:9px}.session-review-row{grid-template-columns:26px 54px minmax(0,1fr) 30px auto;gap:6px}.session-thumb{width:54px}.session-select,.session-favorite{width:26px;height:26px}.session-delete{padding:7px 6px;font-size:9px}.session-preview-stage,.session-preview-stage .captured-media{min-height:150px}}@media (height<=760px){.camera-controls{height:calc(86px + env(safe-area-inset-bottom));padding:7px 12px max(9px, env(safe-area-inset-bottom));grid-template-columns:56px 1fr 56px;margin-left:28px;margin-right:28px}.camera-center-control{gap:4px}.mode-carousel{gap:4px;padding:3px}.mode-tab{padding:5px 6px;font-size:9px}.camera-shutter{border-width:2px;width:60px;height:60px}.camera-shutter span{width:46px;height:46px}.camera-shutter.recording span{border-radius:9px;width:30px;height:30px}.shutter-label,.capture-recent-strip{display:none}}.home .brand-word,.home .brand-sub,.home .rail-item,.home .rail-item .rail-name,.home .rail-item small,.home .fb-label,.home .sub-circle small,.home .submenu-title,.home .submenu-close{text-shadow:none}.home .rail-item,.home .rail-item.on,.home .rail-item.on svg,.home .floatbtn{filter:none}.home .fb-circle,.home .sc-glass{box-shadow:inset 0 1px #fff6}.home .submenu{box-shadow:none}.home .create-bar .rec-core{box-shadow:inset 0 2px 3px #ffe6dc66}.rail-item{color:var(--rail-font-color,#fff)}.rail-item small{color:var(--rail-font-color,#fff);opacity:.62}.home[data-tone-rail=light] .rail-item,.home[data-tone-rail=light] .rail-item .rail-name,.home[data-tone-rail=light] .rail-item small{color:#0a0f18;opacity:1}.home[data-tone-rail=light] .rail-item small{opacity:.66}.home[data-tone-rail=light] .rail-item.on,.home[data-tone-rail=light] .rail-item.on .rail-name,.home[data-tone-rail=light] .rail-item.on small{color:var(--accent)}.home[data-tone-top=light] .brand-word{color:#080d16d1}.home[data-tone-top=light] .brand-sub{color:#080d1699}.home[data-tone-bottom=light] .floatbtn,.home[data-tone-bottom=light] .fb-label{color:#0a0f18}.home[data-tone-bottom=light] .fb-circle{border-color:#0000003d}.device{--tempo:var(--accent);--tempo2:color-mix(in srgb, var(--accent) 55%, #fff);--tempo-deep:color-mix(in srgb, var(--accent) 72%, #000);--lime:var(--accent)}.device *,.device :before,.device :after{text-shadow:none!important}.hero-ringglow{display:none!important}.logo.glow{filter:none!important}.iconbtn.lit{box-shadow:none!important}.home .hero-real-demo video,.home .hero-real-demo img{filter:var(--look-filter,none)}.hero-caption{z-index:12;left:22px;right:96px;bottom:calc(132px + env(safe-area-inset-bottom));letter-spacing:-.01em;color:#fff;font-size:21px;font-weight:800;line-height:1.3;position:fixed}.hero-caption .hc-emph{color:var(--accent)}.home[data-tone-bottom=light] .hero-caption{color:#0a0f18}.app-backdrop{z-index:0;background:#02060b;position:fixed;inset:0;overflow:hidden}.app-backdrop video,.app-backdrop img{object-fit:cover;filter:blur(30px)saturate(1.15)brightness(.42);width:112%;height:112%;position:absolute;inset:-6%}.app-backdrop-tint{background:radial-gradient(120% 90% at 50% 30%,#0000 40%,#02060b8c 100%);position:absolute;inset:0}.screenwrap{z-index:1;position:relative}.device .card{-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background:#0d121c8c;border:1px solid #ffffff24}.capture-v2{background:#02060b;padding:0;position:relative;overflow:hidden}.cam-stage{z-index:0;background:#02060b;position:fixed;inset:0}.cam-stage video{object-fit:cover;width:100%;height:100%}.cam-stage video[data-facing=user]{transform:scaleX(-1)}.cam-audio-stage{position:absolute;inset:0}.cam-audio-stage>video,.cam-audio-stage>img{object-fit:cover;filter:blur(26px)brightness(.4);width:100%;height:100%}.cam-audio-center{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.cam-audio-mic{-webkit-backdrop-filter:blur(6px)saturate(1.5);backdrop-filter:blur(6px)saturate(1.5);background:#ffffff12;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.cam-audio-meter{width:min(74vw,300px);height:84px}.cam-audio-hint{color:#ffffffd9;font-size:13.5px;font-weight:700}.cam-top{z-index:5;top:calc(10px + env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:fixed;left:14px;right:14px}.cam-circle{color:#fff;-webkit-backdrop-filter:blur(5px)saturate(1.5);backdrop-filter:blur(5px)saturate(1.5);cursor:pointer;background:#ffffff12;border:1px solid #ffffff4d;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.cam-count{place-items:center;gap:1px;line-height:1;display:grid}.cam-count strong{font-size:17px;font-weight:900}.cam-count small{text-transform:uppercase;color:#ffffffb3;font-size:8.5px;font-weight:800}.cam-session{-webkit-backdrop-filter:blur(5px)saturate(1.5);backdrop-filter:blur(5px)saturate(1.5);background:#ffffff12;border:1px solid #ffffff38;border-radius:22px;flex:1;align-items:center;min-width:0;height:44px;padding:0 16px;display:flex}.cam-session input{color:#fff;width:100%;font-family:var(--font);text-align:center;background:0 0;border:0;outline:none;font-size:14.5px;font-weight:800}.cam-session input::placeholder{color:#ffffff8c}.cam-rec{z-index:5;top:calc(74px + env(safe-area-inset-top));color:#fff;font-variant-numeric:tabular-nums;background:#e00000d9;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.cam-rec i{width:8px;height:8px;animation:pv-rec var(--beat,.6s) ease-in-out infinite;background:#fff;border-radius:50%}.cam-live-audio{z-index:5;top:calc(112px + env(safe-area-inset-top));opacity:.9;width:150px;height:26px;position:fixed;left:50%;transform:translate(-50%)}.cam-allow{z-index:6;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);color:#fff;font-family:var(--font);cursor:pointer;background:#0d121c99;border:1px solid #ffffff59;border-radius:999px;padding:15px 26px;font-size:16px;font-weight:800;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cam-starting{z-index:4;color:#ffffffbf;font-size:13.5px;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cam-error{z-index:6;bottom:calc(210px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-align:center;background:#b41e1e99;border-radius:14px;padding:10px 14px;font-size:12.5px;position:fixed;left:20px;right:20px}.cam-rail{z-index:5;flex-direction:column;align-items:center;gap:16px;width:68px;display:flex;position:fixed;top:50%;right:10px;transform:translateY(-50%)}.capture-v2 .rail-item{width:68px}.capture-v2 .rail-item:disabled{opacity:.38}.capture-v2 .rail-item.on,.capture-v2 .rail-item.on small{color:var(--accent);opacity:1}.cam-bottom{z-index:5;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:13px;display:flex;position:fixed}.cam-modes{gap:22px;display:flex}.cam-mode{color:#ffffffa8;font-family:var(--font);text-transform:capitalize;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:13.5px;font-weight:800;position:relative}.cam-mode.on{color:#fff}.cam-mode.on:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-3px;left:15%;right:15%}.cam-actions{justify-content:center;align-items:center;gap:clamp(13px,4.6vw,30px);display:flex}.cam-side{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;display:flex}.cam-side-circle{color:#fff;-webkit-backdrop-filter:blur(5px)saturate(1.5);backdrop-filter:blur(5px)saturate(1.5);background:#ffffff12;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.cam-thumb video,.cam-thumb img{object-fit:cover;width:100%;height:100%}.cam-shutter{cursor:pointer;background:0 0;border:4px solid #fffffff2;border-radius:50%;place-items:center;width:80px;height:80px;padding:0;display:grid}.cam-shutter span{background:radial-gradient(circle at 42% 34%,#ff2a14,#e00000 58%,#c30000 100%);border-radius:50%;width:60px;height:60px;transition:border-radius .2s,width .2s,height .2s}.capture-v2[data-mode=photo] .cam-shutter span{background:#fff}.cam-shutter.recording span{border-radius:9px;width:34px;height:34px}.cam-shutter:disabled{opacity:.5}.cam-import .cam-side-circle{color:#05070c;background:#ffffffdb;border-color:#fffffff2}.cam-side:disabled{opacity:.45;cursor:default}@media (width<=390px){.cam-actions{gap:11px}.cam-side-circle{width:50px;height:50px}.cam-shutter{width:76px;height:76px}.cam-shutter span{width:56px;height:56px}.fb-label{font-size:10px}}.cam-more{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));justify-items:center;row-gap:16px;overflow:visible}.cam-more .sub-circle.sel small{color:var(--accent)}.cam-more-rows{flex-direction:column;gap:10px;padding-top:4px;display:flex}.cam-zoom,.cam-lens{color:#ffffffd9;align-items:center;gap:12px;font-size:12.5px;font-weight:700;display:flex}.cam-zoom input{accent-color:var(--accent);flex:1}.cam-lens select{color:#fff;font-family:var(--font);background:#ffffff14;border:1px solid #fff3;border-radius:10px;flex:1;padding:8px 10px}.capture-v2 .submenu{z-index:7;-webkit-overflow-scrolling:touch;height:auto;max-height:52vh;overflow-y:auto}.capture-v2[data-more=open] .cam-bottom,.capture-v2[data-more=open] .cam-rail{opacity:0;pointer-events:none}.cam-bottom,.cam-rail{transition:opacity .25s}.screen-crash{z-index:40;place-items:center;display:grid;position:fixed;inset:0}.crash-card{border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:26px 30px;display:flex}span.chip{align-items:center;display:inline-flex}.tc-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#ffffff0e;border:1px solid #ffffff17;border-radius:18px}.tc-header{z-index:12;padding:calc(10px + env(safe-area-inset-top)) 18px 8px;min-height:calc(54px + env(safe-area-inset-top));align-items:center;gap:12px;display:flex;position:relative}.tc-header .tc-logo{letter-spacing:-.05em;color:#fffffff0;white-space:nowrap;font-size:24px;font-weight:950;line-height:1.1}.tc-logo .bw-accent{color:var(--accent)}.tc-header .tc-tagline{letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin-top:1px;font-size:10px;font-weight:800}.tc-header .spacer{flex:1}.tc-header .tc-hbtn{color:#ffffffd9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.tc-nav{z-index:20;padding:10px 8px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);background:#05070cdb;border-top:1px solid #ffffff12;justify-content:space-around;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.tc-nav button{color:#ffffff8c;font-family:var(--font);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10.5px;font-weight:800;display:flex}.tc-nav button svg{width:23px;height:23px}.tc-nav button.on{color:var(--accent)}.tc-nav .tc-create{color:#fff;background:radial-gradient(circle at 42% 34%,#ff2a14,#e00000 58%,#c30000 100%);border:3px solid #ffffffeb;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;margin:0 4px;display:grid;transform:translateY(-6px);box-shadow:0 3px 10px #00000073}.has-nav{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}.qa-row{scrollbar-width:none;gap:14px;padding:4px 2px 2px;display:flex;overflow-x:auto}.qa-row::-webkit-scrollbar{display:none}.qa{color:#ffffffe0;width:64px;font-family:var(--font);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.qa .qa-ico{background:#ffffff0e;border:1px solid #ffffff17;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.qa .qa-ico svg{width:23px;height:23px}.qa small{color:#fffc;white-space:nowrap;font-size:10.5px;font-weight:800}.tc-section{align-items:baseline;gap:8px;margin:18px 2px 10px;display:flex}.tc-section strong{letter-spacing:-.02em;color:#fff;font-size:16px;font-weight:900}.tc-section small{color:#fff6;font-size:11px;font-weight:700}.tc-hrow{scrollbar-width:none;gap:10px;padding:2px;display:flex;overflow-x:auto}.tc-hrow::-webkit-scrollbar{display:none}.style-card{cursor:pointer;background:#0c0f15;border:1px solid #ffffff17;border-radius:16px;flex:none;width:118px;height:176px;padding:0;position:relative;overflow:hidden}.style-card .sc-art{position:absolute;inset:0}.style-card .sc-art svg,.style-card .sc-art video,.style-card .sc-art img{object-fit:cover;width:100%;height:100%}.style-card .sc-name{color:#fff;text-align:left;font-size:12px;font-weight:900;position:absolute;bottom:8px;left:9px;right:9px}.style-card .sc-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:9px;font-weight:800;position:absolute;bottom:24px;left:9px}.style-card:after{content:"";background:linear-gradient(#0000 46%,#000000b8 100%);position:absolute;inset:0}.style-card .sc-name,.style-card .sc-sub{z-index:2}.hero-card{aspect-ratio:9/12.4;cursor:pointer;background:#0c0f15;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-height:46vh;padding:0;position:relative;overflow:hidden}.hero-card video,.hero-card img,.hero-card .sc-fill{object-fit:cover;width:100%;height:100%}.hero-card .hc-foot{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.hero-card:after{content:"";background:linear-gradient(#0000 55%,#0009 100%);position:absolute;inset:0}.hero-card .hc-play{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff59;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.hero-card .hc-play svg{width:18px;height:18px}.hero-card .hc-meta{text-align:left}.hero-card .hc-meta strong{color:#fff;font-size:14.5px;font-weight:900;display:block}.hero-card .hc-meta small{color:#ffffffb8;font-size:11px;font-weight:700}.proc-overlay{z-index:30;-webkit-backdrop-filter:blur(26px)saturate(1.2);backdrop-filter:blur(26px)saturate(1.2);background:#04060a8c;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}.proc-ring{width:96px;height:96px;position:relative}.proc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.proc-ring .pr-track{fill:none;stroke:#ffffff24;stroke-width:3px}.proc-ring .pr-fill{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .3s}.proc-ring .pr-num{color:#fff;font-variant-numeric:tabular-nums;place-items:center;font-size:19px;font-weight:900;display:grid;position:absolute;inset:0}.proc-line{color:#ffffffeb;font-size:14px;font-weight:800}.proc-cancel{bottom:calc(34px + env(safe-area-inset-bottom));color:#fff9;font-family:var(--font);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700;position:absolute}.tool-circle{color:#ffffffd9;font-family:var(--font);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.tool-circle .tcb{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.tool-circle .tcb svg{width:22px;height:22px}.tool-circle small{color:#ffffffb3;font-size:10px;font-weight:800}.tool-circle.on .tcb{border:1.5px solid var(--accent)}.tool-circle.on small{color:var(--accent)}.home-feed{z-index:1;background:0 0;flex-direction:column;gap:12px;padding-top:0;padding-left:18px;padding-right:18px;display:flex;position:relative;overflow-y:auto}.recent-card{width:92px;height:128px}.sound-first{color:var(--accent);text-align:left;cursor:pointer;align-items:center;gap:14px;padding:15px 16px;display:flex}.sound-first span{flex-direction:column;gap:2px;display:flex}.sound-first strong{color:#fff;font-size:14.5px;font-weight:900}.sound-first small{color:#ffffff8c;font-size:11.5px;font-weight:700}.pr-spin{transform-origin:50%;animation:1.3s linear infinite pr-rotate}@keyframes pr-rotate{to{transform:rotate(360deg)}}.flow-strip{scrollbar-width:none;align-items:center;gap:7px;padding:2px 2px 0;display:flex;overflow-x:auto}.flow-strip::-webkit-scrollbar{display:none}.flow-step{color:#ffffffe6;font-family:var(--font);cursor:pointer;white-space:nowrap;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.flow-step svg{width:15px;height:15px}.fs-num{color:#05070c;background:#fff9;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9.5px;font-weight:900;display:grid}.flow-step.fs-ai{border-color:var(--accent-line);color:var(--accent)}.flow-step.fs-ai .fs-num{background:var(--accent)}.flow-arrow{color:#ffffff59;flex:none;font-size:12px}.tc-seg{background:#ffffff0f;border:1px solid #ffffff17;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.tc-seg button{color:#fff9;font-family:var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800}.tc-seg button.on{color:#fff;background:#ffffff1f}.tc-section .spacer{flex:1}.hero-card{aspect-ratio:var(--hero-ar,.72);background:#17191d;width:auto;min-width:min(100%,260px);max-width:100%;max-height:46vh;margin:0 auto}.hero-card video,.hero-card img{object-fit:contain;background:#17191d}.hc-chip{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070c8c;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:absolute;top:10px}.hc-sound{color:var(--accent);cursor:pointer;left:10px}.hc-ar{color:#ffffffd9;font-family:var(--mono,ui-monospace);right:10px}.hc-beatrail{z-index:3;background:#ffffff38;border-radius:1px;height:2px;position:absolute;bottom:64px;left:12px;right:12px}.hc-beatrail i{background:var(--accent);border-radius:2px;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.media-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mg-tile{aspect-ratio:3/4;cursor:pointer;background:#101318;border:1px solid #ffffff17;border-radius:14px;padding:0;position:relative;overflow:hidden}.mg-tile video,.mg-tile img{object-fit:cover;width:100%;height:100%}.mg-tile.sel{border:1.5px solid var(--accent)}.mg-add,.mg-audio{color:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.mg-add small,.mg-audio small{color:#fff9;font-size:10px;font-weight:800}.mg-add{color:var(--accent);border-style:dashed}.hero-swap-row{margin-top:-2px}.swap-thumb{cursor:pointer;opacity:.75;background:#101318;border:1px solid #ffffff1f;border-radius:10px;flex:none;width:52px;height:70px;padding:0;overflow:hidden}.swap-thumb video,.swap-thumb img{object-fit:cover;width:100%;height:100%}.swap-thumb.sel{border:1.5px solid var(--accent);opacity:1}.sound-row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tc-nav{padding:8px 6px calc(9px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr auto 1fr 1fr;place-items:end center;display:grid}.tc-nav button{width:100%}.tc-nav .tc-create{border-width:3.5px;width:66px;height:66px;margin:0 6px;transform:translateY(-12px);box-shadow:0 4px 14px #00000080,inset 0 2px 4px #ffdcd266}.tc-nav .tc-create svg{width:28px;height:28px}.flow-step{padding:8px 11px;font-size:11.5px}.flow-strip{justify-content:center}@media (width<=559px),(height<=699px){.stage,.device{height:max(var(--app-height,100dvh), 100dvh);min-height:max(var(--app-height,100dvh), 100dvh)}}.app-backdrop,.hero-blur,.hero-real-demo,.cam-stage{height:max(var(--app-height,100dvh), 100dvh)}.hc-ar{cursor:pointer}.hc-change{color:#ffffffe6;cursor:pointer;top:auto;bottom:96px;right:10px}.canvas-video-row{scrollbar-width:none;gap:8px;padding:2px;display:flex;overflow-x:auto}.canvas-video-row::-webkit-scrollbar{display:none}.cv-auto{color:#fffc;place-items:center;width:100%;height:100%;font-size:10px;font-weight:900;display:grid}.studio-v2{background:0 0;flex-direction:column;padding:0;display:flex}.st-top{padding:calc(10px + env(safe-area-inset-top)) 14px 8px;align-items:center;gap:10px;display:flex}.st-top .cam-circle{width:44px;height:44px}.st-title{color:#fff;min-width:0;font-family:var(--font);cursor:pointer;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;gap:6px;display:inline-flex}.st-title strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;overflow:hidden}.st-title svg{color:#ffffff80;flex:none}.st-export{background:var(--accent);color:#05070c;font-family:var(--font);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:900;display:inline-flex}.st-soundbar{scrollbar-width:none;gap:7px;padding:2px 14px 8px;display:flex;overflow-x:auto}.st-soundbar::-webkit-scrollbar{display:none}.st-chip{flex:none;position:static}.st-chip-sound{color:var(--accent);cursor:pointer}.st-chip-ok{color:var(--accent);border-color:var(--accent-line)}.studio-preview.stage-v2{background:0 0;border:0;border-radius:0;flex:1;place-items:center;min-height:0;margin:0 14px;padding:0;display:grid;overflow:visible}.sp-canvas{max-width:100%;height:100%;max-height:100%;aspect-ratio:var(--sp-ar,.62);background:#17191d;border:1px solid #ffffff1a;border-radius:18px;position:relative;overflow:hidden}.sp-canvas .sp-media{position:absolute;inset:0}.sp-canvas .sp-media video,.sp-canvas .sp-media img{object-fit:contain;background:#17191d;width:100%;height:100%}.sp-format-chip{z-index:4;font-family:var(--mono,ui-monospace);cursor:pointer;position:absolute;top:10px;right:10px}.sp-canvas .sp-ring{opacity:.9;position:absolute;bottom:10px;left:10px}.sp-canvas .sp-caption{z-index:3;position:absolute;bottom:16%;left:10%;right:10%}.drawer-actions{align-items:center;gap:14px;margin-left:auto;display:inline-flex}.da-cancel,.da-done{font-family:var(--font);cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:13.5px;font-weight:800}.da-cancel{color:#fff9}.da-done{color:var(--accent)}.studio-v2 .drawer-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.format-row{scrollbar-width:none;align-items:flex-end;gap:12px;padding:4px 2px;display:flex;overflow-x:auto}.format-row::-webkit-scrollbar{display:none}.format-tile{color:#ffffffd9;font-family:var(--font);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.format-tile .ft-frame{background:#ffffff0d;border:1.5px solid #ffffff59;border-radius:7px;height:52px;display:block}.format-tile.sel .ft-frame{border-color:var(--accent);background:var(--accent-soft)}.format-tile .ft-name{font-size:10.5px;font-weight:800}.format-tile.sel .ft-name{color:var(--accent)}.toolrail-v2{padding:8px 12px calc(10px + env(safe-area-inset-bottom));scrollbar-width:none;-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);background:#05070cdb;border-top:1px solid #ffffff12;justify-content:space-between;align-items:flex-end;gap:4px;display:flex;overflow-x:auto}.toolrail-v2::-webkit-scrollbar{display:none}.toolrail-v2 .tool-circle{min-width:50px}.toolrail-v2 .tool-circle .tcb{width:46px;height:46px}.studio-v2 .drawer{-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);background:#080b11b8;border-top:1px solid #ffffff17;border-radius:20px 20px 0 0}.studio-v2{height:100%}.studio-preview.stage-v2{min-height:148px}.studio-v2 .drawer.open{max-height:46vh;overflow-y:auto}.screenwrap{z-index:1;position:absolute;inset:0}.sp-canvas{width:auto;height:auto;min-height:120px}.studio-preview.stage-v2{container-type:size}.sp-canvas{width:min(100%, calc(100cqh * var(--sp-ar,.62)))}.home-calm{gap:10px}.flow-mini-row{align-items:center;gap:8px;display:flex}.home-flow-head{min-width:0}.home-flow-strip{flex:auto;gap:5px;min-width:0;padding:0;overflow:visible}.home-flow-strip .flow-step{flex:1 1 0;justify-content:center;min-width:0;padding:7px 8px;font-size:11px}.home-flow-strip .flow-step span:last-child{text-overflow:ellipsis;overflow:hidden}.home-flow-strip .flow-step svg{width:14px;height:14px}.home-flow-strip .flow-arrow{align-self:center}@media (width<=559px) and (orientation:portrait){.home-flow-head{flex-wrap:wrap;row-gap:7px}.home-flow-head .spacer{display:none}.home-flow-strip{flex:1 0 100%;width:100%}.home-flow-strip .flow-step{padding:8px 10px;font-size:11.5px}.home-flow-head .tc-seg{margin-left:auto}}.flow-mini{color:#ffffffbf;font-family:var(--font);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:4px;padding:7px 12px;font-size:11.5px;font-weight:800;display:inline-flex}.flow-mini em{color:var(--accent);font-style:normal}.hero-card.hero-xl{max-height:60vh}.qa-row.qa-primary{justify-content:center;gap:34px;padding-top:4px;overflow:visible}.home-sheet{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03050973;align-items:flex-end;display:flex;position:fixed;inset:0}.home-sheet-panel{width:100%;padding:14px 16px calc(18px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(26px)saturate(1.3);backdrop-filter:blur(26px)saturate(1.3);background:#080b11d1;border-top:1px solid #ffffff1f;border-radius:24px 24px 0 0;animation:.28s cubic-bezier(.3,.9,.3,1) sheet-up}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.home-sheet-grid{grid-template-columns:repeat(4,1fr);justify-items:center;gap:16px 8px;padding-top:14px;display:grid}.home-sheet-grid .sub-circle small{text-align:center}.home-sheet-panel{padding-bottom:calc(118px + env(safe-area-inset-bottom))}.tc-hero-stage{place-items:center;height:min(58vh,560px);display:grid;container-type:size}.tc-hero-stage .hero-card.hero-xl{height:auto;max-height:100%;width:min(100%, calc(100cqh * var(--hero-ar,.62)));min-width:0;aspect-ratio:var(--hero-ar,.62);margin:0}.tc-nav .tc-create{background:radial-gradient(circle at 40% 32%,#ff3020,#e00000 56%,#b40000 100%);border:3px solid #ffffffeb;width:70px;height:70px;transform:translateY(-4px);box-shadow:0 4px 16px #0000008c,inset 0 0 0 3px #05070c99,inset 0 4px 7px #ffe1d738}@media (orientation:landscape) and (height<=620px){.tc-nav{width:calc(92px + env(safe-area-inset-left));padding:calc(12px + env(safe-area-inset-top)) 8px calc(12px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));border-top:0;border-right:1px solid #ffffff12;grid-template-rows:1fr 1fr auto 1fr 1fr;grid-template-columns:1fr;place-items:center;inset:0 auto 0 0}.tc-nav button{width:auto}.tc-nav .tc-create{margin:4px 0;transform:none}.has-nav{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;padding-left:calc(104px + env(safe-area-inset-left))!important;padding-right:calc(18px + env(safe-area-inset-right))!important}.home-calm{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 96px;gap:8px 6px;display:grid;overflow:hidden}.home-calm .tc-header{grid-area:1/1;min-height:0;padding:6px 6px 0 0}.home-calm .flow-mini-row{grid-area:2/1}.home-calm .tc-hero-stage{grid-area:3/1;height:100%;min-height:0}.home-calm .qa-row.qa-primary{flex-direction:column;grid-area:1/2/-1;justify-content:center;gap:22px;padding:0}.home-calm .media-grid{grid-area:3/1/auto/-1;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;min-height:0;overflow-y:auto}.home-calm .hero-card .hc-ar{top:46px}.home-sheet-panel{padding-left:calc(104px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.home-sheet-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}}.home-sheet-panel{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 24px);overflow-y:auto}.choose-sound .sheet{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 16px);overflow-y:auto}.screen.firstcut{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.clip-card.cc-add{color:var(--accent);background:#ffffff08;border-style:dashed;border-color:#ffffff40;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.clip-card.cc-add .cc-add-label{font-size:10.5px;font-weight:800}.cs-own{margin-top:12px}.cs-own-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cs-own-empty{color:#ffffff80;padding:12px 4px;font-size:12px;font-weight:700}.cs-own-list{gap:6px;max-height:168px;display:grid;overflow-y:auto}.cs-own-row{color:#fff;font-family:var(--font);cursor:pointer;text-align:left;background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:10px;padding:9px 10px;display:flex}.cs-own-row.sel{border-color:var(--accent);background:var(--accent-soft)}.cs-own-ico{width:30px;height:30px;color:var(--accent);background:#ffffff12;border-radius:50%;flex:none;place-items:center;display:grid}.cs-own-meta{flex:1;min-width:0}.cs-own-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:800;display:block;overflow:hidden}.cs-own-meta small{color:#ffffff80;font-size:10px;font-weight:700}.opt-check.static{flex:none;position:static}@media (orientation:landscape) and (height<=699px){.export .export-cta{bottom:calc(67px + env(safe-area-inset-bottom));z-index:24;margin-top:auto;position:sticky;box-shadow:0 14px 34px #0000006b}.export .btn.ghost.wide{bottom:calc(8px + env(safe-area-inset-bottom));z-index:24;-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:#080c16e0;position:sticky}}.studio-v2 .drawer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#090d14;border-radius:0}.studio-v2 .drawer.open{max-height:34vh}.source-range-grid{gap:8px;margin-top:12px;display:grid}.source-range-row{text-transform:capitalize;grid-template-columns:54px 1fr;align-items:center;gap:4px 8px;font-size:11px;display:grid}.source-range-row span{color:var(--ink3);text-align:right}.source-range-row input{width:100%;accent-color:var(--accent);grid-column:1/-1}.mode-matrix{margin-top:14px}.mode-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.mode-matrix-grid label{border:1px solid var(--line);text-transform:capitalize;justify-content:space-between;align-items:center;gap:5px;padding:7px;font-size:11px;display:flex}.mode-matrix-grid select{min-width:0;color:var(--ink);background:var(--card2);font:inherit;border:0}@media (width<=559px) and (orientation:portrait){.home-calm{gap:6px;padding-left:0;padding-right:0}.home-calm .tc-header{padding-left:14px;padding-right:14px}.home-flow-head{order:3;margin-top:auto}.home-flow-strip{border-left:0;border-right:0;border-radius:0}.home-flow-head .tc-seg{display:none}.home-calm .tc-hero-stage{padding-left:10px;padding-right:10px}}.tc-home-locked{background:#05070c;gap:0!important;padding:0!important;overflow:hidden!important}.tc-home-locked .tc-home-utility{z-index:18;top:calc(10px + env(safe-area-inset-top));position:absolute;right:12px}.tc-home-locked .tc-hero-stage{width:100%;height:100%;max-height:none;display:block;position:absolute;inset:0}.tc-home-locked .tc-hero-stage .hero-card.hero-xl{border:0;border-radius:0;width:100%;height:100%;max-height:none;margin:0;aspect-ratio:auto!important}.tc-home-locked .hero-card video,.tc-home-locked .hero-card img{object-fit:cover}.tc-home-locked .hero-card .hc-sound{top:calc(14px + env(safe-area-inset-top));max-width:calc(100% - 76px);left:12px}.tc-home-locked .hero-card .hc-ar{top:calc(52px + env(safe-area-inset-top));right:12px}.tc-home-locked .hero-card .hc-change{top:calc(52px + env(safe-area-inset-top));left:12px}.tc-home-locked .hero-card .hc-foot{bottom:calc(116px + env(safe-area-inset-bottom))}.tc-home-locked .hero-card .hc-beatrail{bottom:calc(105px + env(safe-area-inset-bottom))}.tc-home-locked .media-grid{padding:calc(58px + env(safe-area-inset-top)) 12px calc(118px + env(safe-area-inset-bottom));background:#05070cd1;align-content:start;position:absolute;inset:0;overflow-y:auto}.tc-home-dock{z-index:45;min-height:calc(94px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px)saturate(1.35)brightness(1.05);backdrop-filter:blur(20px)saturate(1.35)brightness(1.05);background:#070a0f9e;border-top:1px solid #ffffff24;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible}.tc-dock-brand{color:#fff;font-family:var(--font);letter-spacing:-1.4px;pointer-events:none;font-size:28px;font-weight:950;line-height:1;position:absolute;top:-36px;left:16px}.tc-dock-brand>span{color:var(--accent)}.tc-dock-brand small{letter-spacing:1.7px;text-transform:uppercase;color:#ffffff94;margin-top:5px;font-size:7.5px;line-height:1;display:block}.tc-dock-tool{color:#f7f9fcf5;min-width:0;min-height:94px;font-family:var(--font);background:0 0;border:0;border-right:1px solid #ffffff12;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.tc-dock-tool:last-child{border-right:0}.tc-dock-tool svg{color:currentColor}.tc-dock-tool strong{letter-spacing:-.35px;font-size:17px;font-weight:900}.tc-dock-tool[aria-expanded=true]{color:var(--accent);background:#ffffff0d}.tc-home-sheet{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000007a;align-items:flex-end;display:flex;position:fixed;inset:0}.tc-home-sheet-panel{width:100%;min-height:min(34dvh,310px);padding:14px 12px calc(18px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#080b11eb;border-top:1px solid #ffffff24;border-radius:0;animation:.22s ease-out sheet-up}.tc-home-sheet-head{justify-content:space-between;align-items:center;padding:0 4px 13px;display:flex}.tc-home-sheet-head strong{font-size:15px}.tc-home-sheet-head button{color:var(--accent);font:800 13px var(--font);background:0 0;border:0}.tc-home-sheet-grid{background:#ffffff14;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.tc-home-sheet-grid>button{color:#f6f8fa;min-height:116px;font-family:var(--font);background:#0b0f16;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.tc-home-sheet-grid>button span{font-size:13px;font-weight:850}.tc-home-sheet-grid>button svg{color:var(--accent)}@media (orientation:landscape) and (height<=620px){.tc-home-locked{padding:0!important}.tc-home-dock{width:auto;min-height:calc(82px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);top:auto;left:0;right:0}.tc-dock-tool{min-height:82px}.tc-home-locked .hero-card .hc-foot{bottom:calc(103px + env(safe-area-inset-bottom))}.tc-home-locked .hero-card .hc-beatrail{bottom:calc(92px + env(safe-area-inset-bottom))}.tc-home-sheet-panel{min-height:min(58dvh,280px)}}.timing-map-screen{padding-bottom:calc(28px + env(safe-area-inset-bottom));gap:12px;overflow-y:auto}.timing-truth-card{grid-template-columns:62px 1fr;align-items:center;gap:12px;padding:15px;display:grid}.timing-truth-card .scan-ring{width:58px;height:58px;color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:50%;place-items:center;display:grid}.timing-truth-card h2{margin:4px 0;font-size:18px;line-height:1.15}.timing-truth-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.timing-coordinate-card{padding:13px}.timing-coordinate-card .section-head{justify-content:space-between;align-items:center;display:flex}.timing-coordinate-row{gap:6px;margin-top:11px;padding-bottom:3px;display:flex;overflow-x:auto}.timing-coordinate-row span{color:var(--muted);font:700 10px var(--mono);background:#ffffff0d;border-radius:7px;flex:none;padding:6px 7px}.timing-coordinate-row span.downbeat{color:#07100b;background:var(--accent)}.timing-map-screen .scan-list-head{color:var(--muted);justify-content:space-between;margin:2px 0 8px;font-size:11px;display:flex}.timing-map-screen .scan-list-head strong{color:var(--text)}.timing-map-screen .scan-empty{color:var(--muted);padding:18px;font-size:12px}.source-proxy-strip{background:#ffffff0a;border-radius:7px;grid-column:1/-1;height:42px;display:flex;overflow:hidden}.source-proxy-strip img{object-fit:cover;border-right:1px solid #00000059;width:20%;min-width:0;height:100%}.source-proxy-strip img:only-child{width:100%}.source-proxy-strip.empty{color:var(--muted);letter-spacing:.25px;justify-content:center;align-items:center;font-size:9px}.manual-bpm-row{flex-wrap:wrap;gap:7px}.manual-bpm-row input{border:1px solid var(--line);width:76px;min-height:32px;color:var(--text);font:800 12px var(--mono);background:#ffffff0d;border-radius:8px;padding:0 8px}