/* Hero: give the art more room and make the palette result explicit. */
#welcome-page .home249-hero{min-height:410px;height:410px}
#welcome-page .home249-hero .scene-window{inset:33px 0 35px 0}
#welcome-page .home249-hero .scene-canvas{height:calc(100% - 107px)}
#welcome-page .home249-hero .home249-david{width:650px;height:650px;left:47%;top:48%}
#welcome-page .home249-hero .scene-swatches{height:72px;display:block;padding:8px 15px 10px}
.home250-palette-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:var(--muted);font-size:8px;letter-spacing:.09em;font-weight:650}.home250-palette-head small{font-size:9px;letter-spacing:0;font-weight:500;color:var(--text)}
.home250-swatch-row{display:flex;gap:6px;height:30px}.home250-swatch-row span{flex:1;border-radius:4px;background:#ccebd8}.home250-swatch-row span:nth-child(2){background:#66bbae}.home250-swatch-row span:nth-child(3){background:#686dd0}.home250-swatch-row span:nth-child(4){background:#bd82c7}.home250-swatch-row span:nth-child(5){background:#e9b183}
/* One divider and one identical inset on either side of every story. */
#welcome-page .home217-stories{gap:0!important;margin-top:0!important;margin-bottom:0!important}
#welcome-page .home217-stories>.home217-story{padding:52px 0!important;border-bottom:1px solid var(--border);min-width:0}
#welcome-page .home217-stories>.home217-story:first-child{border-top:1px solid var(--border)}
#welcome-page .home217-stories>.home217-story .home217-orbit{max-width:455px}
/* Conversion can reveal useful detail without turning into a settings dashboard. */
.home250-convert-settings{display:flex;justify-content:space-between;gap:10px;padding:12px 19px 0;color:var(--muted);font-size:9px}.home250-convert-settings>span:first-child{color:var(--text);font-weight:650}.home250-convert-settings>span:first-child i{color:#86c3ae;margin-right:6px}.home250-convert-settings b{display:inline-block;margin-left:5px;padding:5px 7px;border-radius:5px;background:var(--bg);color:var(--text);font-size:9px}.home250-convert-settings b i{margin-left:5px;font-size:7px;color:var(--muted)}
.home249-transfer-body{padding-top:13px}.home249-upload>i,.home249-output>i{font-size:19px}.home249-moving-file{font-size:17px}.home249-transfer-footer .home250-convert-stats{display:flex;flex-direction:column;gap:2px;color:var(--text);font-size:10px}.home250-convert-stats small{color:var(--muted);font-size:8px}
/* A typographic daily allowance, no tape or progress meter. */
.home250-free .home250-free-glow{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,#c6accc42,transparent 67%);filter:blur(10px)}
.home250-free-number{position:relative;top:-27px;background:linear-gradient(135deg,#d9e3a8 8%,#c1d2ad 38%,#b4afd8 66%,#e9b99f 94%);-webkit-background-clip:text;background-clip:text;color:transparent;font:700 230px/.9 Rubik,sans-serif;letter-spacing:-.1em;filter:drop-shadow(8px 14px 9px #0002);transform:rotate(-4deg)}
.home250-free-caption{position:absolute;top:72%;left:50%;transform:translateX(-50%) rotate(-4deg);display:flex;align-items:baseline;gap:6px;white-space:nowrap;background:var(--panel);padding:9px 14px;border:1px solid var(--border);border-radius:9px;box-shadow:0 12px 28px #0003;color:var(--text)}
.home250-free-caption strong{font:700 15px/1 Rubik,sans-serif;letter-spacing:-.02em}.home250-free-caption span{font:600 8px/1 Rubik,sans-serif;letter-spacing:.07em;color:var(--muted)}
.home250-free:after{content:'✦';position:absolute;left:15%;top:27%;color:#d5abd7;font-size:24px;transform:rotate(-16deg)}
/* Three visible tools. The third occupies its own row so labels remain legible on phones. */
.home249-workspace{max-width:455px}
.home249-work-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 70px;height:310px;gap:8px}
.home249-work-canvas>div{min-width:0;min-height:0;transition:transform .9s cubic-bezier(.24,.8,.22,1),box-shadow .9s ease}
.home249-work-preview{transition:filter 1.2s ease}
.home249-work-handle{display:none!important}
.home250-work-cropper{grid-column:1/-1;display:flex;align-items:center;gap:12px!important;padding:8px 11px!important}
.home250-work-cropper>small{min-width:93px;margin:0;color:var(--text)}
.home250-crop-preview{position:relative;flex:1;height:49px;overflow:hidden;border-radius:4px;background:linear-gradient(115deg,#99b4b0,#d4b0ae 49%,#917caa)}
.home250-crop-preview:before{content:'';position:absolute;left:25%;top:-6px;width:35%;height:64px;border-radius:45% 48% 35% 30%;background:#dbbdac;transform:rotate(10deg)}
.home250-crop-frame{position:absolute;z-index:1;inset:6px 30%;border:1px dashed white;box-shadow:0 0 0 30px #20202b33;transition:inset .8s ease}
.home250-crop-foot{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap;color:var(--muted);font-size:8px}.home250-crop-foot b{padding:6px 8px;border-radius:4px;background:#bbcaa0;color:#2c3926;font-size:8px}
.home249-workspace[data-work-stage="crop"] .home249-pointer{left:65%;top:78%}
.home249-workspace[data-work-stage="crop"] .home250-crop-frame{inset:5px 37%}
.home249-workspace[data-work-stage="gradient"] .home249-pointer{left:77%;top:43%}
.home249-workspace[data-work-stage="gradient"] .home249-work-preview,.home249-workspace[data-work-stage="crop"] .home249-work-preview{filter:hue-rotate(66deg)}
.home249-workspace[data-work-stage="reorder"] .home249-work-converter{transform:translateX(calc(100% + 8px))}.home249-workspace[data-work-stage="reorder"] .home249-work-gradient{transform:translateX(calc(-100% - 8px))}
/* Match the site's small pop, then insert the new favorite and push the third out of view. */
.home233-fav-art .home233-fav-card>i{font-size:13px!important;color:#978f9b!important;filter:none!important;animation:none!important;transition:color .15s ease,transform .25s ease}
.home233-fav-art[data-fav-stage="added"] .home233-fav-card>i{color:#d64268!important;transform:scale(1.08)}
.home233-fav-art .home233-fav-card:after{display:none!important}
.home233-fav-art .home233-fav-pointer,.home233-fav-art .home233-fav-pointer>b{display:none!important}
.home233-fav-list{height:159px;overflow:hidden;align-self:stretch}
.home233-fav-list>div{height:29px;box-sizing:border-box;margin-bottom:6px!important;overflow:hidden;transition:height .45s ease,margin .45s ease,opacity .3s ease,padding .45s ease}
.home233-fav-list>.home233-saved-gradient{height:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0!important;animation:none!important}
.home233-fav-art[data-fav-stage="added"] .home233-fav-list>.home233-saved-gradient{height:29px!important;margin-bottom:6px!important;padding-top:4px!important;padding-bottom:4px!important;opacity:1!important}
.home233-fav-list>div:last-child{margin-bottom:0!important}
/* Reproduce the mark's actual SVG geometry (63-unit icon scaled to 176 px). */
.home249-pxls-mark i{left:calc(45px + var(--px)*29px);top:calc(31px + var(--py)*29px)}
.home249-brand-word{letter-spacing:0;font-size:19px}
@media(max-width:760px){#welcome-page .home249-hero{height:340px;min-height:340px}#welcome-page .home249-hero .scene-window{inset:30px 0 32px 0}#welcome-page .home249-hero .scene-canvas{height:calc(100% - 102px)}#welcome-page .home249-hero .home249-david{width:475px;height:475px;top:49%}#welcome-page .home249-hero .scene-swatches{height:67px;padding:7px 10px}.home250-palette-head{font-size:7px}.home250-palette-head small{font-size:8px}.home250-swatch-row{height:26px}#welcome-page .home217-stories>.home217-story{padding:32px 0!important}.home250-free-number{font-size:180px}.home250-free-caption{top:72%;padding:7px 9px}.home249-work-canvas{height:288px;grid-template-rows:minmax(0,1fr) 64px}.home250-work-cropper>small{min-width:72px;font-size:7px}.home250-crop-foot{font-size:7px}.home250-crop-foot b{font-size:7px;padding:5px}.home233-fav-list{height:151px}}
@media(prefers-reduced-motion:reduce){.home233-fav-list>.home233-saved-gradient{height:29px!important;opacity:1!important;padding-top:4px!important;padding-bottom:4px!important}}
/* Final hero placement and icon scale from the marked screenshots. */
#welcome-page.home81 .home249-hero .scene-sticker{left:-50px!important}
#welcome-page .home249-hero .scene-window{right:-45px}
#welcome-page .home234-tool-grid{width:68%;gap:14px}
#welcome-page .welcome-copy h1 span{background:linear-gradient(100deg,#f0cf67,#71cdb4 55%,#b196df);-webkit-background-clip:text;background-clip:text;color:transparent!important}
@media(max-width:760px){#welcome-page.home81 .home249-hero .scene-sticker{left:-25px!important}#welcome-page .home249-hero .scene-window{right:-20px}#welcome-page .home234-tool-grid{width:68%;gap:10px}}
/* Keep the palette label separate from the five swatch blocks. */
#welcome-page .scene-swatches .home250-palette-head span{flex:none!important;background:none!important;border-radius:0!important}
.home250-batch-files{display:flex;justify-content:space-between;gap:7px;padding:7px 8px 0;color:var(--muted);font-size:8px}.home250-batch-files span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home250-batch-files i{color:#97b7c6;margin-right:3px}
.home249-convert-path{height:54px}
@media(max-width:760px){.home250-batch-files{font-size:7px;gap:5px;padding:6px 1px 0}}
.home233-fav-list{box-sizing:border-box;height:141px!important}
@media(max-width:760px){.home233-fav-list{height:141px!important}}
#welcome-page .home234-tool-grid>span{box-sizing:border-box;background:#222325!important;border:1px solid var(--welcome-icon-color,#8f9aa4)!important;box-shadow:inset 0 1px 0 #ffffff6b!important}
#welcome-page .home234-tool-grid img{mix-blend-mode:normal!important}