:root{--bg:#07080d;--panel:rgba(31,33,44,.58);--panel-strong:rgba(35,37,50,.8);--line:rgba(255,255,255,.13);--text:#f8f8ff;--muted:#9ca1b4;--violet:#7963ff;--cyan:#6de5ff;--green:#65f2a3;--x:50vw;--y:10vh;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 78% -15%,#282354 0,transparent 41%),radial-gradient(circle at -10% 95%,#0b2c35 0,transparent 34%),var(--bg);overflow-x:hidden}.aurora,.cursor-light{position:fixed;pointer-events:none}.aurora{filter:blur(90px);opacity:.13;border-radius:50%}.aurora-one{width:42vw;height:42vw;background:#765cff;right:-18vw;top:-5vw;animation:drift 12s ease-in-out infinite alternate}.aurora-two{width:38vw;height:38vw;background:#18c7e8;left:-22vw;bottom:-15vw;animation:drift 15s ease-in-out -5s infinite alternate}.cursor-light{z-index:20;inset:0;background:radial-gradient(280px circle at var(--x) var(--y),rgba(255,255,255,.055),transparent 70%);mix-blend-mode:screen}.app-shell{width:min(100% - 18px,1320px);margin:auto;padding:9px 0 94px}.liquid-panel,.glass-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.14),0 26px 70px rgba(0,0,0,.24);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.liquid-panel:before,.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--gx,80%) var(--gy,0%),rgba(255,255,255,.13),transparent 55%);opacity:.75}.topbar{height:58px;border-radius:20px;display:flex;align-items:center;padding:7px 9px;position:sticky;top:8px;z-index:8}.brand{display:flex;align-items:center;gap:9px}.logo{width:41px;height:41px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#8b75ff,#4d3bd4);display:grid;place-items:center}.logo img{width:37px;height:37px;object-fit:contain}.brand>span:last-child{display:grid}.brand b{font-size:13px;letter-spacing:-.02em}.brand small,.account small{color:var(--muted);font-size:8px;margin-top:3px}.account{margin-left:auto;display:flex;align-items:center;gap:8px}.cloud-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.verified{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#5fc1ff,#247ee8);font-size:10px;box-shadow:0 0 16px rgba(47,157,255,.7)}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.19);background:#23252e;font-size:9px;font-weight:800}.view{display:none;padding:33px 3px 12px;animation:view-in .42s cubic-bezier(.2,.8,.2,1)}.view.active{display:block}.eyebrow{color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.16em}.hero-panel{min-height:230px;border-radius:26px;padding:35px;display:grid;grid-template-columns:1fr 260px;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(118,92,255,.3),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02))}.hero-panel>div:first-child{position:relative;z-index:2}.hero-panel h1{font-size:clamp(35px,5vw,55px);letter-spacing:-.06em;line-height:.9;margin:12px 0}.hero-panel p,.hint,.graph-controls p,.morph-copy p{color:var(--muted);line-height:1.55}.hero-orb{width:225px;height:190px;justify-self:end;display:grid;place-items:center;filter:drop-shadow(0 30px 35px #0009);animation:float 5s ease-in-out infinite}.hero-orb img{width:220px;max-height:190px;object-fit:contain}.primary,.quiet{position:relative;border:0;border-radius:13px;padding:11px 16px;color:#fff;background:linear-gradient(135deg,#8b72ff,#5946dd);font-weight:800;font-size:11px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.36),0 12px 24px rgba(82,57,201,.24);transition:transform .2s,filter .2s}.primary:hover,.quiet:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary:active,.quiet:active{transform:scale(.96)}.quiet{background:rgba(255,255,255,.075);border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.12)}.full{width:100%;margin-top:10px}.section-heading,.page-head{display:flex;justify-content:space-between;align-items:end}.section-heading{margin:20px 2px 10px;font-weight:800}.section-heading small,.page-head small{color:var(--muted);font-size:8px}.page-head{margin:0 4px 17px}.page-head h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.055em;margin:6px 0 0}.count-pill{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px;background:rgba(255,255,255,.035)}button,input,select{font:inherit}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tool{min-height:80px;border-radius:17px;padding:12px;color:inherit;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}.tool:hover{transform:translateY(-3px);border-color:rgba(130,111,255,.6);background:rgba(118,92,255,.11)}.tool:active{transform:scale(.98)}.tool i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.09);font-style:normal;font-size:14px}.tool span{display:grid}.tool small,.preset-card small,.text-card small,.track-row small,.toggle-row small,.asset-card small{color:var(--muted);font-size:8px;margin-top:4px}.preset-controls,.control-grid{border-radius:18px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.preset-controls label,.control-grid label,.graph-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#daddE8;font-size:8px}.preset-controls input,.control-grid input,.graph-controls input{grid-column:1/-1}.hint{font-size:9px;margin:11px 4px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-card{min-width:0;border:1px solid var(--line);border-radius:17px;padding:7px;color:inherit;text-align:left;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.preset-card:hover,.preset-card:focus-visible{transform:translateY(-3px) scale(1.006);border-color:rgba(130,111,255,.75);box-shadow:0 14px 32px rgba(0,0,0,.3)}.video-shell{height:98px;border-radius:12px;overflow:hidden;background:#111218;position:relative}.video-shell video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) brightness(.78);transition:filter .3s,transform .4s}.preset-card:hover video{filter:saturate(1) brightness(1);transform:scale(1.025)}.play-label{position:absolute;right:7px;bottom:7px;padding:4px 6px;border-radius:999px;background:rgba(7,8,13,.68);font-size:6px;text-transform:uppercase;letter-spacing:.08em}.preset-meta{display:grid;padding:9px 3px 3px}.beat-console{border-radius:25px;padding:18px}.track-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px}.track-row>div:nth-child(2){display:grid}.track-art{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#8b76ff,#34238e);font-weight:900;font-size:10px}.waveform{height:190px;margin:20px 0 0;display:flex;align-items:center;gap:3px;overflow:hidden}.waveform i{flex:1;min-width:2px;height:var(--h);border-radius:99px;background:linear-gradient(#76e8ff,#735cff);box-shadow:0 0 9px rgba(102,100,255,.28);transform-origin:center;animation:wave-pulse 1.1s ease-in-out infinite alternate;animation-delay:var(--d)}.waveform.analyzing i{animation-duration:.2s}.marker-track{height:24px;border-top:1px solid var(--line);display:flex;justify-content:space-around;opacity:0;transform:translateY(-8px);transition:.45s}.marker-track.ready{opacity:1;transform:none}.marker-track i{height:16px;width:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}input[type=range]{accent-color:var(--violet);width:100%;cursor:pointer}.graph-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.graph-stage,.graph-controls{border-radius:25px;padding:18px}.graph-stage{min-height:440px;display:grid;grid-template-rows:1fr auto}.graph-stage canvas{width:100%;height:100%}.graph-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:7px}.graph-controls{display:flex;flex-direction:column;gap:12px}.graph-controls h3,.morph-copy h3{font-size:22px;letter-spacing:-.04em;margin:4px 0}.search-wrap,.browser-toolbar{min-height:54px;border-radius:17px;padding:8px 12px;display:flex;align-items:center;gap:9px}.search-wrap input,.browser-toolbar input{flex:1;border:0;outline:0;background:transparent;color:#fff}.text-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.text-card{min-height:105px;border:1px solid var(--line);border-radius:17px;padding:11px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;background:rgba(255,255,255,.045);cursor:pointer;transition:.25s}.text-card:hover{transform:translateY(-2px);border-color:rgba(130,111,255,.66)}.text-card>span{display:grid}.text-preview{height:78px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 72% 35%,#281c65,#0c0d13 65%);font-size:15px;font-weight:900;letter-spacing:-.03em}.text-card.play .text-preview span,.text-card:hover .text-preview span{animation:word-rise .65s cubic-bezier(.2,1.35,.35,1)}.text-card[data-effect=blur] .text-preview span{filter:blur(0)}.text-card[data-effect=blur].play .text-preview span,.text-card[data-effect=blur]:hover .text-preview span{animation:blur-in .8s ease}.text-card[data-effect=tracking] .text-preview span{letter-spacing:.03em}.text-card[data-effect=tracking].play .text-preview span,.text-card[data-effect=tracking]:hover .text-preview span{animation:tracking .8s ease}.text-card[data-effect=pop].play .text-preview span,.text-card[data-effect=pop]:hover .text-preview span{animation:pop .55s cubic-bezier(.2,1.6,.3,1)}.text-card[data-effect=wipe].play .text-preview span,.text-card[data-effect=wipe]:hover .text-preview span{animation:wipe .72s ease}.text-card[data-effect=rotate].play .text-preview span,.text-card[data-effect=rotate]:hover .text-preview span{animation:rotate-in .7s cubic-bezier(.2,1.4,.3,1)}.morph-card{min-height:480px;border-radius:26px;padding:28px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:25px}.morph-stage{min-height:330px;display:flex;align-items:center;justify-content:center;gap:24px}.morph-stage>span{color:var(--muted);font-size:24px}.blob{width:130px;height:155px;background:linear-gradient(145deg,#b5a8ff,#39269d);border-radius:65% 35% 55% 45%;box-shadow:inset 18px 12px 24px rgba(255,255,255,.28),0 28px 50px #0008;animation:morph 4s ease-in-out infinite alternate}.blob-b{background:linear-gradient(145deg,#72e4ff,#2854a9);animation-delay:-2s}.morph-stage.paused .blob{animation-play-state:paused}.morph-copy label{display:grid;gap:6px;color:var(--muted);font-size:8px;margin:15px 0}.morph-copy select{height:40px;border-radius:12px;border:1px solid var(--line);padding:0 10px;background:#11121a;color:#fff}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.toggle-row>span{display:grid}.switch{width:37px;height:21px;border:0;border-radius:99px;background:#3d404e;padding:3px;cursor:pointer}.switch:before{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.25s}.switch.on{background:var(--violet)}.switch.on:before{transform:translateX(16px)}.browser-toolbar{margin-bottom:12px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.asset-card{min-height:170px;padding:14px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.04);cursor:pointer;color:#fff;text-align:left;transition:.25s;overflow:hidden}.asset-card:hover{transform:translateY(-3px);border-color:rgba(130,111,255,.7)}.asset-art{height:92px;border-radius:13px;margin-bottom:10px;background:var(--art);position:relative;overflow:hidden}.asset-art:after{content:"";position:absolute;width:80px;height:80px;border-radius:40% 60% 60% 40%;right:-10px;top:8px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,255,255,.04));filter:blur(1px);transform:rotate(24deg)}.asset-card span{display:grid}.toast{position:fixed;z-index:30;left:50%;bottom:86px;transform:translate(-50%,20px);display:flex;align-items:center;gap:8px;min-width:210px;justify-content:center;padding:11px 15px;border:1px solid rgba(112,230,255,.3);border-radius:999px;background:rgba(15,18,25,.86);backdrop-filter:blur(20px);font-size:9px;opacity:0;pointer-events:none;transition:.35s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast span{color:var(--green)}.dock{position:fixed;z-index:25;left:50%;bottom:9px;transform:translateX(-50%);width:min(calc(100% - 18px),920px);display:grid;grid-template-columns:repeat(7,1fr);padding:5px;border-radius:22px;background:rgba(23,24,32,.72);overflow:hidden}.dock-capsule{position:absolute;z-index:0;top:5px;left:var(--dock-x,5px);width:var(--dock-w,calc((100% - 10px)/7));height:50px;border:1px solid rgba(255,255,255,.24);border-radius:17px;background:radial-gradient(circle at 70% 0,rgba(161,143,255,.45),transparent 48%),linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.06));box-shadow:inset 0 1px rgba(255,255,255,.35),0 12px 24px rgba(0,0,0,.25);transition:left .45s cubic-bezier(.2,1.3,.3,1),width .4s cubic-bezier(.2,1.2,.3,1)}.dock button{position:relative;z-index:1;height:50px;border:0;border-radius:17px;background:transparent;color:#777d90;display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer;font-size:7px}.dock button b{font-size:12px}.dock button.active,.dock button:hover{color:#fff}.dock.dragging .dock-capsule{transition:none}.dock.dragging{cursor:grabbing}
@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drift{to{transform:translate(7vw,4vw) scale(1.08)}}@keyframes float{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes wave-pulse{to{transform:scaleY(.72);filter:brightness(1.2)}}@keyframes word-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes blur-in{from{opacity:0;filter:blur(13px);transform:scale(1.08)}to{opacity:1;filter:blur(0);transform:none}}@keyframes tracking{from{opacity:0;letter-spacing:.35em}to{opacity:1;letter-spacing:.03em}}@keyframes pop{0%{opacity:0;transform:scale(.45)}80%{transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes wipe{from{clip-path:inset(0 100% 0 0);transform:translateX(-12px)}to{clip-path:inset(0);transform:none}}@keyframes rotate-in{from{opacity:0;transform:rotateX(90deg) translateY(10px)}to{opacity:1;transform:none}}@keyframes morph{to{border-radius:26% 74% 35% 65%;transform:rotate(9deg) scale(.91)}}
@media(max-width:780px){.app-shell{width:calc(100% - 10px)}.account small,.cloud-dot{display:none}.view{padding-top:24px}.hero-panel{grid-template-columns:1fr;padding:25px;min-height:300px}.hero-orb{position:absolute;right:-35px;bottom:-28px;width:165px;opacity:.65}.tool-grid,.preset-grid,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-layout,.morph-card{grid-template-columns:1fr}.graph-stage{min-height:330px}.morph-stage{min-height:230px}.text-grid{grid-template-columns:1fr}.dock{border-radius:18px}.dock button span{display:none}.dock-capsule{height:43px}.dock button{height:43px}.toast{bottom:75px}.preset-controls,.control-grid{grid-template-columns:1fr}.waveform{height:140px}}
@media(max-width:460px){.tool-grid,.preset-grid,.asset-grid{grid-template-columns:1fr}.video-shell{height:125px}.hero-panel h1{font-size:36px}.page-head{align-items:start}.page-head .count-pill{margin-top:7px}.morph-card{padding:18px}.blob{width:90px;height:110px}.topbar{top:4px}.app-shell{padding-bottom:76px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.video-shell{display:block}