@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#17201d;background:#f3f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit}main{max-width:1440px;margin:auto;padding:0 42px}header{position:sticky;top:0;z-index:20;height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #c8c4ba;background:#f3f0e8e8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}header p{font-family:DM Mono;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;font-size:20px}.brand img{display:block;width:38px;height:38px;border-radius:11px;object-fit:cover;box-shadow:0 2px #17201d22}button{cursor:pointer}.surprise{border:1px solid #17201d;background:#fc3;border-radius:999px;padding:11px 18px;display:flex;align-items:center;gap:8px;font-weight:700;box-shadow:3px 3px #17201d}.top{justify-self:end}.hero{padding:70px 4% 52px;display:flex;align-items:end;justify-content:space-between}.eyebrow{font-family:DM Mono;text-transform:uppercase;font-size:12px;letter-spacing:.1em;display:flex;align-items:center;gap:7px}h1{font-size:clamp(54px,7vw,106px);letter-spacing:-.07em;line-height:.84;margin:24px 0 0;font-weight:800}h1 i{color:#ff5c35;font-family:Georgia,serif;font-weight:400}.intro{max-width:375px;line-height:1.7;font-size:16px;margin:0 0 8px}.studio{background:#17201d;color:#f7f4ec;border-radius:32px;min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);overflow:hidden}.controls{padding:55px clamp(28px,4vw,70px) 48px;min-width:0;overflow:hidden}.step,.format-copy{display:flex;gap:18px;align-items:flex-start}.step h2,.format-copy h2{margin:0 0 6px;font-size:21px}.step p,.format-copy p{margin:0;color:#aeb7b3;font-size:13px}.number{font-family:DM Mono;font-size:12px;border:1px solid currentColor;border-radius:50%;min-width:33px;height:33px;display:grid;place-items:center}.category-tabs{display:flex;gap:7px;margin:25px 0 12px;overflow-x:auto;padding:3px;scrollbar-width:none}.category-tabs button{border:1px solid #59615e;color:#aeb7b3;background:transparent;padding:8px 12px;border-radius:99px;font:500 11px DM Mono;white-space:nowrap}.category-tabs button.active{color:#17201d;border-color:#fc3;background:#fc3}.style-deck{margin:0 0 34px}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(83px,auto));gap:9px}.style{border:1px solid #59615e;border-radius:14px;color:#e6e8e5;background:transparent;min-height:83px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 5px;text-align:center;animation:tile-in .46s cubic-bezier(.22,1,.36,1) both}@keyframes tile-in{0%{opacity:0;transform:translate3d(calc(var(--dir,1) * 30px),7px,0) scale(.93)}}.deck-pager{display:flex;align-items:center;gap:9px;min-height:30px;margin-top:15px}.pager-step{width:30px;height:30px;border-radius:50%;border:1px solid #59615e;background:transparent;color:#aeb7b3;display:grid;place-items:center;transition:color .2s ease,border-color .2s ease,transform .2s ease}.pager-step:hover{color:#fc3;border-color:#fc3;transform:translateY(-2px)}.pager-dots{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#59615e;transition:width .38s cubic-bezier(.22,1,.36,1),background .25s ease}.dot:hover{background:#8e9793}.dot.active{width:24px;background:#fc3}.pager-count{margin-left:auto;font:500 10px DM Mono;color:#78807d;text-transform:uppercase;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.style,.palette{animation-duration:.01ms}.dot{transition:none}}.style b{font-size:25px;line-height:1;text-align:center;color:#fc3}.style span{font-weight:700;font-size:11px}.style.active{background:#f7f4ec;color:#17201d;border-color:#f7f4ec;box-shadow:4px 4px #ff5c35}.compact{margin-top:3px}.palette-deck{margin:22px 0 36px;min-width:0}.palettes{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:minmax(44px,auto);gap:10px;min-width:0}.palette{border:1px solid #66706c;background:transparent;padding:5px;display:flex;border-radius:99px;min-width:0;justify-content:center;animation:tile-in .46s cubic-bezier(.22,1,.36,1) both}.palette span{flex:1 1 0;min-width:0;max-width:20px;height:32px}.palette span:first-child{border-radius:20px 0 0 20px}.palette span:last-child{border-radius:0 20px 20px 0}.palette.active{outline:3px solid #ffcc33;outline-offset:3px}.energy{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px;font-weight:700}.energy b{color:#fc3;font-family:DM Mono}.energy input{grid-column:1/-1;accent-color:#ffcc33;width:100%}.preview-side{background:#dcffd2;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;position:relative;min-width:0;min-height:760px;padding:45px;transition:background .35s ease;overflow:hidden}.device{--frame:#111614;isolation:isolate;background:var(--frame);padding:7px;border-radius:38px;box-shadow:0 38px 65px #1222164f,0 12px 22px #12221630,inset 0 0 0 1px #ffffff24;position:relative;transition:.35s ease}.device:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:inherit;border:1px solid #ffffff1c;pointer-events:none}.screen{display:contents}.device canvas{display:block;width:258px;height:561px;border-radius:35px;object-fit:cover}.device.iphone{--frame:linear-gradient(90deg,#d7d8d4 0%,#8d908d 4%,#272a28 11%,#0a0c0b 49%,#2d302e 89%,#aeb1ad 96%,#ecece8 100%);padding:2px;border-radius:42px;box-shadow:0 38px 65px #1222164f,0 12px 22px #12221630,inset 0 0 0 1px #ffffffb8,0 0 0 1px #555a57}.device.android:before{content:"";position:absolute;z-index:0;top:22%;left:-4px;width:4px;height:72px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#3c413f,#969b97);box-shadow:0 92px #626764}.device.iphone:before{content:"";position:absolute;z-index:3;top:1px;right:1px;bottom:1px;left:1px;border-radius:41px;border:1px solid #ffffff7d;pointer-events:none}.device.iphone .screen{display:block;padding:4px;border-radius:40px;background:#030404;box-shadow:inset 0 0 2px #000,0 0 0 1px #171a18}.device.iphone canvas{border-radius:36px}.device.android{--frame:linear-gradient(90deg,#e0e2df 0%,#858b87 5%,#292e2b 13%,#151917 50%,#363c38 87%,#b9bdb9 96%,#f0f1ee 100%);padding:2px;border-radius:42px;box-shadow:0 38px 65px #1222164f,0 12px 22px #12221630,inset 0 0 0 1px #ffffffad,0 0 0 1px #555c58}.device.android:before{display:none}.device.android .screen{display:block;padding:4px;border-radius:40px;background:#020303;box-shadow:inset 0 0 2px #000,0 0 0 1px #1b1f1c}.device.android canvas{width:250px;height:558px;border-radius:36px}.device.mac canvas,.device.windows canvas{width:min(39vw,520px);height:auto;aspect-ratio:16/9;border-radius:4px}.device.mac,.device.windows{--frame:#080a09;margin:0;padding:6px;border-radius:10px;box-shadow:0 30px 55px #12221642,0 8px 18px #12221629,inset 0 0 0 1px #303532}.device.tablet canvas{width:min(39vw,480px);height:auto;aspect-ratio:4/3;border-radius:14px}.device.tablet{--frame:linear-gradient(120deg,#a7aaa7 0%,#4c504e 12%,#1c201e 49%,#555a57 88%,#c2c4c1 100%);border-radius:22px;padding:2px;box-shadow:0 34px 62px #1222164a,0 10px 20px #1222162b,inset 0 0 0 1px #ffffff8f,0 0 0 1px #555a57}.device.tablet .screen{display:block;padding:13px;border-radius:20px;background:#030404;box-shadow:inset 0 0 2px #000,0 0 0 1px #171a18}.device.square canvas{width:min(35vw,440px);height:auto;aspect-ratio:1;border-radius:2px}.device.square{--frame:#050606;border-radius:5px;padding:4px;box-shadow:0 30px 55px #12221640,0 8px 18px #12221626,inset 0 0 0 1px #2a2e2c}.hardware{display:none;pointer-events:none}.iphone .hardware{display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.iphone .hardware:before{content:"";position:absolute;left:-3px;top:92px;width:3px;height:28px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#7d817e,#d6d7d3);box-shadow:0 43px #aeb1ad,0 82px #aeb1ad}.iphone .hardware:after{content:"";position:absolute;right:-3px;top:138px;width:3px;height:77px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#727673,#d5d6d2);box-shadow:0 258px 0 -.5px #949894}.android .hardware{display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.android .hardware:before{content:"";position:absolute;right:-3px;top:120px;width:3px;height:52px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#747a76,#e1e3df);box-shadow:0 67px #aeb3af}.android .hardware:after{content:"";position:absolute;left:24%;bottom:-2px;width:16%;height:2px;border-radius:99px;background:#555b57;box-shadow:147px 0 #555b57}.tablet .hardware{display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.tablet .hardware:before{content:"";position:absolute;left:-3px;top:40px;width:3px;height:42px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#696e6b,#b8bbb8)}.tablet .hardware:after{content:"";position:absolute;top:-3px;right:58px;width:45px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(#b8bbb8,#656a67);box-shadow:-57px 0 #8f9490}.camera{position:absolute;z-index:4;width:8px;height:8px;background:#070909;border:2px solid #29322f;border-radius:50%;top:15px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #274b5c}.iphone .camera{top:15px;width:78px;height:23px;background:#020303;border:0;border-radius:99px;box-shadow:inset 0 0 0 1px #141817,0 1px 3px #00000070}.iphone .camera:before{content:"";position:absolute;top:50%;left:25px;width:20px;height:3px;transform:translateY(-50%);border-radius:99px;background:#111514}.iphone .camera:after{content:"";position:absolute;top:50%;right:8px;width:15px;height:15px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#35576c 0,#35576c 9%,#0b2332 19%,#03090d 54%,#000 70%);box-shadow:inset 0 0 0 1px #294c615c}.android .camera{top:18px;width:12px;height:12px;border:2px solid #050606;background:radial-gradient(circle at 40% 35%,#40667b 0,#40667b,#102b3a 20%,#040a0e 55%,#000 72%);box-shadow:inset 0 0 0 1px #416a806e,0 0 0 1px #111513}.tablet .camera{top:7px;width:7px;height:7px;border:1px solid #0a0d0c;background:radial-gradient(circle at 40% 35%,#36576a,#08131a 45%,#000 72%);box-shadow:inset 0 0 0 1px #416a8054}.mac .camera,.windows .camera,.square .camera{display:none}.remix-note{position:static;flex:0 0 auto;background:#f7f4ec;color:#17201d;border:1px solid #17201d;box-shadow:3px 3px #17201d;border-radius:999px;padding:9px 14px;display:flex;align-items:center;gap:8px;font:500 11px DM Mono}.remix-note:hover svg{transform:rotate(90deg)}.remix-note svg{transition:transform .25s ease}.live-badge{position:absolute;top:24px;right:24px;border:1px solid #17201d;border-radius:99px;padding:7px 10px;background:#fffa;color:#17201d;font:500 9px DM Mono;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-badge span{width:6px;height:6px;background:#ff5c35;border-radius:50%;box-shadow:0 0 0 3px #ff5c3530;animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px #ff5c3500}}.finish{padding:58px 4%;display:grid;grid-template-columns:minmax(250px,1fr) minmax(330px,1.45fr) auto;gap:36px;align-items:center}.format-copy p{color:#66706c}.formats{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:8px;min-width:0;padding:4px}.formats button{min-width:0;width:100%;background:transparent;border:1px solid #c4c0b6;padding:10px 7px;border-radius:14px;display:grid;place-items:center;gap:4px}.formats button.active{border:2px solid #17201d;background:#fff;box-shadow:3px 3px #fc3}.formats b{font-size:12px}.formats small{font:8px DM Mono;color:#78807d}.mini{display:block;border:2px solid currentColor;width:18px;height:26px;border-radius:4px}.mini.android{width:17px;height:29px}.mini.mac,.mini.windows{width:31px;height:20px}.mini.tablet{width:29px;height:22px}.mini.square{width:24px;height:24px}.download{border:0;background:#ff5c35;color:#fff;border-radius:999px;padding:16px 20px;display:flex;align-items:center;gap:9px;font-weight:800;box-shadow:4px 4px #17201d;white-space:nowrap}.download:disabled{opacity:.65;cursor:progress}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0d1211d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0}}.sheet{width:100%;max-width:430px;max-height:92svh;background:#f7f4ec;color:#17201d;border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:13px;box-shadow:0 -10px 40px #0005;animation:sheet-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes sheet-in{0%{transform:translateY(28px);opacity:0}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-head h3{margin:0;font-size:18px}.sheet-head p{margin:3px 0 0;font:10px DM Mono;text-transform:uppercase;letter-spacing:.08em;color:#66706c}.sheet-close{width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:1px solid #c4c0b6;background:transparent;display:grid;place-items:center}.sheet img{display:block;width:100%;min-height:0;flex:1 1 auto;object-fit:contain;border-radius:16px;touch-action:manipulation}.sheet-save{border:0;background:#ff5c35;color:#fff;border-radius:999px;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;box-shadow:4px 4px #17201d}.sheet small{text-align:center;font:10px DM Mono;color:#66706c}@media(prefers-reduced-motion:reduce){.sheet-backdrop,.sheet{animation-duration:.01ms}}.style{position:relative}.style.locked{border-style:dashed}.style.locked b,.style.locked span{opacity:.5}.style .lock{position:absolute;top:7px;right:7px;display:grid;place-items:center;color:#fc3}.sheet.unlock{max-width:420px;gap:16px}.sheet.unlock .sheet-save{text-decoration:none}.unlock-form{display:flex;flex-direction:column;gap:9px}.unlock-form label{font:10px DM Mono;text-transform:uppercase;letter-spacing:.06em;color:#66706c}.unlock-form input{border:1px solid #c4c0b6;border-radius:12px;padding:13px 14px;font:12px DM Mono;background:transparent;color:#17201d}.unlock-form input:focus-visible{outline:2px solid #ff5c35;outline-offset:1px}.unlock-form button{border:0;background:#17201d;color:#f7f4ec;border-radius:999px;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.unlock-form button:disabled{opacity:.45}.unlock-error{font:11px DM Mono;color:#c0392b;margin:0}footer{border-top:1px solid #c8c4ba;padding:27px 0 35px;font:11px DM Mono;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;color:#66706c}footer span{display:flex;align-items:center;gap:7px}.contact-link{display:flex;align-items:center;gap:7px;color:#66706c;text-decoration:none}.contact-link .contact-kicker{font-size:9px;letter-spacing:.1em}.contact-link strong{position:relative;font-weight:inherit;text-transform:none;color:#17201d}.contact-link strong:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:#ff5c35;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.contact-link svg{color:#ff5c35}.contact-link:hover strong:after{transform:scaleX(1);transform-origin:left}.creator-link{display:flex;align-items:center;gap:7px;color:#17201d;text-decoration:none;text-transform:none}.creator-link .creator-kicker{color:#78807d;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.creator-link strong{position:relative;font-family:Manrope,sans-serif;font-size:13px;letter-spacing:-.01em}.creator-link strong:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:#ff5c35;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.creator-link svg{color:#ff5c35;transition:transform .22s ease}.creator-link:hover strong:after{transform:scaleX(1);transform-origin:left}.creator-link:hover svg{transform:translate(2px,-2px)}@media(min-width:901px)and (max-height:900px){header{height:76px}.hero{padding-top:38px;padding-bottom:34px}.hero h1{font-size:clamp(58px,6vw,82px);margin-top:18px}.intro{max-width:350px;line-height:1.55}.studio{min-height:700px}.controls{padding-top:42px;padding-bottom:38px}.preview-side{min-height:700px}}@media(max-width:900px){main{padding:0 18px}header{grid-template-columns:1fr auto}header p{display:none}.hero{padding:52px 2% 38px;display:block}.intro{margin-top:30px}.studio{grid-template-columns:minmax(0,1fr)}.controls{padding:42px 28px}.preview-side{min-height:590px}.device.tablet canvas{width:min(76vw,520px)}.finish{grid-template-columns:1fr;padding:45px 2%}.download{justify-content:center}}@media(max-width:520px){header{height:78px}.top{padding:9px 12px;font-size:12px}.hero{padding-top:40px}h1{font-size:56px}footer{flex-direction:column;align-items:flex-start;gap:16px}.studio{overflow:visible;border-radius:24px;background:transparent}.controls{grid-row:2;padding:34px 20px 40px;background:#17201d;border-radius:0 0 24px 24px;overflow:hidden}.style-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(72px,auto))}.style{padding:9px;min-height:72px}.style b{font-size:22px}.preview-side{grid-row:1;position:sticky;top:78px;z-index:10;flex-direction:column;gap:14px;min-height:0;height:clamp(400px,55svh,500px);padding:42px 16px 18px;border-radius:24px 24px 0 0;border-bottom:1px solid #17201d33}.remix-note{position:static;flex:0 0 auto}.device{box-shadow:0 22px 40px #12221642,0 7px 15px #12221629}.device.iphone{padding:1px;border-radius:24px}.device.iphone .screen{padding:2px;border-radius:23px}.device.iphone canvas{width:auto;height:clamp(230px,31svh,290px);border-radius:21px}.device.iphone:before{top:1px;right:1px;bottom:1px;left:1px;border-radius:23px}.iphone .camera{top:10px;width:44px;height:13px}.iphone .camera:before{left:14px;width:11px;height:2px}.iphone .camera:after{right:5px;width:8px;height:8px}.iphone .hardware,.android .hardware{display:none}.device.android{padding:1px;border-radius:23px}.device.android .screen{padding:2px;border-radius:22px}.device.android canvas{width:auto;height:clamp(230px,31svh,290px);border-radius:20px}.device.mac canvas,.device.windows canvas{width:min(84vw,360px);height:auto}.device.tablet canvas{width:min(82vw,340px);height:auto}.device.square canvas{width:auto;height:clamp(240px,32svh,300px)}.palettes{grid-template-columns:repeat(4,1fr)}.device.mac,.device.windows{margin:0;padding:4px;border-radius:7px}.device.mac canvas,.device.windows canvas{border-radius:3px}.device.tablet{padding:1px;border-radius:17px}.device.tablet .screen{padding:8px;border-radius:17px}.device.tablet canvas{border-radius:10px}.tablet .hardware:before{top:27px;width:2px;height:29px;left:-2px}.tablet .hardware:after{top:-2px;right:40px;width:31px;height:2px;box-shadow:-39px 0 #8f9490}.device.square{padding:3px;border-radius:4px}.android .camera{top:9px;width:8px;height:8px}.tablet .camera{top:4px;width:5px;height:5px}.live-badge{top:11px;right:12px}.remix-note{bottom:10px;padding:7px 11px}.formats{grid-template-columns:repeat(2,minmax(0,1fr))}footer{align-items:flex-start;gap:20px;flex-direction:column}}