:root{--yellow:#ffc928;--ink:#101319;--muted:#626b77;--canvas:#f7f8fa;--line:#e7e9ee;--green:#149a55;--shadow:0 9px 28px rgba(28,35,51,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.maxwidth{max-width:1180px;margin:auto}.topbar{height:4px;background:var(--yellow)}.site-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:25px;font-weight:900;letter-spacing:-1.3px;color:#111}.brand-mark{height:41px;width:41px;background:var(--yellow);display:grid;place-items:center;border-radius:12px;color:#151515;font-size:24px;font-weight:1000;letter-spacing:-2px}.brand-word{color:#111}.brand-sub{font-size:10px;letter-spacing:1.3px;font-weight:750;color:#737b87;display:block;margin-top:-3px}.navlinks{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#525b67}.navlinks a:hover{color:#000}.navcontact{display:flex;align-items:center;gap:8px}.nav-wa{font-size:12px;border:1px solid var(--line);background:#fff;padding:11px 12px;border-radius:9px;font-weight:800;color:#137e48;display:inline-flex;gap:8px;align-items:center}.wa-dot{width:17px;height:17px;border-radius:50%;background:#dff7e9;color:#06884d;display:grid;place-items:center;font-size:10px;font-weight:1000}.nav-wa:hover{background:#f1fbf5}.hero{background:#151920;color:#fff;border-radius:20px;min-height:345px;display:grid;grid-template-columns:1.06fr .94fr;overflow:hidden;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;width:610px;height:510px;right:-170px;bottom:-295px;background:#ffc928;border-radius:50%;z-index:-1}.hero:after{content:'';position:absolute;width:450px;height:450px;right:20px;top:-290px;border:1px solid #50525d;border-radius:50%;z-index:-1}.hero-copy{padding:49px 0 46px 57px;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ffde73;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.eyebrow:before{content:'';height:7px;width:7px;background:#ffcf37;border-radius:50%}.hero h1{font-size:46px;line-height:1.13;letter-spacing:-2px;font-weight:850;max-width:570px;margin:18px 0 14px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{color:#bfc4cb;line-height:1.7;max-width:420px;margin:0 0 22px;font-size:14px}.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero-button{background:#ffcf32;border:0;border-radius:10px;color:#181818;padding:14px 22px;font-size:13px;font-weight:850}.hero-note{font-size:11px;color:#aeb8c4}.hero-art{position:relative;min-height:345px;display:flex;align-items:center;justify-content:center;padding:30px 32px}.showcase{width:410px;max-width:100%;background:#fcfdff;border-radius:18px;box-shadow:0 25px 75px rgba(0,0,0,.24);color:#171b20;transform:rotate(-4deg);border:1px solid rgba(255,255,255,.7);overflow:hidden}.showcase-top{display:flex;align-items:center;justify-content:space-between;background:#f4f5f7;padding:14px 17px;border-bottom:1px solid #ebecf0}.showcase-dots{display:flex;gap:5px}.showcase-dots i{width:7px;height:7px;background:#d0d5dc;border-radius:50%}.showcase-heading{font-size:10px;color:#697181;font-weight:750}.showcase-body{padding:17px}.mock-search{background:#f5f6f8;border-radius:7px;color:#9ba2ab;padding:10px 13px;font-size:11px}.mock-row{display:flex;gap:12px;align-items:center;padding:16px 2px;border-bottom:1px solid #eaedf0}.mock-row:last-child{border:0;padding-bottom:5px}.mock-icon{height:48px;width:53px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:19px;flex:0 0 auto}.mock-icon.yt{background:#ffeeec;color:#ee3533}.mock-icon.cap{background:#161a1e;color:#fff}.mock-icon.ps{background:#e8f5ff;color:#1470c6}.mock-content{min-width:0;flex:1}.mock-name{font-size:13px;font-weight:850}.mock-sub{font-size:10px;color:#8d96a4;margin-top:3px}.mock-price{font-weight:900;font-size:13px}.accent-sticker{position:absolute;right:13px;top:43px;transform:rotate(8deg);background:#ffd955;border-radius:13px;padding:13px 15px;box-shadow:0 12px 27px #0003;color:#141821;font-size:13px;font-weight:950}.store-area{background:#fff;padding:29px 0 34px}.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.searchbar{height:56px;max-width:790px;flex:1;display:flex;align-items:center;border:1px solid #e0e4e8;background:#fff;border-radius:12px;box-shadow:0 4px 15px #10151a08;padding:0 8px 0 17px}.mag{font-size:22px;color:#707b89}.searchbar input{flex:1;border:0;outline:0;padding:13px 12px;background:transparent;min-width:0;font-size:13px;color:#111}.searchbar input::placeholder{color:#9aa3af}.mic-btn{background:#f5f6f7;border:0;height:41px;width:42px;border-radius:9px;color:#222;font-size:20px;display:grid;place-items:center}.mic-btn.listening{background:#ffe8e8;color:#d03138}.sorter{height:45px;min-width:170px;border:1px solid var(--line);background:white;border-radius:10px;padding:0 13px;font-size:12px;font-weight:700;color:#4b5260}.catalog-cats{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:4px 0 18px;border-bottom:1px solid #eff0f2}.chip{padding:10px 17px;border-radius:9px;border:1px solid #e4e6e9;background:#fff;font-size:12px;font-weight:800;color:#555e69}.chip.active{background:#191c20;color:#fff;border-color:#191c20}.catalog-title{display:flex;align-items:end;justify-content:space-between;margin:21px 0 17px;gap:12px}.catalog-title h2{font-size:24px;letter-spacing:-.7px;margin:0;font-weight:850}.result{font-size:12px;color:#9099a4}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{border:1px solid #e8ebef;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0;transition:transform .15s,box-shadow .15s}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #141b2514}.product-cover{height:162px;display:grid;place-items:center;position:relative;overflow:hidden}.product-cover:before{content:'';position:absolute;border:1px solid #ffffff72;width:160px;height:160px;border-radius:40px;transform:rotate(30deg);right:-35px;bottom:-105px}.product-cover.youtube{background:linear-gradient(145deg,#ffeceb,#ffbfb7)}.product-cover.capcut{background:linear-gradient(135deg,#eff0f3,#d3d7de)}.product-cover.design{background:linear-gradient(135deg,#e7e0ff,#c9cbff)}.product-cover.service{background:linear-gradient(130deg,#fff2d3,#ffe3a1)}.product-cover.ai{background:linear-gradient(130deg,#dbfff6,#9ddacb)}.product-cover.ps{background:linear-gradient(130deg,#c6e5ff,#99c9f4)}.product-cover.editing{background:linear-gradient(130deg,#e7e6fc,#cfcff4)}.product-cover.tools{background:linear-gradient(135deg,#f5f0ff,#e3d6fb)}.product-cover img{width:100%;height:100%;object-fit:cover}.visual-icon{display:grid;place-items:center;width:73px;height:73px;border-radius:18px;font-size:35px;font-weight:900;box-shadow:0 15px 24px #18233d1a;position:relative;z-index:1}.visual-icon.youtube{background:#ff3c36;color:white;font-size:34px}.visual-icon.capcut{background:#131619;color:#fff;font-size:37px}.visual-icon.ps{background:#0f3769;color:#5dc2ff}.visual-icon.ai{background:#198977;color:#fff;font-size:25px}.visual-icon.design{background:#6954bd;color:#fff}.visual-icon.service{background:#fdbd36;color:#8e5707}.visual-icon.editing{background:#7167c8;color:#fff}.visual-icon.tools{background:#5b4a80;color:#fff}.product-body{padding:15px 16px 16px;flex:1;display:flex;flex-direction:column}.category-label{font-size:10px;letter-spacing:.65px;font-weight:850;text-transform:uppercase;color:#828c99;line-height:1.4}.product-name{margin:7px 0 6px;font-weight:850;font-size:15px;letter-spacing:-.25px;line-height:1.35;min-height:40px}.product-description{font-size:11.5px;line-height:1.5;color:#77808a;margin:0 0 14px;min-height:37px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:auto;margin-bottom:12px}.price{font-size:21px;font-weight:900;letter-spacing:-.6px;color:#0c1116}.price small{font-size:11px;letter-spacing:0;margin-right:2px}.listing-badge{font-size:9px;font-weight:850;border-radius:5px;padding:5px 7px;background:#fff1bb;color:#946900;white-space:nowrap}.buy-button{background:#148d4e;border:0;color:#fff;width:100%;border-radius:9px;padding:11px 7px;font-weight:850;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.buy-button:hover{background:#0e7541}.wa-icon svg{height:16px;width:16px;vertical-align:middle}.empty{grid-column:1/-1;text-align:center;padding:35px;border-radius:14px;border:1px solid #e8ebef;color:#656b73}.empty strong{display:block;color:#151c22;margin-bottom:6px}.footer{margin-top:25px;border-top:1px solid #e6e8ec;display:flex;justify-content:space-between;gap:18px;padding:25px 0;color:#89919a;font-size:11px}.sample-note{font-size:11px;display:inline-block;background:#fff9e5;border:1px solid #fae6aa;border-radius:8px;padding:10px 13px;margin-top:19px;color:#8d6d12}.bottom-info{display:flex;align-items:center;justify-content:space-between;padding:19px 23px;border:1px solid #e9ecf0;border-radius:11px;margin-top:24px;gap:20px;background:#fcfcfd}.bottom-info b{font-size:13px}.bottom-info span{color:#7b8490;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#0f1520a6;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-backdrop.open{display:flex}.modal-box{width:min(100%,410px);background:white;padding:27px;border-radius:19px;box-shadow:0 20px 60px #0005;position:relative}.modal-close{position:absolute;right:15px;top:15px;background:#f2f3f4;border:0;border-radius:9px;padding:7px 11px}.modal-heading{font-size:23px;letter-spacing:-.7px;margin:10px 0}.modal-product{color:#6d7581;font-size:13px;line-height:1.5;margin:0 0 18px}.modal-choice{width:100%;background:#e7f8ed;border:1px solid #bbebcb;border-radius:11px;color:#116937;padding:14px;margin-top:9px;text-align:left;font-weight:850}.modal-choice:disabled{opacity:.44;cursor:not-allowed}.modal-hint{font-size:11px;color:#86909a;margin-top:13px;line-height:1.5}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:min(520px,90vw);padding:13px 18px;background:#242a31;color:white;border-radius:10px;box-shadow:0 12px 25px #0003;font-size:12px;display:none;z-index:80}.toast.show{display:block}
@media(max-width:1200px){.maxwidth{margin-left:25px;margin-right:25px}}@media(max-width:930px){.navlinks{display:none}.hero h1{font-size:39px}.hero-copy{padding:42px}.hero-art{padding:24px}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.accent-sticker{right:6px}}@media(max-width:640px){.topbar{height:3px}.site-nav{height:64px;margin:0 17px}.brand{font-size:21px}.brand-mark{height:35px;width:35px;font-size:21px;border-radius:10px}.brand-sub{font-size:8px}.navcontact{gap:4px}.nav-wa{padding:9px 7px;border:0;background:#edf9f0;font-size:0;border-radius:9px}.wa-dot{font-size:11px}.maxwidth{margin-left:15px;margin-right:15px}.hero{border-radius:15px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:26px 23px 11px}.hero h1{font-size:30px;letter-spacing:-1.1px;margin:12px 0}.hero p{font-size:12px;line-height:1.6;margin-bottom:14px}.hero-button{padding:11px 16px}.hero-art{min-height:143px;padding:7px 27px 19px;justify-content:flex-end}.showcase{transform:rotate(-4deg);width:235px;border-radius:10px}.showcase-top{padding:6px 8px}.showcase-heading{font-size:7px}.showcase-body{padding:7px}.mock-search{padding:5px;font-size:8px}.mock-row{padding:6px 2px;gap:6px}.mock-icon{width:27px;height:27px;font-size:10px;border-radius:6px}.mock-name{font-size:9px}.mock-sub{font-size:7px;margin-top:1px}.mock-price{font-size:9px}.accent-sticker{right:20px;top:14px;font-size:9px;padding:9px}.store-area{padding-top:17px}.catalog-top{display:flex;gap:7px}.searchbar{height:49px}.searchbar input{font-size:12px;padding:8px}.mic-btn{height:37px;width:37px}.sorter{display:none}.catalog-cats{flex-wrap:nowrap;overflow:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:13px}.catalog-cats::-webkit-scrollbar{display:none}.chip{font-size:11px;padding:9px 12px}.catalog-title{margin:16px 0 13px}.catalog-title h2{font-size:19px}.result{font-size:10px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-cover{height:125px}.visual-icon{height:60px;width:60px;border-radius:14px;font-size:29px}.product-body{padding:10px 10px 11px}.category-label{font-size:8px}.product-name{font-size:12px;min-height:34px;margin:6px 0 5px;letter-spacing:-.2px}.product-description{font-size:10px;min-height:45px;margin-bottom:8px}.price{font-size:16px}.price small{font-size:9px}.price-row{align-items:end;margin-bottom:9px;gap:3px}.listing-badge{font-size:8px;padding:4px}.buy-button{font-size:10px;padding:10px 4px;gap:3px}.wa-icon svg{height:14px;width:14px}.bottom-info{display:block;padding:15px}.bottom-info span{display:block;margin-top:5px;font-size:11px}.sample-note{font-size:10px}.footer{font-size:9px;padding:18px 0;flex-direction:column;gap:4px}}
body.force-mobile{max-width:430px;margin:0 auto;box-shadow:0 0 0 1px #dfe3e8;min-height:100vh}body.force-mobile .site-nav{margin:0 17px}body.force-mobile .maxwidth{margin-left:15px;margin-right:15px}body.force-mobile .navlinks{display:none}body.force-mobile .hero{grid-template-columns:1fr}body.force-mobile .hero-copy{padding:26px 23px 11px}body.force-mobile .hero h1{font-size:30px}body.force-mobile .hero-art{min-height:145px;padding:7px 27px 19px}body.force-mobile .showcase{width:235px}body.force-mobile .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.force-mobile .product-cover{height:125px}body.force-mobile .product-body{padding:10px}body.force-mobile .product-name{font-size:12px;min-height:34px}body.force-mobile .product-description{font-size:10px;min-height:45px}body.force-mobile .price{font-size:16px}body.force-mobile .buy-button{font-size:10px}body.force-mobile .sorter{display:none}body.force-mobile .catalog-cats{flex-wrap:nowrap;overflow:auto}body.force-mobile .store-area{padding-top:17px}body.force-mobile .hero p{font-size:12px}body.force-mobile .catalog-title h2{font-size:19px}

@media(max-width:640px){.nav-wa{font-size:9px;padding:8px 7px;gap:0}.nav-wa .wa-dot{display:none}.hero-note{display:none}.hero-copy{padding-bottom:6px}}
body.force-mobile .nav-wa{font-size:9px;padding:8px 7px;gap:0}body.force-mobile .nav-wa .wa-dot{display:none}body.force-mobile .hero-note{display:none}

/* V4 banner art: simple creator visual, no imaginary pricing or percentage sticker. */
.hero-art{padding:0 18px 0 0;overflow:hidden;isolation:isolate}
.creator-scene{position:relative;width:100%;max-width:510px;height:345px;margin:auto;display:flex;align-items:center;justify-content:center}
.scene-aura{position:absolute;width:390px;height:390px;right:-105px;bottom:-285px;background:#ffd132;border-radius:50%;box-shadow:0 -12px 75px #e8b92319}
.scene-ring{position:absolute;width:370px;height:370px;top:-247px;right:27px;border:1px solid #4b505a;border-radius:50%;opacity:.7}
.creator-screen{position:relative;width:340px;height:221px;background:#222831;border:7px solid #444b56;border-radius:17px 17px 12px 12px;transform:rotate(-6deg) translate(4px,-5px);box-shadow:1px 27px 42px #080b105c,0 0 0 1px #70778050;overflow:hidden;z-index:2}
.creator-browser{height:28px;display:flex;align-items:center;gap:15px;padding:0 13px;background:#f1f2f4;color:#8d9199}
.browser-lights{display:flex;gap:4px}.browser-lights i{display:block;height:5px;width:5px;background:#bcc1c8;border-radius:50%}
.browser-caption{font-size:7px;font-weight:850;letter-spacing:1.1px}
.creator-display{position:relative;display:flex;height:calc(100% - 28px);flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 47%,#353f56 0%,#171d28 67%,#10151e 100%);overflow:hidden}
.creator-display:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #54607665;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.creator-display:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #59647635;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.display-frame{display:grid;place-items:center;width:114px;height:84px;border-radius:20px;background:#313d50a0;box-shadow:0 15px 35px #0005;border:1px solid #68728570;z-index:1}
.display-play{display:block;width:73px;height:50px;filter:drop-shadow(0 8px 14px #ff394045)}.display-play svg{width:100%;height:100%}
.display-caption{z-index:1;letter-spacing:2px;font-size:9px;color:#d3d9e3;font-weight:850}
.display-spark{position:absolute;width:5px;height:5px;background:#ffe17e;transform:rotate(45deg);box-shadow:0 0 18px #ffcf46;z-index:1}.spark-one{top:35px;right:65px}.spark-two{bottom:39px;left:73px;width:3px;height:3px}
.creator-laptop-base{position:absolute;z-index:3;width:348px;height:12px;border-radius:3px 3px 18px 18px;background:linear-gradient(180deg,#777f8c 0%,#343b48 65%,#222732 100%);transform:rotate(-6deg) translate(0,113px) skewX(-12deg);box-shadow:0 13px 23px #05080d42}
.scene-floating{position:absolute;z-index:4;background:#fff;display:flex;align-items:center;gap:11px;border-radius:13px;padding:11px 14px 11px 10px;box-shadow:0 16px 32px #0005;color:#181c23;border:1px solid #f3f4f6}
.float-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex-shrink:0}
.float-symbol svg{height:23px;width:23px}.editor-symbol{background:#16191f;color:white}.product-symbol{background:#ffcf33;color:#171a20}
.float-words{display:grid;gap:3px;line-height:1.2}.float-words b{font-size:12px;font-weight:850;white-space:nowrap}.float-words small{font-size:9px;color:#818995;white-space:nowrap}
.float-editor{left:5px;bottom:39px;transform:rotate(5deg)}.float-products{right:0;top:40px;transform:rotate(5deg)}
@media(max-width:930px){.creator-screen{width:290px;height:195px}.creator-laptop-base{width:294px;transform:rotate(-6deg) translate(0,101px) skewX(-12deg)}.float-editor{left:1px;bottom:40px}.float-products{right:0}}
@media(max-width:640px){
 .hero-art{min-height:0;height:224px;padding:0 12px 0 8px;justify-content:center}
 .creator-scene{height:224px;width:100%;max-width:370px}
 .scene-aura{width:320px;height:320px;right:-56px;bottom:-239px}
 .scene-ring{width:280px;height:280px;right:30px;top:-196px}
 .creator-screen{width:230px;height:153px;border-width:5px;border-radius:12px;transform:rotate(-5deg) translate(0,-8px)}
 .creator-browser{height:19px;padding:0 8px;gap:7px}.browser-lights{gap:3px}.browser-lights i{width:4px;height:4px}.browser-caption{font-size:5px;letter-spacing:.6px}
 .creator-display{height:calc(100% - 19px);gap:6px}.creator-display:before{width:145px;height:145px}.creator-display:after{width:185px;height:185px}
 .display-frame{width:78px;height:57px;border-radius:12px}.display-play{width:50px;height:34px}.display-caption{font-size:6px;letter-spacing:1.4px}
 .creator-laptop-base{width:235px;height:8px;transform:rotate(-5deg) translate(0,72px) skewX(-12deg)}
 .scene-floating{gap:6px;padding:7px;border-radius:9px}.float-symbol{width:29px;height:29px;border-radius:8px}.float-symbol svg{width:18px;height:18px}
 .float-words b{font-size:8px}.float-words small{font-size:6px}.float-editor{left:0;bottom:19px}.float-products{right:0;top:19px}
}
body.force-mobile .hero-art{height:224px;min-height:0;padding:0 12px 0 8px;justify-content:center}
body.force-mobile .creator-scene{height:224px;max-width:370px}
body.force-mobile .scene-aura{width:320px;height:320px;right:-56px;bottom:-239px}
body.force-mobile .creator-screen{width:230px;height:153px;border-width:5px;border-radius:12px;transform:rotate(-5deg) translate(0,-8px)}
body.force-mobile .creator-browser{height:19px;padding:0 8px;gap:7px}
body.force-mobile .browser-caption{font-size:5px;letter-spacing:.6px}
body.force-mobile .creator-display{height:calc(100% - 19px);gap:6px}
body.force-mobile .display-frame{width:78px;height:57px;border-radius:12px}
body.force-mobile .display-play{width:50px;height:34px}
body.force-mobile .display-caption{font-size:6px}
body.force-mobile .creator-laptop-base{width:235px;height:8px;transform:rotate(-5deg) translate(0,72px) skewX(-12deg)}
body.force-mobile .scene-floating{gap:6px;padding:7px;border-radius:9px}
body.force-mobile .float-symbol{width:29px;height:29px;border-radius:8px}
body.force-mobile .float-symbol svg{height:18px;width:18px}
body.force-mobile .float-words b{font-size:8px}
body.force-mobile .float-words small{font-size:6px}
body.force-mobile .float-editor{left:0;bottom:19px}
body.force-mobile .float-products{right:0;top:19px}


/* Updated tools-focused hero art: no channel mockups, invented prices or performance claims */
.hero-art{padding:0 10px 0 0;overflow:hidden;isolation:isolate;min-height:345px}
.studio-stage{position:relative;height:345px;min-width:0;width:100%;max-width:530px;margin:auto;display:flex;align-items:center;justify-content:center}
.studio-orbit{position:absolute;width:355px;height:355px;border-radius:50%;background:#ffcf32;right:-116px;bottom:-250px;box-shadow:0 0 90px #ffcf3224}
.studio-window{position:relative;z-index:2;width:402px;max-width:84%;border-radius:16px;overflow:hidden;background:#f7f8fa;color:#1d232b;box-shadow:0 25px 42px #0006;transform:rotate(-5deg) translate(-4px,1px);border:1px solid #ffffff90}
.studio-top{height:35px;padding:0 14px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #e8ecf1;color:#778392;font-size:9px;font-weight:850;letter-spacing:1.3px}
.studio-top>b{margin-left:auto;color:#e6ab00;font-size:17px}
.studio-dots{display:flex;gap:4px}.studio-dots i{height:6px;width:6px;border-radius:50%;background:#cbd1d8}
.studio-inner{display:flex;height:232px;padding:9px;background:#f2f4f7;gap:9px}
.studio-rail{width:39px;flex:0 0 39px;border-radius:9px;background:#20242d;color:#828d9e;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:17px;font-size:18px;font-weight:900}
.studio-rail .rail-active{color:#ffcb2e}
.studio-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}
.studio-preview{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:9px;background:linear-gradient(120deg,#211c49,#4f337e 55%,#bd5c9f 100%)}
.studio-artglow{position:absolute;width:162px;height:162px;border-radius:50%;background:#ffce43;right:12px;top:-75px;filter:blur(1px);opacity:.95}
.studio-artshape{position:absolute;transform:rotate(-24deg);border:2px solid #ffffff34;border-radius:20px}.studio-artshape.one{width:110px;height:164px;right:65px;bottom:-67px}.studio-artshape.two{width:86px;height:128px;right:12px;bottom:-54px}
.studio-arttitle{position:absolute;left:25px;top:44px;font-size:29px;font-weight:1000;letter-spacing:-1.8px;line-height:1.0;color:#fff;text-shadow:0 3px 15px #0002}.studio-arttitle em{font-style:normal;color:#ffd94b}
.studio-timeline{height:37px;background:#e6e9ee;border-radius:7px;display:flex;align-items:center;gap:4px;padding:9px;position:relative;overflow:hidden}
.studio-timeline i{display:block;height:17px;border-radius:4px}.timeline-a{width:21%;background:#a59be9}.timeline-b{width:31%;background:#f6bb56}.timeline-c{width:20%;background:#8cc5c7}.timeline-d{width:23%;background:#bac4d8}.timeline-handle{position:absolute;z-index:1;height:31px;width:2px;left:40%;top:3px;background:#303c4a}
.studio-float{z-index:3;display:flex;align-items:center;gap:9px;position:absolute;background:#fff;color:#252a33;border-radius:12px;border:1px solid #f4f4f4;box-shadow:0 14px 32px #0004;padding:9px 13px 9px 9px;white-space:nowrap;line-height:1}
.studio-float strong{font-size:12px;font-weight:850}.studio-float-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.studio-float svg{width:20px;height:20px}
.studio-float-icon.ai{color:#4b3db5;background:#ece9ff}.studio-float-icon.edit{color:#176b78;background:#dbf4f2}.studio-float-icon.design{color:#5e507b;background:#ede7fa}
.float-ai{top:48px;right:2px;transform:rotate(5deg)}.float-edit{bottom:32px;left:8px;transform:rotate(4deg)}.float-design{bottom:47px;right:-4px;transform:rotate(-5deg)}
@media(max-width:930px) and (min-width:641px){.studio-window{width:320px}.studio-inner{height:205px}.studio-stage{height:330px}.float-ai{right:-4px}.float-design{right:1px}.studio-arttitle{font-size:26px}}
@media(max-width:640px){
 .hero-art{height:225px;min-height:0;padding:0 8px 0;justify-content:center}
 .studio-stage{height:225px;max-width:350px}
 .studio-orbit{width:250px;height:250px;right:-75px;bottom:-175px}
 .studio-window{width:263px;max-width:77%;border-radius:11px;transform:rotate(-5deg) translate(0,-1px)}
 .studio-top{height:24px;padding:0 9px;gap:7px;font-size:6px;letter-spacing:.7px}.studio-top>b{font-size:12px}.studio-dots{gap:2px}.studio-dots i{width:4px;height:4px}
 .studio-inner{height:145px;gap:6px;padding:6px}
 .studio-rail{width:24px;flex-basis:24px;border-radius:5px;font-size:11px;gap:7px;padding-top:12px}
 .studio-body{gap:6px}.studio-preview{border-radius:6px}.studio-arttitle{font-size:19px;left:15px;top:27px;letter-spacing:-1.3px}.studio-artglow{width:100px;height:100px;right:0;top:-50px}.studio-artshape.one{width:65px;height:90px;right:30px;bottom:-38px}.studio-artshape.two{width:50px;height:75px;right:0;bottom:-25px}
 .studio-timeline{height:23px;padding:5px;gap:3px;border-radius:4px}.studio-timeline i{height:11px;border-radius:2px}.timeline-handle{height:20px;top:1px}
 .studio-float{gap:5px;padding:5px;border-radius:7px}.studio-float strong{font-size:8px}.studio-float-icon{width:24px;height:24px;border-radius:6px}.studio-float svg{width:14px;height:14px}
 .float-ai{top:20px;right:1px}.float-edit{left:4px;bottom:23px}.float-design{right:0;bottom:28px}
}
body.force-mobile .hero-art{height:225px;min-height:0;padding:0 8px 0;justify-content:center}
body.force-mobile .studio-stage{height:225px;max-width:350px}
body.force-mobile .studio-orbit{width:250px;height:250px;right:-75px;bottom:-175px}
body.force-mobile .studio-window{width:263px;max-width:77%;border-radius:11px;transform:rotate(-5deg) translate(0,-1px)}
body.force-mobile .studio-top{height:24px;padding:0 9px;gap:7px;font-size:6px;letter-spacing:.7px}
body.force-mobile .studio-top>b{font-size:12px}
body.force-mobile .studio-dots{gap:2px}body.force-mobile .studio-dots i{width:4px;height:4px}
body.force-mobile .studio-inner{height:145px;gap:6px;padding:6px}
body.force-mobile .studio-rail{width:24px;flex-basis:24px;border-radius:5px;font-size:11px;gap:7px;padding-top:12px}
body.force-mobile .studio-body{gap:6px}body.force-mobile .studio-preview{border-radius:6px}body.force-mobile .studio-arttitle{font-size:19px;left:15px;top:27px}
body.force-mobile .studio-artglow{width:100px;height:100px;right:0;top:-50px}
body.force-mobile .studio-artshape.one{width:65px;height:90px;right:30px;bottom:-38px}
body.force-mobile .studio-artshape.two{width:50px;height:75px;right:0;bottom:-25px}
body.force-mobile .studio-timeline{height:23px;padding:5px;gap:3px;border-radius:4px}body.force-mobile .studio-timeline i{height:11px}
body.force-mobile .timeline-handle{height:20px;top:1px}
body.force-mobile .studio-float{gap:5px;padding:5px;border-radius:7px}body.force-mobile .studio-float strong{font-size:8px}
body.force-mobile .studio-float-icon{width:24px;height:24px;border-radius:6px}body.force-mobile .studio-float svg{width:14px;height:14px}
body.force-mobile .float-ai{top:20px;right:1px}body.force-mobile .float-edit{left:4px;bottom:23px}body.force-mobile .float-design{right:0;bottom:28px}

.preview-alert{background:#fff3c2;color:#775000;border:1px solid #fbd45b;padding:12px 18px;border-radius:10px;margin:12px 0;font-weight:700;font-size:13px}
[hidden]{display:none!important}