body{display:flex;min-height:100vh;flex-direction:column}.splash-hero{position:relative;overflow:hidden;padding:60px 0 78px;background:radial-gradient(circle at 50% 4%,rgba(255,255,255,.95),transparent 33%),linear-gradient(180deg,#fff8fa 0,#f8f5ff 72%,#fff 100%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{top:140px;left:-120px;width:300px;height:300px;opacity:.28;background:radial-gradient(circle at 70% 35%,#ff4d6d 0 10%,#ff9f1c 11% 19%,transparent 20%),conic-gradient(from 20deg,#ff4d6d,#ffd60a,#20c997,#2f80ed,#9b51e0,#ff4d6d);filter:blur(30px)}.orb-two{top:50px;right:-110px;width:260px;height:260px;opacity:.22;background:conic-gradient(#2f80ed,#9b51e0,#ff4d6d,#ffd60a,#2f80ed);filter:blur(36px)}.intro{text-align:center}.crumbs{margin-bottom:24px;color:var(--muted);font-size:.82rem}.crumbs a{color:#d63258;font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,77,109,.18);border-radius:999px;color:#b7294a;background:rgba(255,255,255,.75);font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 0 5px rgba(255,77,109,.12)}.splash-hero h1{max-width:980px;margin:18px auto 14px;color:#202235;font-size:clamp(2.9rem,7.4vw,5.7rem);line-height:.96;letter-spacing:-.065em}.splash-hero h1 span{display:block;background:linear-gradient(90deg,#ed3158 10%,#f58b1f 34%,#25aa83 59%,#3978e9 78%,#9146d5);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:740px;margin:0 auto;color:#676a80;font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 22px;margin-top:21px;color:#55596f;font-size:.78rem;font-weight:750}.trust-row span::first-letter{color:#e33259}.splash-studio{position:relative;margin-top:45px;overflow:hidden;border:1px solid rgba(46,45,76,.12);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 38px 120px rgba(47,41,83,.2)}.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:77px;padding:14px 20px 14px 25px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}.studio-title,.studio-title>span:last-child,.panel-heading,.panel-heading>span:nth-child(2),.preview-heading>span:first-child{display:flex;align-items:center;gap:11px}.studio-title>span:last-child,.panel-heading>span:nth-child(2),.preview-heading>span:first-child{display:block}.studio-title strong,.studio-title small,.panel-heading strong,.panel-heading small,.preview-heading strong,.preview-heading small{display:block}.studio-title small,.panel-heading small,.preview-heading small{margin-top:3px;color:var(--muted);font-size:.68rem}.live-dot{width:11px;height:11px;border-radius:50%;background:#20c997;box-shadow:0 0 0 6px rgba(32,201,151,.13)}.studio-actions{display:flex;gap:9px}.quiet-button,.upload-button,.reset-button,.pick-image-button,.brush-button,.history-row button,.compare-button,.download-button{font:inherit;cursor:pointer;transition:.2s}.quiet-button,.upload-button{min-height:42px;padding:0 16px;border-radius:11px;font-size:.76rem;font-weight:850}.quiet-button{border:1px solid rgba(31,34,62,.13);color:#565a70;background:#fff}.upload-button{border:0;color:#fff;background:linear-gradient(135deg,#f04467,#d92e6c 55%,#9146d5);box-shadow:0 10px 22px rgba(218,47,106,.23)}.upload-button:hover,.download-button:hover{transform:translateY(-1px);box-shadow:0 13px 27px rgba(218,47,106,.3)}.studio-grid{display:grid;grid-template-columns:345px minmax(0,1fr);min-height:670px}.control-panel{padding:23px;border-right:1px solid rgba(31,34,62,.09);background:#fff}.panel-heading{position:relative}.panel-heading>span:nth-child(2){min-width:0}.panel-heading .reset-button{margin-left:auto}.panel-heading.compact{margin-bottom:17px}.step-number{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:9px;color:#cc3154;background:#fff0f4;font-size:.65rem;font-weight:900}.reset-button{padding:6px 9px;border:0;color:#8b8797;background:transparent;font-size:.68rem;font-weight:800}.reset-button:hover{color:#d63258}.color-picks{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:17px}.color-pick{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(31,34,62,.1);border-radius:11px;background:#fff;cursor:pointer}.color-pick span{width:26px;height:26px;border-radius:8px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.color-pick:hover{transform:translateY(-2px)}.color-pick.active{border-color:var(--swatch);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 18%,transparent)}.pick-image-button{display:flex;align-items:center;gap:11px;width:100%;margin-top:10px;padding:11px 12px;border:1px dashed rgba(214,50,88,.28);border-radius:12px;color:#4b4d61;background:#fff8fa;text-align:left}.pick-image-button:hover,.pick-image-button.active{border-style:solid;border-color:#ed3158;background:#fff0f4}.pick-image-button strong,.pick-image-button small{display:block}.pick-image-button strong{font-size:.75rem}.pick-image-button small{margin-top:2px;color:var(--muted);font-size:.62rem}.picker-icon{display:block;flex:0 0 auto;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;background:linear-gradient(135deg,#ff4d6d 0 33%,#ffd60a 34% 66%,#2f80ed 67%);box-shadow:inset 0 0 0 4px #fff}.control-divider{height:1px;margin:19px 0;background:var(--border)}.range-control{display:block;margin-top:15px;color:#52556a;font-size:.73rem;font-weight:800}.range-control>span:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.range-control output{padding:3px 7px;border-radius:6px;color:#c72e52;background:#fff0f4;font-size:.65rem}.range-control input{--value:30%;width:100%;height:4px;appearance:none;border-radius:999px;outline:0;background:linear-gradient(90deg,#ec335e var(--value),#ecebf1 var(--value))}.range-control input::-webkit-slider-thumb{width:17px;height:17px;appearance:none;border:3px solid #fff;border-radius:50%;background:#e8345e;box-shadow:0 2px 7px rgba(38,30,48,.25);cursor:pointer}.range-control input::-moz-range-thumb{width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#e8345e;box-shadow:0 2px 7px rgba(38,30,48,.25);cursor:pointer}.range-ends{display:flex;justify-content:space-between!important;margin-top:6px;color:#9a98a7;font-size:.59rem;font-weight:650}.brush-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brush-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid rgba(31,34,62,.11);border-radius:10px;color:#65687b;background:#fff;font-size:.7rem;font-weight:850}.brush-button.active{color:#ce3155;border-color:rgba(237,49,88,.3);background:#fff0f4;box-shadow:inset 0 0 0 1px rgba(237,49,88,.05)}.brush-button i{position:relative;display:block;width:14px;height:14px;border:2px solid currentColor;border-radius:50%}.reveal-icon:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:.72rem;line-height:1}.erase-icon:after{content:"−";position:absolute;top:50%;left:50%;transform:translate(-50%,-56%);font-size:.8rem;line-height:1}.brush-size{margin-top:14px}.history-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.history-row button{min-height:35px;border:1px solid rgba(31,34,62,.1);border-radius:9px;color:#626579;background:#f8f8fb;font-size:.67rem;font-weight:800}.history-row button:disabled{opacity:.42;cursor:not-allowed}.history-row button:not(:disabled):hover{color:#d63258;background:#fff}.export-card{margin-top:18px;padding:11px;border-radius:14px;background:linear-gradient(135deg,#26283c,#33344f)}.export-card label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding:0 2px;color:#d4d5df;font-size:.65rem;font-weight:750}.export-card select{border:0;color:#fff;background:#45475f;font-size:.65rem;outline:0}.download-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:43px;border:0;border-radius:10px;color:#fff;background:linear-gradient(100deg,#ef3158,#e46124 54%,#d89c10);font-size:.73rem;font-weight:900}.preview-panel{display:flex;min-width:0;flex-direction:column;padding:23px;background:linear-gradient(145deg,#f8f8fb,#f1eff7)}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.privacy-badge{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid rgba(32,201,151,.18);border-radius:6px;color:#13836b;background:#effbf8;font-size:.55rem;font-weight:900;letter-spacing:.1em}.privacy-badge i{width:6px;height:6px;border-radius:50%;background:#20c997}.canvas-wrap{position:relative;display:grid;flex:1;min-height:560px;place-items:center;overflow:hidden;border:8px solid #fff;border-radius:17px;background-color:#d7d7dd;background-image:linear-gradient(45deg,#c8c8cf 25%,transparent 25%),linear-gradient(-45deg,#c8c8cf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8c8cf 75%),linear-gradient(-45deg,transparent 75%,#c8c8cf 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;box-shadow:0 17px 42px rgba(40,38,60,.14);touch-action:none;cursor:none}.canvas-wrap canvas{display:block;max-width:100%;max-height:560px;width:auto;height:auto;box-shadow:0 5px 22px rgba(29,28,42,.12)}.canvas-wrap.demo canvas{width:100%;height:100%;object-fit:contain}.drop-overlay{position:absolute;z-index:8;inset:10px;display:none;place-items:center;align-content:center;gap:5px;border:2px dashed #df365c;border-radius:10px;color:#bd294c;background:rgba(255,247,250,.95);pointer-events:none}.drop-overlay b{font-size:1.8rem}.drop-overlay span{color:#7e7b8a;font-size:.72rem}.canvas-wrap.dragging .drop-overlay{display:grid}.pick-message{position:absolute;z-index:6;top:16px;left:50%;display:none;align-items:center;gap:8px;padding:9px 13px;transform:translateX(-50%);border-radius:999px;color:#fff;background:rgba(32,34,53,.88);box-shadow:0 8px 25px rgba(27,27,39,.22);font-size:.7rem;font-weight:800;white-space:nowrap;pointer-events:none}.canvas-wrap.picking .pick-message{display:flex}.canvas-wrap.picking{cursor:crosshair}.brush-cursor{position:absolute;z-index:7;display:none;width:42px;height:42px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(20,20,30,.7),0 2px 8px rgba(20,20,30,.18);pointer-events:none}.canvas-wrap:hover .brush-cursor{display:block}.canvas-wrap.picking .brush-cursor,.canvas-wrap.dragging .brush-cursor{display:none}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}.preview-footer>div{display:flex;align-items:center;gap:10px}.compare-button{min-height:40px;padding:0 13px;border:1px solid rgba(31,34,62,.12);border-radius:10px;color:#575a70;background:#fff;font-size:.67rem;font-weight:850}.compare-button.active{color:#ce3155;border-color:rgba(237,49,88,.25);background:#fff0f4}.selected-color{display:flex;align-items:center;gap:7px}.selected-color>i{width:27px;height:27px;border:4px solid #fff;border-radius:50%;background:#ef3154;box-shadow:0 0 0 1px rgba(31,34,62,.1),0 4px 10px rgba(31,34,62,.11)}.selected-color small,.selected-color strong{display:block}.selected-color small{color:#9895a5;font-size:.53rem;font-weight:800;text-transform:uppercase}.selected-color strong{color:#484b60;font-size:.65rem}#imageMeta{color:#858393;font-size:.63rem;font-weight:700}.content-section{padding:76px 0}.content-section.alt{border-block:1px solid rgba(31,34,62,.055);background:#faf9fc}.content{max-width:1000px}.section-kicker{display:block;margin-bottom:9px;color:#d63258;font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.content>h2,.creative-inner h2{margin:0 0 13px;color:#292b40;font-size:clamp(2rem,4.2vw,3.1rem);letter-spacing:-.045em}.content>p,.creative-inner p{max-width:750px;margin:0;color:var(--muted);line-height:1.75}.benefit-grid,.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.benefit-card,.try-card{position:relative;padding:23px;border:1px solid var(--border);border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(53,49,110,.06)}.benefit-card.featured{overflow:hidden}.benefit-card.featured:after{content:"";position:absolute;right:-45px;bottom:-60px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#ff4d6d,#9b51e0);opacity:.09}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:15px;color:#d42e55;background:#fff0f4;font-size:1rem;font-weight:900}.benefit-card h3{margin:0 0 8px;font-size:1rem}.benefit-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.66}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:29px 0 0;padding:0;counter-reset:step;list-style:none}.steps li{position:relative;padding:24px;border:1px solid var(--border);border-radius:18px;background:#fff}.steps li>span{display:grid;width:37px;height:37px;margin-bottom:18px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ed3158,#9146d5);font-size:.72rem;font-weight:900;box-shadow:0 8px 17px rgba(191,48,104,.18)}.steps strong{display:block;margin-bottom:7px}.steps p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.65}.creative-strip{position:relative;overflow:hidden;padding:72px 0;color:#fff;background:#222438}.creative-strip:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(255,77,109,.18),transparent 27%),radial-gradient(circle at 75% 75%,rgba(47,128,237,.16),transparent 29%)}.creative-inner{position:relative;display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:60px}.creative-inner h2{color:#fff}.creative-inner p{color:#c4c5d0}.creative-strip .section-kicker{color:#ff7891}.recipe-visual{position:relative;height:220px}.gray-frame{position:absolute;inset:5px 16px 5px 60px;border:1px solid rgba(255,255,255,.14);border-radius:100px 24px 100px 24px;background:linear-gradient(135deg,#767989,#303244 66%);transform:rotate(-4deg)}.color-circle{position:absolute;top:27px;right:72px;width:145px;height:145px;border:13px solid rgba(255,255,255,.09);border-radius:50%;background:conic-gradient(from 20deg,#ef3154,#ff9f1c,#ffd60a,#20c997,#2f80ed,#9b51e0,#ef3154);box-shadow:0 20px 50px rgba(9,10,20,.34);animation:float 4s ease-in-out infinite}.recipe-label{position:absolute;bottom:21px;left:30px;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.18em;line-height:1.6}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:29px}.tips-grid article{display:flex;gap:14px;padding:21px;border:1px solid var(--border);border-radius:17px;background:#fff}.tips-grid article>span{color:#d63258;font-size:.65rem;font-weight:900}.tips-grid h3{margin:0 0 7px;font-size:.91rem}.tips-grid p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.65}.faq{display:grid;gap:10px;margin-top:28px}.faq details{border:1px solid var(--border);border-radius:15px;background:#fff}.faq summary{padding:18px 48px 18px 19px;font-weight:800;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;margin-right:-28px;color:#d63258;font-size:1.2rem}.faq details[open] summary:after{content:"\2212"}.faq details p{margin:0;padding:0 19px 19px;color:var(--muted);line-height:1.7}.try-card{display:flex;align-items:center;gap:13px;padding:19px;transition:.22s}.try-card:hover{transform:translateY(-4px);border-color:rgba(214,50,88,.24);box-shadow:0 18px 40px rgba(53,49,110,.11)}.try-icon{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:14px;color:#d22f55;background:#fff0f4;font-size:.65rem;font-weight:900}.try-card>span:last-child,.try-card strong{display:block}.try-card>span:last-child>span{margin-top:4px;color:var(--muted);font-size:.77rem;line-height:1.45}.try-card b{margin-left:auto;color:#d63258}.toast{position:fixed;z-index:100;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:12px 16px;opacity:0;transform:translateY(12px);border-radius:12px;color:#fff;background:#292b40;box-shadow:0 15px 35px rgba(23,24,42,.25);pointer-events:none;transition:.25s}.toast>span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#20c997;font-size:.68rem}.toast strong,.toast small{display:block}.toast strong{font-size:.75rem}.toast small{margin-top:2px;color:#cfd0da;font-size:.62rem}.toast.show{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-9px) rotate(4deg)}}
@media(max-width:1000px){.studio-grid{grid-template-columns:320px minmax(0,1fr)}.control-panel,.preview-panel{padding:19px}.canvas-wrap{min-height:510px}.canvas-wrap canvas{max-height:510px}}
@media(max-width:840px){.studio-grid{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--border)}.color-picks{grid-template-columns:repeat(6,1fr)}.canvas-wrap{min-height:520px}.steps,.benefit-grid,.tips-grid,.try-grid{grid-template-columns:1fr}.creative-inner{grid-template-columns:1fr}.recipe-visual{max-width:520px;width:100%}}
@media(max-width:640px){.splash-hero{padding:45px 0 60px}.splash-studio{margin-top:33px;border-radius:20px}.studio-bar{align-items:flex-start;flex-direction:column;padding:15px}.studio-actions{width:100%}.quiet-button,.upload-button{flex:1}.control-panel,.preview-panel{padding:15px}.canvas-wrap{min-height:390px;border-width:5px}.canvas-wrap canvas{max-height:390px}.preview-footer{align-items:flex-start;flex-direction:column}.preview-footer>div{width:100%;justify-content:space-between}.content-section{padding:56px 0}.creative-strip{padding:56px 0}.creative-inner{gap:26px}.recipe-visual{height:180px}.color-circle{right:42px;width:120px;height:120px}.gray-frame{left:22px}.splash-hero h1{font-size:clamp(2.75rem,14.5vw,4.5rem)}.orb-one,.orb-two{display:none}}
@media(max-width:410px){.color-pick span{width:22px;height:22px}.panel-heading small,.preview-heading small{display:none}.preview-panel{padding:12px}.canvas-wrap{min-height:320px}.canvas-wrap canvas{max-height:320px}.selected-color{display:none}.compare-button{width:100%}.recipe-visual{height:155px}.color-circle{right:20px;width:105px;height:105px}}
@media(prefers-reduced-motion:reduce){.color-circle{animation:none}.upload-button,.download-button,.try-card,.quiet-button,.brush-button{transition:none}}
.canvas-wrap.demo canvas{width:auto;height:auto}