.brand{letter-spacing:-.02em;color:inherit;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.icon-btn{cursor:pointer;background:#fff;border:1px solid #ececea;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex;box-shadow:0 2px 6px #0000000d}.btn-dark{color:#fff;cursor:pointer;background:#141517;border:none;border-radius:999px;padding:14px 26px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px -10px #00000080}.reveal-word{will-change:transform,opacity,filter;display:inline-block}.s-hero{text-align:center;padding:46px 0 34px}.s-hero .label{letter-spacing:.3em;text-transform:uppercase;color:#3c3d40;font-size:12.5px;font-weight:700}.s-hero .label b{color:var(--magenta)}.s-hero h1{letter-spacing:-.035em;color:#151618;max-width:760px;margin:16px auto 0;font-size:clamp(38px,4.2vw,60px);font-weight:600;line-height:1.08}.s-hero p{color:#3a3b3e;margin-top:14px;font-size:15px}.s-hero h1 .red{color:var(--red)}.studio{padding:26px 0 40px}.studio-shell{grid-template-columns:66px 1fr 306px;align-items:stretch;gap:18px;display:grid}@media (width<=1100px){.studio-shell{grid-template-columns:56px minmax(0,1fr)}.props{grid-column:1/-1}}.toolrail{background:#fff;border-radius:24px;flex-direction:column;align-self:start;align-items:center;gap:8px;padding:12px 0;display:flex;position:sticky;top:110px;box-shadow:0 24px 60px -24px #0000004d}.tool{cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:relative}.tool svg{stroke:#3a3b3e;fill:none;stroke-width:1.7px;width:19px;height:19px}.tool:hover{background:#f2f2ef}.tool.on{background:#141517}.tool.on svg{stroke:#fff}.tool .tip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#111;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:opacity .2s;position:absolute;top:50%;left:56px;transform:translateY(-50%)}.tool:hover .tip{opacity:1}.rail-sep{background:#ececea;width:26px;height:1px;margin:4px 0}.stage-wrap{flex-direction:column;gap:12px;min-width:0;display:flex}.stage{touch-action:none;cursor:default;background:linear-gradient(45deg,#efefec 25%,#0000 25% 75%,#efefec 75%) 0 0/26px 26px,linear-gradient(45deg,#efefec 25%,#fbfbfa 25% 75%,#efefec 75%) 13px 13px/26px 26px;border-radius:26px;height:600px;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #0000004d,inset 0 0 0 1px #0000000d}.stage-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.guide{pointer-events:none;opacity:0;z-index:8;position:absolute}.guide.gv{border-left:1.5px dashed var(--teal);filter:drop-shadow(0 0 5px #5bc8b8b3);width:0;top:0;bottom:0;left:50%}.guide.gh{border-top:1.5px dashed var(--teal);filter:drop-shadow(0 0 5px #5bc8b8b3);height:0;top:50%;left:0;right:0}.ov{will-change:transform;cursor:grab;z-index:5;filter:drop-shadow(0 18px 30px #00000047);position:absolute;top:0;left:0}.ov:active{cursor:grabbing}.ov img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.ov .frame{border:1.6px solid var(--teal);opacity:0;pointer-events:none;border-radius:6px;transition:opacity .25s;position:absolute;inset:-2px;box-shadow:0 0 0 1px #fff9,0 0 18px -4px #5bc8b88c}.ov.sel .frame{opacity:1}.hnd{border:2px solid var(--teal);opacity:0;z-index:6;background:#fff;border-radius:50%;width:15px;height:15px;transition:opacity .25s;position:absolute;box-shadow:0 3px 8px #00000040}.ov.sel .hnd{opacity:1}.hnd.br{cursor:nwse-resize;bottom:-9px;right:-9px}.hnd.rot{cursor:grab;margin-left:-8px;top:-34px;left:50%}.hnd.rot:after{content:"";background:var(--teal);width:1.5px;height:18px;margin-left:-.75px;position:absolute;top:14px;left:50%}.stage-hint{z-index:9;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#111111d1;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.stage-hint i{background:var(--teal);border-radius:50%;width:6px;height:6px;display:inline-block}.stage-bar{color:#6a6c71;background:#fff;border-radius:18px;align-items:center;gap:18px;padding:12px 20px;font-size:12.5px;font-weight:600;display:flex;box-shadow:0 14px 34px -18px #00000038}.stage-bar b{color:#141517;font-variant-numeric:tabular-nums}.stage-bar .sp{flex:1}.stage-bar .kbd{color:#4a4b4f;background:#f0f0ee;border-radius:7px;padding:3px 8px;font-size:11px}.props{background:#fff;border-radius:24px;flex-direction:column;align-self:start;gap:0;padding:24px;display:flex;position:sticky;top:110px;box-shadow:0 30px 70px -30px #00000040}.props h3{letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.props h3 .dot{background:var(--teal);border-radius:50%;width:8px;height:8px}.props .sec-label{letter-spacing:.22em;text-transform:uppercase;color:#9a9da3;margin:22px 0 12px;font-size:11px;font-weight:700}.up-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.upload-btn{text-align:center;cursor:pointer;color:#3a3b3e;background:#fbfbfa;border:1.5px dashed #d8d8d4;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;font-size:12.5px;font-weight:600;transition:border-color .2s,background .2s,transform .2s;display:flex}.upload-btn:hover{border-color:var(--teal);background:#f4faf9;transform:translateY(-2px)}.upload-btn svg{stroke:#3a3b3e;fill:none;stroke-width:1.6px;width:20px;height:20px}.upload-btn input{display:none}.ctrl{margin-bottom:14px}.ctrl .row{color:#3a3b3e;justify-content:space-between;margin-bottom:8px;font-size:12.5px;font-weight:600;display:flex}.ctrl .row b{font-variant-numeric:tabular-nums;color:#141517}input[type=range]{-webkit-appearance:none;cursor:pointer;background:#e4e4e1;border-radius:99px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#141517;border:3px solid #fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;box-shadow:0 3px 8px #0000004d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.mini-btns{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mini{cursor:pointer;background:#fff;border:1px solid #ebebe8;border-radius:12px;justify-content:center;align-items:center;height:40px;transition:transform .18s,background .2s;display:flex}.mini:hover{background:#f7f7f5;transform:translateY(-2px)}.mini svg{stroke:#333;fill:none;stroke-width:1.7px;width:16px;height:16px}.swatches{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.sw{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:12px;transition:transform .18s,border-color .2s;box-shadow:0 6px 14px -8px #0000004d}.sw:hover{transform:translateY(-3px)}.sw.on{border-color:#141517}.props .btn-dark{justify-content:center;align-items:center;gap:9px;width:100%;margin-top:22px;display:flex}.props .btn-dark svg{stroke:#fff;fill:none;stroke-width:1.8px;width:16px;height:16px}#toast{z-index:99;color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#141517;border-radius:999px;padding:13px 26px;font-size:13.5px;font-weight:600;position:fixed;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px -12px #00000073}.how{text-align:center;padding:110px 0 40px}.how .label{letter-spacing:.3em;text-transform:uppercase;font-size:12.5px;font-weight:700}.how .label b{color:var(--blue)}.how h2{letter-spacing:-.03em;margin-top:16px;font-size:clamp(34px,3.8vw,54px);font-weight:600;line-height:1.1}.steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:60px;display:grid}@media (width<=900px){.steps{grid-template-columns:1fr}}.step{will-change:transform,opacity;background:#fff;border-radius:24px;padding:34px 30px;position:relative;overflow:hidden;box-shadow:0 24px 60px -30px #00000038}.step .num{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:22px;font-size:17px;font-weight:800;display:flex}.step:first-child .num{background:var(--orange-card);box-shadow:0 12px 26px -10px #e9752499}.step:nth-child(2) .num{background:var(--blue);box-shadow:0 12px 26px -10px #2b3cee8c}.step:nth-child(3) .num{background:var(--magenta);box-shadow:0 12px 26px -10px #c433f08c}.step h3{letter-spacing:-.02em;font-size:21px;font-weight:700}.step p{color:#4a4b4f;margin-top:10px;font-size:14px;line-height:1.6}.step:after{content:"";opacity:.09;background:#141517;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-46px;right:-46px}.feats{grid-template-columns:repeat(4,1fr);gap:20px;padding:50px 0 90px;display:grid}@media (width<=900px){.feats{grid-template-columns:1fr 1fr}}.feat{will-change:transform,opacity;background:#fff;border-radius:20px;padding:26px 24px;box-shadow:0 16px 40px -22px #0003}.feat .ic{background:#f0f0ee;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;display:flex}.stk-ic{width:26px;height:26px}.stk-ic path,.stk-ic rect,.stk-ic circle,.stk-ic ellipse{stroke:#111;stroke-width:9px;stroke-linejoin:round;stroke-linecap:round}.feat h4{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.feat p{color:#6a6c71;margin-top:8px;font-size:13px;line-height:1.55}.faq{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;padding:60px 0 110px;display:grid}@media (width<=900px){.faq{grid-template-columns:1fr}}.faq .chip-ic{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex;box-shadow:0 8px 18px -8px #0000002e}.faq h2{letter-spacing:-.03em;margin-top:24px;font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.12}.faq .side p{color:#3a3b3e;max-width:400px;margin-top:16px;font-size:14.5px;line-height:1.65}.faq .side .btn-ghost{background:#fff;border:1px solid #ebebe8;margin-top:26px}.qa{will-change:transform,opacity;background:#fff;border-radius:18px;margin-bottom:14px;overflow:hidden;box-shadow:0 14px 36px -22px #0003}.qa button{cursor:pointer;text-align:left;letter-spacing:-.01em;color:#141517;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 24px;font-family:inherit;font-size:15.5px;font-weight:600;display:flex}.qa .pm{background:#f0f0ee;border-radius:50%;flex:none;width:26px;height:26px;transition:background .3s;position:relative}.qa .pm:before,.qa .pm:after{content:"";background:#141517;transition:transform .35s,background .3s;position:absolute;top:50%;left:50%}.qa .pm:before{width:10px;height:1.6px;margin:-.8px 0 0 -5px}.qa .pm:after{width:1.6px;height:10px;margin:-5px 0 0 -.8px}.qa.open .pm{background:#141517}.qa.open .pm:before,.qa.open .pm:after{background:#fff}.qa.open .pm:after{transform:rotate(90deg)}.qa .ans{height:0;overflow:hidden}.qa .ans p{color:#4a4b4f;max-width:560px;padding:0 24px 22px;font-size:14px;line-height:1.65}.cta-band{text-align:center;background:#141517;border-radius:26px;margin-bottom:26px;padding:90px 60px;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(circle,#5bc8b859,#0000 65%);border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;left:-60px}.cta-band:after{content:"";background:radial-gradient(circle,#c433f04d,#0000 65%);border-radius:50%;width:340px;height:340px;position:absolute;bottom:-90px;right:-70px}.cta-band h2{color:#fff;letter-spacing:-.03em;z-index:2;font-size:clamp(34px,4vw,56px);font-weight:600;line-height:1.1;position:relative}.cta-band p{color:#ffffffbf;z-index:2;margin-top:16px;font-size:15px;position:relative}.cta-band .row{z-index:2;justify-content:center;gap:14px;margin-top:34px;display:flex;position:relative}.btn-lime{background:var(--lime);color:#111;cursor:pointer;border:none;border-radius:999px;padding:14px 30px;font-size:14px;font-weight:700;transition:transform .2s;box-shadow:0 14px 30px -10px #e6f65d66}.btn-lime:hover{transform:translateY(-2px)}.cta-band .btn-ghost{color:#fff;background:#ffffff1f}.cta-band .btn-ghost:hover{background:#fff3}.cta-band .float-stk{z-index:1;filter:drop-shadow(0 14px 26px #0006);will-change:transform;width:86px;position:absolute}.f-grid h4{letter-spacing:-.02em;font-size:22px;font-weight:600}.socials a{color:#666;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 4px 12px -6px #0000001f}.f-col a{color:#2c2d30;align-items:center;gap:9px;margin-bottom:18px;text-decoration:none;transition:opacity .2s;display:flex}@media (width<=700px){.studio-shell{grid-template-columns:1fr}.toolrail{flex-flow:wrap;justify-content:center;align-self:stretch;gap:4px;padding:6px;position:static;top:auto}.tool{width:38px;height:38px}.tool .tip,.rail-sep{display:none}.stage{touch-action:auto;height:440px}.ov{touch-action:none}.stage-bar{flex-wrap:wrap;justify-content:center;gap:8px 14px}.stage-bar .kbd,.stage-bar .sp{display:none}.stage-hint{white-space:normal;text-align:center;justify-content:center;padding:9px 14px;font-size:11.5px;line-height:1.35;bottom:12px;left:12px;right:12px;transform:none}}