/* Corrected preview: only tools get black tiles; outlines cycle through category colors. */
#welcome-page .home234-tool-grid>span{border-color:var(--pxls-preview-color,var(--welcome-icon-color,#8f9aa4))!important}
/* Enlarge the illustration itself without changing the copy column or section rhythm. */
#welcome-page .home249-hero .scene-window{transform:rotate(-5deg) scale(1.16);transform-origin:center;right:-34px}
#welcome-page .home249-hero .home249-david{width:670px;height:670px;left:46%;top:50%}
/* The numeral needs room for its right contour; keep its caption connected. */
.home250-free-number{letter-spacing:0;padding-right:.11em;top:-14px;overflow:visible}
.home250-free-caption{top:66%}
/* A compact version of the real Image Converter: formats, image batch, results, and summary. */
.home251-converter{width:94%;max-width:445px}
.home251-formats{padding:13px 15px 9px;border-bottom:1px solid var(--border)}.home251-formats>small{display:block;color:var(--muted);font-size:8px;letter-spacing:.08em;font-weight:650;margin-bottom:8px}.home251-formats>div{display:flex;gap:4px;align-items:center}.home251-formats span{flex:1;min-width:0;text-align:center;padding:7px 1px;border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:8px;font-weight:600}.home251-formats span.selected{color:#243d35;border-color:#a8d8c4;background:#a8d8c4}
.home251-drop{display:flex;align-items:center;gap:10px;margin:12px 15px 8px;padding:12px;border:1px dashed #91b7b280;border-radius:8px;background:color-mix(in srgb,#8fbfb0 7%,var(--bg));color:var(--text)}.home251-drop>i{font-size:18px;color:#9bc8bd}.home251-drop>div{min-width:0;flex:1}.home251-drop strong{display:block;font-size:10px}.home251-drop small{display:block;margin-top:4px;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home251-drop>b{padding:7px;border-radius:5px;background:var(--panel);font-size:7px;color:var(--text);white-space:nowrap}
.home251-results{margin:0 15px 9px;padding:10px 10px 6px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.home251-result-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--muted);font-size:8px;font-weight:650;letter-spacing:.04em}.home251-result-title b{color:#9ecab7;font-size:8px;font-weight:500;letter-spacing:0}.home251-result-row{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 2px;border-top:1px solid var(--border);color:var(--text);font-size:8px}.home251-result-row>i:first-child{color:#8eb6c8}.home251-result-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home251-result-row small{margin-left:auto;color:var(--muted);font-size:7px;white-space:nowrap}.home251-result-row>i:last-child{color:#9fc7b0;font-size:8px}
.home251-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:0 15px 10px;gap:6px}.home251-summary>span{padding:8px 6px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.home251-summary small{display:block;color:var(--muted);font-size:6px;letter-spacing:.03em;white-space:nowrap}.home251-summary b{display:block;color:var(--text);font-size:16px;line-height:1.3;font-weight:650}
.home251-converter-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-top:1px solid var(--border);font-size:8px;color:var(--muted)}.home251-converter-foot b{background:#a8d8c4;border-radius:5px;padding:8px 10px;color:#243d35;font-size:9px}
/* Three full tools share one canvas; the single mouse goes from conversion to gradient to crop. */
.home249-work-canvas{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:250px;gap:6px;padding:9px 8px}
.home249-work-canvas>div{padding:8px 6px}
.home249-work-canvas small{font-size:7px;margin-bottom:8px}
.home249-work-source,.home249-work-result{padding:6px 3px;font-size:7px}.home249-work-source span,.home249-work-result span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home249-work-source b{display:none}.home249-work-arrow{font-size:7px}.home249-work-download{font-size:7px;padding:8px 2px}
.home249-work-preview{height:103px}.home249-work-save{font-size:7px}.home249-work-colors i{width:12px;height:12px}
.home250-work-cropper{grid-column:auto;display:flex;flex-direction:column;gap:7px!important;padding:8px 6px!important}.home250-work-cropper>small{min-width:0;width:100%;font-size:7px;margin:0}.home250-crop-preview{flex:none;width:100%;height:109px}.home250-crop-frame{inset:15px 19%}.home250-crop-foot{width:100%;align-items:stretch;text-align:center;gap:6px}.home250-crop-foot b{font-size:7px;padding:7px 2px}
.home249-pointer{transition:left 1.05s cubic-bezier(.25,.8,.2,1),top 1.05s cubic-bezier(.25,.8,.2,1);font-size:18px}
.home249-workspace[data-work-stage="convert"] .home249-pointer{left:16%;top:42%}.home249-workspace[data-work-stage="converted"] .home249-pointer{left:16%;top:58%}.home249-workspace[data-work-stage="download"] .home249-pointer{left:16%;top:73%}.home249-workspace[data-work-stage="gradient"] .home249-pointer{left:51%;top:48%}.home249-workspace[data-work-stage="crop"] .home249-pointer{left:82%;top:51%}.home249-workspace[data-work-stage="reorder"] .home249-pointer{left:43%;top:26%}.home249-workspace[data-work-stage="return"] .home249-pointer{left:16%;top:42%}
.home249-pointer>b{width:14px;height:14px;border:1px solid #fff;box-shadow:0 0 0 0 #b9dcca99}.home249-workspace[data-work-stage="converted"] .home249-pointer>b,.home249-workspace[data-work-stage="download"] .home249-pointer>b,.home249-workspace[data-work-stage="gradient"] .home249-pointer>b,.home249-workspace[data-work-stage="crop"] .home249-pointer>b,.home249-workspace[data-work-stage="reorder"] .home249-pointer>b{animation:home251-click .7s ease-out .9s 1}
@keyframes home251-click{0%{opacity:.9;transform:scale(.2);box-shadow:0 0 0 0 #b9dcca99}65%{opacity:.55;transform:scale(1.5);box-shadow:0 0 0 5px #b9dcca44}100%{opacity:0;transform:scale(2.2);box-shadow:0 0 0 9px #b9dcca00}}
/* The empty Favorite is a dotted slot. The site's small heart pop fills it. */
.home233-fav-art .home233-fav-pointer{display:block!important;opacity:1;left:42%;top:47%;animation:none!important;transition:opacity .35s,left .5s,top .5s}.home233-fav-art[data-fav-stage="added"] .home233-fav-pointer{opacity:0;left:49%;top:43%}
.home233-fav-list>.home233-saved-gradient,.home233-fav-art[data-fav-stage="added"] .home233-fav-list>.home233-saved-gradient{height:29px!important;margin-bottom:6px!important;padding:4px 5px!important;opacity:1!important;position:relative}
.home233-fav-art:not([data-fav-stage="added"]) .home233-saved-gradient{border:1px dashed #c68cae9c;background:transparent;color:var(--muted)}
.home233-fav-art:not([data-fav-stage="added"]) .home233-saved-gradient>*{visibility:hidden}
.home233-fav-art:not([data-fav-stage="added"]) .home233-saved-gradient:before{content:'Your next favorite';position:absolute;inset:0;display:grid;place-items:center;font-size:8px;color:var(--muted)}
.home249-brand-word{display:none}
@media(max-width:760px){#welcome-page .home249-hero .scene-window{transform:rotate(-5deg) scale(1.08);right:-17px}#welcome-page .home249-hero .home249-david{width:500px;height:500px;left:47%}.home250-free-number{padding-right:.13em}.home250-free-caption{top:66%}.home251-converter{width:99%}.home251-drop{margin:9px 9px 6px;padding:8px}.home251-drop>b{font-size:6px;padding:6px}.home251-results{margin:0 9px 7px}.home251-summary{margin:0 9px 8px}.home251-formats{padding:9px 9px 7px}.home251-formats span{font-size:7px}.home249-work-canvas{height:223px;gap:4px;padding:7px 5px}.home249-work-canvas>div{padding:6px 3px}.home249-work-canvas small,.home250-work-cropper>small{font-size:6px}.home249-work-preview{height:89px}.home250-crop-preview{height:88px}.home250-crop-foot b{font-size:6px}.home249-work-download{font-size:6px}.home249-work-source,.home249-work-result{font-size:6px}}
#welcome-page .home217-stories>.home217-story:first-child{border-top:0!important}
/* Larger card, with the palette count removed as requested. */
#welcome-page .home249-hero .scene-window{transform:rotate(-5deg) scale(1.31);right:-28px}
.home251-summary>span{min-width:0}.home251-summary small{white-space:normal;line-height:1.2;min-height:15px}
@media(max-width:760px){#welcome-page .home249-hero .scene-window{transform:rotate(-5deg) scale(1.17);right:-14px}.home251-summary small{font-size:6px}.home251-summary b{font-size:14px}}
/* The original welcome stylesheet pins the hero at 330px; override that pin. */
#welcome-page.home81 .home249-hero.creative-scene{height:415px!important;min-height:415px!important}
#welcome-page.home81 .home249-hero .scene-window{inset:31px 0 39px 0!important;transform:rotate(-5deg) scale(1.18)!important}
@media(max-width:760px){#welcome-page.home81 .home249-hero.creative-scene{height:360px!important;min-height:360px!important}#welcome-page.home81 .home249-hero .scene-window{inset:28px 0 34px 0!important;transform:rotate(-5deg) scale(1.10)!important}}
#welcome-page.home81 .home249-hero .scene-window{inset:31px 18px 39px 8px!important}
@media(max-width:760px){#welcome-page.home81 .home249-hero .scene-window{inset:28px 8px 34px 7px!important}}
#welcome-page.home81 .welcome-copy h1{font-size:clamp(38px,4.2vw,62px)!important}
#welcome-page.home81 .welcome-copy>p:not(.welcome-caption){font-size:17px!important;line-height:1.7!important}
#welcome-page.home81 .welcome-copy h1 .home251-gradient-word{background:linear-gradient(100deg,#f0cf67,#71cdb4 55%,#b196df)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
#welcome-page.home81 .welcome-copy h1 .home251-white-period{background:none!important;-webkit-text-fill-color:var(--text)!important;color:var(--text)!important}