@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800;900&display=swap";:root{--primary:#f97316;--primary-soft:#ffedd5;--secondary:#fb923c;--accent:#2563eb;--accent-soft:#dbeafe;--background:#fff7ed;--surface:#fff;--surface-soft:#fff0df;--foreground:#5f2c13;--text:#3f2a20;--muted:#6f625c;--border:#fed7aa;--destructive:#dc2626;--ring:#f97316;--mint:#d9f7e8;--pink:#ffe1ed;--yellow:#fff0a8;--shadow-soft:0 10px 24px #9a34121a, inset 0 1px 0 #fffc;--shadow-clay:10px 12px 24px #9a34121f, inset -3px -3px 8px #9a34120d, inset 3px 3px 8px #ffffffe0;color:var(--text);background:var(--background);font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body,#root{min-width:320px;min-height:100vh;margin:0}body{background:var(--background);font-size:16px}button,input{font:inherit}button,a{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{text-decoration:none}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.app-brand svg,.paw-doodle svg,.tiny-card>svg,.home-categories svg{fill:currentColor;stroke-width:1.2px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.portrait-app{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid;position:relative;overflow-x:hidden}.portrait-app:before,.portrait-app:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:fixed}.portrait-app:before{opacity:.7;background:#ffe0bf;width:24rem;height:24rem;top:8rem;left:-9rem}.portrait-app:after{opacity:.7;background:#dceaff;width:20rem;height:20rem;bottom:4rem;right:-7rem}.skip-link{z-index:60;background:var(--surface);color:var(--text);border-radius:.75rem;padding:.75rem 1rem;transition:top .18s;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.app-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff7ede6;border-bottom:1px solid #f9731626;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:5.4rem;padding:.8rem clamp(1rem,4vw,4rem);display:grid;position:relative}.app-brand{justify-self:start;align-items:center;gap:.7rem;min-height:44px;display:inline-flex}.app-brand>span{background:var(--primary);color:#fff;border-radius:1rem;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 5px #c94c09}.app-brand>span svg{width:1.55rem;height:1.55rem}.app-brand>b{color:var(--foreground);letter-spacing:-.04em;font:600 1.45rem Fredoka,sans-serif}.step-progress{align-items:center;margin:0;padding:0;list-style:none;display:flex}.step-progress li{color:#9f897e;align-items:center;gap:.55rem;min-width:8.5rem;display:flex;position:relative}.step-progress li:not(:last-child):after{content:"";background:#ead8ca;border-radius:1rem;width:2.5rem;height:3px;margin-left:auto;margin-right:.65rem}.step-progress li>span{border:2px solid #d8c2b4;border-radius:.8rem;flex:none;place-items:center;width:2.15rem;height:2.15rem;font:600 .82rem Fredoka,sans-serif;display:grid}.step-progress li>span svg{width:1rem}.step-progress li>b{white-space:nowrap;font-size:.78rem}.step-progress li.current{color:var(--foreground)}.step-progress li.current>span{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px #cf4e09}.step-progress li.complete{color:#166534}.step-progress li.complete>span{color:#fff;background:#22c55e;border-color:#22c55e}.header-nav{justify-self:end;align-items:center;gap:1.3rem;display:flex}.header-nav>a{min-height:44px;color:var(--foreground);align-items:center;font-size:.82rem;font-weight:900;display:inline-flex}.header-nav>a:hover{color:var(--accent)}.header-nav>span{text-align:right;gap:.1rem;display:grid}.header-nav small{letter-spacing:.1em;color:#a07158;font-size:.7rem}.header-nav b{color:var(--foreground);font-size:.8rem}.configurator{min-height:calc(100vh - 8rem);position:relative}.stage-label{color:var(--primary);letter-spacing:.1em;align-items:center;gap:.45rem;font-size:.75rem;font-weight:900;display:inline-flex}.stage-label svg{fill:currentColor;width:1rem}.home-step{width:min(88rem,100% - 4rem);margin-inline:auto;padding:3rem 0 6rem}.home-bento{grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.welcome-card,.upload-stage,.tip-card,.tiny-card,.discover-section{box-shadow:var(--shadow-clay);border:1px solid #f9731629}.welcome-card{background:#ffffffd6;border-radius:2.5rem;grid-column:span 7;min-height:31rem;padding:clamp(2rem,4vw,4rem);position:relative;overflow:hidden}.welcome-card>*{z-index:1;position:relative}.welcome-card:after{content:"";background:var(--yellow);opacity:.8;border-radius:50%;width:13rem;height:13rem;position:absolute;bottom:-4rem;right:-4rem}.welcome-card h1{max-width:40rem;color:var(--foreground);letter-spacing:-.06em;margin:1.4rem 0 1.5rem;font:600 clamp(4rem,6.8vw,7rem)/.92 Fredoka,sans-serif}.welcome-card h1 em{color:var(--primary);font-style:normal;position:relative}.welcome-card h1 em:after{content:"";background:var(--yellow);z-index:-1;border-radius:2rem;height:.12em;position:absolute;bottom:.02em;left:0;right:0}.welcome-card>p{max-width:31rem;color:var(--muted);margin:0;line-height:1.8}.welcome-stats{gap:2.5rem;margin-top:2rem;display:flex}.welcome-stats span{color:var(--muted);font-size:.75rem;display:grid}.welcome-stats b{color:var(--accent);font:600 2rem Fredoka,sans-serif}.paw-doodle{z-index:2;color:var(--primary);position:absolute;bottom:2rem;right:2.5rem;transform:rotate(12deg)}.paw-doodle svg{width:5rem;height:5rem}.upload-stage{background:var(--accent);color:#fff;text-align:center;border:0;border-radius:2.5rem;flex-direction:column;grid-column:span 5;justify-content:center;align-items:center;min-height:31rem;padding:2rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s;display:flex;position:relative;box-shadow:10px 12px #174bbd,inset -3px -3px 10px #0a2f8c3d,inset 3px 3px 8px #fff3}.upload-stage:hover{filter:brightness(1.06);transform:translateY(-2px)}.upload-stage:active{transform:scale(.97)}.upload-symbol{background:#ffffff2e;border:2px solid #ffffff8c;border-radius:2rem;place-items:center;width:6.5rem;height:6.5rem;display:grid}.upload-symbol svg{width:2.8rem;height:2.8rem}.upload-stage>b{margin-top:1.5rem;font:600 1.75rem Fredoka,sans-serif}.upload-stage>small{color:#ffffffc2;margin-top:.35rem}.upload-stage>i{min-width:12rem;min-height:48px;color:var(--accent);background:#fff;border-radius:1rem;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.7rem;padding:.75rem 1rem;font-style:normal;font-weight:900;display:flex;box-shadow:0 5px #bcd3ff}.upload-hint{letter-spacing:.08em;color:#fff9;font-size:.68rem;position:absolute;bottom:1rem}.tip-card{background:var(--mint);border-radius:2rem;grid-column:span 6;align-items:center;gap:1rem;min-height:8.5rem;padding:1.4rem;display:flex}.tip-card>span{color:#fff;background:#22c55e;border-radius:1.1rem;flex:none;place-items:center;width:3.2rem;height:3.2rem;display:grid}.tip-card b{font:600 1.05rem Fredoka,sans-serif}.tip-card p{color:#496759;margin:.3rem 0 0;font-size:.78rem}.tiny-card{border-radius:2rem;grid-column:span 3;align-items:center;gap:.8rem;min-height:8.5rem;padding:1.25rem;display:flex}.tiny-card>svg{flex:none;width:2.3rem;height:2.3rem}.tiny-card span{font-size:.75rem;line-height:1.45}.tiny-card b{font:600 .95rem Fredoka,sans-serif}.tiny-orange{background:var(--primary-soft);color:#9a3412}.tiny-blue{background:var(--accent-soft);color:#1e40af}.discover-section{background:#ffffffe6;border-radius:2.5rem;margin-top:4rem;padding:clamp(1.5rem,3vw,3rem)}.discover-section>header{justify-content:space-between;align-items:end;gap:3rem;margin-bottom:1.8rem;display:flex}.discover-section h2{color:var(--foreground);letter-spacing:-.04em;margin:.35rem 0 0;font:600 clamp(2.4rem,4vw,4rem) Fredoka,sans-serif}.discover-section header>p{max-width:25rem;color:var(--muted);margin:0;line-height:1.6}.home-categories{scrollbar-width:none;gap:.55rem;padding:.2rem .25rem 1.2rem;display:flex;overflow-x:auto}.home-categories::-webkit-scrollbar{display:none}.home-categories button{border:2px solid var(--border);background:var(--background);color:#8d4c27;border-radius:1rem;flex:none;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .85rem;font-size:.78rem;font-weight:800;transition:background .18s,border-color .18s,transform .18s;display:flex}.home-categories button svg{width:1rem;height:1rem}.home-categories button:hover{border-color:var(--primary);transform:translateY(-1px)}.home-categories button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px #c94c09}.home-style-showcase{grid-template-columns:repeat(6,1fr);gap:.8rem;display:grid}.home-style-showcase>button{background:var(--surface-soft);min-width:0;color:var(--text);text-align:left;box-shadow:var(--shadow-soft);border:2px solid #0000;border-radius:1.4rem;padding:.45rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .18s}.home-style-showcase>button:hover{transform:translateY(-4px)rotate(-.5deg)}.home-style-showcase>button.selected{border-color:var(--accent);background:var(--accent-soft)}.home-style-showcase>button>span{aspect-ratio:4/5;background:var(--primary-soft);border-radius:1rem;display:block;position:relative;overflow:hidden}.home-style-showcase img{object-fit:cover;width:100%;height:100%}.home-style-showcase i{background:var(--accent);color:#fff;border-radius:.65rem;place-items:center;width:1.8rem;height:1.8rem;display:none;position:absolute;top:.5rem;right:.5rem}.home-style-showcase i svg{width:1rem}.home-style-showcase .selected i{display:grid}.home-style-showcase>button>div{gap:.15rem;padding:.65rem .2rem .25rem;display:grid}.home-style-showcase small{color:var(--primary);font-size:.66rem;font-weight:900}.home-style-showcase b{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.home-style-skeleton{grid-template-columns:repeat(6,1fr);gap:.8rem;display:grid}.home-style-skeleton span{aspect-ratio:4/5;background:#f4e9df;border-radius:1.4rem;animation:1.1s ease-in-out infinite alternate pulse;display:block}.discover-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:2rem;min-height:5.5rem;margin-top:1.3rem;padding-top:1.2rem;display:flex}.discover-footer>span{color:var(--muted)}.discover-footer>span b{color:var(--foreground)}.discover-footer>button{background:var(--accent);color:#fff;border:0;border-radius:1rem;align-items:center;gap:2rem;min-height:50px;padding:0 1.2rem;font-weight:900;transition:transform .18s;display:flex;box-shadow:0 5px #174bbd}.discover-footer>button:hover{transform:translateY(-2px)}.discover-footer>button:active{transform:scale(.97)}@keyframes pulse{to{opacity:.5}}.style-step{width:min(88rem,100% - 4rem);margin-inline:auto;padding:3rem 0 8.5rem}.style-heading{justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2rem;display:flex}.style-heading h1,.result-details h1{color:var(--foreground);letter-spacing:-.05em;margin:.5rem 0 0;font:600 clamp(3rem,5vw,5.5rem)/1 Fredoka,sans-serif}.source-chip{border:2px solid var(--border);background:var(--surface);text-align:left;width:17rem;min-height:5rem;box-shadow:var(--shadow-soft);border-radius:1.4rem;grid-template-columns:3.8rem 1fr auto;align-items:center;gap:.7rem;padding:.55rem;display:grid}.source-chip img{object-fit:cover;border-radius:1rem;width:3.8rem;height:3.8rem}.source-chip>span{display:grid}.source-chip b{font-size:.82rem}.source-chip small{color:var(--muted);font-size:.7rem}.source-chip>svg{color:var(--accent)}.collection-tabs{scrollbar-width:none;gap:.5rem;padding:.2rem .25rem 1.2rem;display:flex;overflow-x:auto}.collection-tabs::-webkit-scrollbar{display:none}.collection-tabs button{border:2px solid var(--border);background:var(--surface);color:#8d4c27;border-radius:1rem;flex:none;min-height:44px;padding:.55rem .9rem;font-size:.78rem;font-weight:800}.collection-tabs button:hover{border-color:var(--primary)}.collection-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px #c94c09}.style-gallery{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.style-gallery>button{background:var(--surface);min-width:0;color:var(--text);text-align:left;box-shadow:var(--shadow-clay);border:3px solid #0000;border-radius:1.6rem;padding:.55rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .18s}.style-gallery>button:hover{transform:translateY(-3px)}.style-gallery>button.selected{border-color:var(--accent);background:var(--accent-soft)}.gallery-image{aspect-ratio:4/5;background:var(--primary-soft);border-radius:1.2rem;display:block;position:relative;overflow:hidden}.gallery-image img{object-fit:cover;width:100%;height:100%}.gallery-image>i{background:var(--accent);color:#fff;border-radius:.7rem;place-items:center;width:2rem;height:2rem;display:none;position:absolute;top:.65rem;right:.65rem}.selected .gallery-image>i{display:grid}.gallery-image>i svg{width:1rem}.image-fallback{height:100%;color:var(--primary);place-items:center;font:600 4rem Fredoka,sans-serif;display:grid}.gallery-copy{gap:.2rem;padding:.8rem .25rem .35rem;display:grid}.gallery-copy b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gallery-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.style-skeleton{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid;position:relative}.style-skeleton>span{aspect-ratio:4/5;background:#f4e8de;border-radius:1.6rem;animation:1.1s ease-in-out infinite alternate pulse}.style-skeleton p{text-align:center;color:var(--muted);grid-column:1/-1}.sticky-action{z-index:30;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-radius:1.7rem;justify-content:space-between;align-items:center;gap:1.5rem;width:min(55rem,100% - 2rem);min-height:6rem;padding:.8rem .8rem .8rem 1.4rem;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 16px 38px #5f2c132e}.sticky-action>div{min-width:0;display:grid}.sticky-action>div span{color:var(--muted);font-size:.72rem}.sticky-action>div b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sticky-action>button{background:var(--accent);color:#fff;border:0;border-radius:1.2rem;justify-content:center;align-items:center;gap:1rem;min-width:18rem;min-height:4.1rem;padding:0 1.2rem;font-weight:900;display:flex;box-shadow:0 5px #174bbd}.sticky-action>button:hover:not(:disabled){filter:brightness(1.06)}.sticky-action>button:active:not(:disabled){transform:scale(.97)}.sticky-action>button:disabled{opacity:.45;box-shadow:none}.button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-step{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,8rem);width:min(76rem,100% - 4rem);min-height:calc(100vh - 8rem);margin-inline:auto;padding-block:4rem;display:grid}.result-stage{position:relative}.result-badge{z-index:2;color:#fff;background:#22c55e;border-radius:1rem;align-items:center;gap:.5rem;padding:.65rem .8rem;font-size:.7rem;font-weight:900;display:flex;position:absolute;top:2rem;left:-1rem;box-shadow:0 5px #15803d}.result-badge svg{width:1rem}.result-stage figure{background:var(--surface);box-shadow:var(--shadow-clay);border-radius:2rem;margin:0;padding:.75rem}.result-stage figure img{aspect-ratio:4/5;object-fit:cover;border-radius:1.5rem;width:100%}.result-stage figcaption{color:var(--muted);justify-content:space-between;padding:.8rem .3rem .2rem;font-size:.68rem;font-weight:900;display:flex}.result-details h1{font-size:clamp(3.5rem,6vw,6rem)}.result-details h1 em{color:var(--primary);font-style:normal}.result-details>p{max-width:28rem;color:var(--muted);line-height:1.8}.primary-link{background:var(--accent);color:#fff;border-radius:1.1rem;justify-content:space-between;align-items:center;width:min(100%,22rem);min-height:3.8rem;margin-top:2rem;padding:0 1.2rem;font-weight:900;display:flex;box-shadow:0 5px #174bbd}.secondary-button{border:2px solid var(--border);background:var(--surface);min-height:48px;color:var(--foreground);border-radius:1rem;margin-top:.8rem;padding:.7rem 1rem}.generation-screen{z-index:40;color:var(--text);text-align:center;background:#fff7edf5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.generation-screen h2{color:var(--foreground);margin:2rem 0 .5rem;font:600 2.2rem Fredoka,sans-serif}.generation-screen p{color:var(--muted);margin:0}.generation-screen small{color:var(--accent);letter-spacing:.08em;margin-top:1.3rem;font-weight:900}.generation-orbit{border:3px solid var(--border);border-radius:50%;width:9rem;height:9rem;animation:4s linear infinite rotate;position:relative}.generation-orbit span{background:var(--primary);border-radius:.45rem;width:1.2rem;height:1.2rem;position:absolute}.generation-orbit span:first-child{top:-.6rem;left:50%}.generation-orbit span:nth-child(2){background:var(--accent);bottom:1rem;right:.5rem}.generation-orbit span:nth-child(3){background:#22c55e;bottom:1rem;left:.5rem}@keyframes rotate{to{transform:rotate(360deg)}}.error-toast{z-index:50;border-left:5px solid var(--destructive);background:#fff;border-radius:1.3rem;gap:1rem;width:min(26rem,100% - 3rem);padding:1rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 16px 36px #5f2c132e}.error-toast>div{flex:1}.error-toast b{color:var(--destructive)}.error-toast p{color:var(--muted);margin:.3rem 0 0;line-height:1.5}.error-toast>button{background:var(--primary-soft);width:44px;height:44px;color:var(--foreground);border:0;border-radius:.8rem;font-size:1.2rem}.app-footer{color:#9a6b51;border-top:1px solid #f9731626;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem 3rem;padding:1.5rem clamp(1rem,4vw,4rem);font-size:.76rem;line-height:1.6;display:grid}.app-footer>span{white-space:nowrap;padding-top:.1rem;font-weight:800}.app-footer address{text-align:right;justify-items:end;gap:.35rem;min-width:0;font-style:normal;display:grid}.app-footer address b{color:var(--foreground);font-size:.85rem}.app-footer address>span{max-width:54rem}.app-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:0 1.2rem;display:flex}.app-footer a{min-height:32px;color:var(--accent);align-items:center;font-weight:900;display:inline-flex}.app-footer a:hover{text-underline-offset:.2rem;text-decoration:underline}.about-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff7ede6;border-bottom:1px solid #f9731626;justify-content:space-between;align-items:center;gap:2rem;min-height:5.4rem;padding:.8rem clamp(1rem,4vw,4rem);display:flex}.about-header nav{align-items:center;gap:.4rem;display:flex}.about-header nav a{min-height:44px;color:var(--muted);border-radius:.9rem;align-items:center;padding:0 1rem;font-size:.82rem;font-weight:900;transition:color .18s,background .18s;display:inline-flex}.about-header nav a:hover{color:var(--accent)}.about-header nav a.active{background:var(--primary-soft);color:var(--foreground)}.about-main{width:min(88rem,100% - 4rem);margin-inline:auto;padding:2rem 0 6rem}.about-hero{min-height:36rem;box-shadow:var(--shadow-clay);background:#ffffffe0;border:1px solid #f9731629;border-radius:2.8rem;grid-template-columns:1.3fr .7fr;display:grid;overflow:hidden}.about-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,5vw,5rem);display:flex}.about-hero h1{color:var(--foreground);letter-spacing:-.06em;margin:1.2rem 0 1.5rem;font:600 clamp(4rem,7vw,7rem)/.91 Fredoka,sans-serif}.about-hero h1 em{color:var(--primary);font-style:normal}.about-hero-copy>p{max-width:38rem;color:var(--muted);margin:0;line-height:1.85}.about-cta{background:var(--accent);color:#fff;border-radius:1.1rem;justify-content:space-between;align-items:center;gap:2rem;min-width:17rem;min-height:3.8rem;margin-top:2rem;padding:0 1.2rem;font-weight:900;transition:transform .18s,filter .18s;display:flex;box-shadow:0 5px #174bbd}.about-cta:hover{filter:brightness(1.05);transform:translateY(-2px)}.about-mascot{background:var(--yellow);min-height:31rem;color:var(--foreground);text-align:center;border-radius:2.2rem;place-items:end center;margin:1rem;padding:3rem 2rem;display:grid;position:relative;overflow:hidden}.about-mascot:before,.about-mascot:after{content:"";background:var(--primary);border-radius:50%;position:absolute}.about-mascot:before{width:12rem;height:12rem;top:-3rem;left:-4rem}.about-mascot:after{background:var(--pink);width:8rem;height:8rem;bottom:-2rem;right:-2rem}.mascot-paw{color:var(--primary);position:absolute;inset:16% auto auto 50%;transform:translate(-50%)rotate(-8deg)}.mascot-paw svg{fill:currentColor;stroke-width:1.1px;width:11rem;height:11rem}.mascot-spark{z-index:1;color:var(--accent);position:absolute;top:12%;right:12%}.mascot-spark svg{fill:currentColor;width:3.5rem;height:3.5rem}.about-mascot b{z-index:1;font:600 clamp(1.6rem,2.7vw,2.5rem)/1.15 Fredoka,sans-serif;position:relative}.about-story{padding-top:6rem}.about-story>header{max-width:48rem;margin-bottom:2rem}.about-story h2,.about-process h2,.about-contact h2{color:var(--foreground);letter-spacing:-.05em;margin:.5rem 0 0;font:600 clamp(2.8rem,5vw,5rem)/1 Fredoka,sans-serif}.story-grid{grid-template-columns:1.15fr .85fr;gap:1rem;display:grid}.story-grid article{box-shadow:var(--shadow-clay);border:1px solid #f9731626;border-radius:2.2rem}.story-lead{background:var(--primary);color:#fff;flex-direction:column;grid-row:span 3;justify-content:flex-end;min-height:34rem;padding:clamp(2rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.story-lead:before{content:"";border:3rem solid #ffffff24;border-radius:50%;width:18rem;height:18rem;position:absolute;top:-5rem;right:-5rem}.story-lead>span,.value-card span{letter-spacing:.1em;font:600 .8rem Fredoka,sans-serif}.story-lead h3{letter-spacing:-.05em;max-width:32rem;margin:.8rem 0 1rem;font:600 clamp(2.8rem,4.5vw,4.8rem)/.95 Fredoka,sans-serif}.story-lead p{color:#ffffffdb;max-width:34rem;margin:0;line-height:1.8}.value-card{grid-template-columns:3.5rem 1fr;align-items:center;gap:1.2rem;min-height:10.65rem;padding:1.5rem;display:grid}.value-card>svg{width:3rem;height:3rem}.value-card h3{margin:.2rem 0 .25rem;font:600 1.35rem Fredoka,sans-serif}.value-card p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.55}.value-pink{background:var(--pink);color:#9d174d}.value-blue{background:var(--accent-soft);color:#1e40af}.value-yellow{background:var(--yellow);color:#854d0e}.about-process{background:var(--foreground);color:#fff;border-radius:2.5rem;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);margin-top:6rem;padding:clamp(2rem,4vw,4rem);display:grid}.about-process h2{color:#fff}.about-process>div>p{color:#ffffffb3;max-width:28rem;line-height:1.7}.about-process ol{margin:0;padding:0;list-style:none;display:grid}.about-process li{border-bottom:1px solid #ffffff29;grid-template-columns:3.5rem 1fr;align-items:center;gap:1.2rem;min-height:7.2rem;display:grid}.about-process li:last-child{border-bottom:0}.about-process li>span{background:var(--primary);border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;font:600 1.2rem Fredoka,sans-serif;display:grid}.about-process li div{gap:.25rem;display:grid}.about-process li b{font:600 1.2rem Fredoka,sans-serif}.about-process li small{color:#ffffffa8;line-height:1.5}.about-contact{background:var(--mint);box-shadow:var(--shadow-clay);border:1px solid #f9731626;border-radius:2.5rem;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);margin-top:1rem;padding:clamp(2rem,4vw,4rem);display:grid}.about-contact>div>p{color:#496759;max-width:28rem;line-height:1.7}.about-contact address{align-content:center;gap:.8rem;font-style:normal;display:grid}.about-contact address>b{color:var(--foreground);font:600 1.2rem Fredoka,sans-serif}.about-contact address>a{min-height:48px;color:var(--accent);box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;font-weight:900;display:flex}.about-contact address>a svg{flex:none}.about-contact address>span{color:#496759;line-height:1.65}@media (width<=1100px){.app-header{grid-template-columns:1fr auto}.header-nav>span{display:none}.welcome-card{grid-column:span 7}.upload-stage{grid-column:span 5}.home-style-showcase,.home-style-skeleton,.style-gallery,.style-skeleton{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.app-header{grid-template-columns:1fr;gap:.7rem}.app-brand{justify-self:center}.step-progress{justify-content:center;width:100%}.step-progress li{flex:1;min-width:auto;max-width:9rem}.step-progress li:not(:last-child):after{flex:1;width:auto}.step-progress li>b{font-size:.68rem}.home-step{width:min(100% - 2rem,44rem);padding-top:2rem}.home-bento{grid-template-columns:repeat(6,1fr)}.welcome-card,.upload-stage{grid-column:1/-1}.welcome-card{text-align:center;min-height:28rem}.welcome-card h1{margin-inline:auto;font-size:clamp(3.7rem,13vw,5.5rem)}.welcome-card>p{margin-inline:auto}.welcome-stats{justify-content:center}.paw-doodle{bottom:1rem;right:1.5rem}.upload-stage{min-height:25rem}.tip-card{grid-column:1/-1}.tiny-card{grid-column:span 3}.discover-section{margin-top:2.5rem}.discover-section>header{flex-direction:column;align-items:start;gap:1rem}.home-style-showcase,.home-style-skeleton{grid-template-columns:repeat(2,1fr)}.discover-footer{flex-direction:column;align-items:stretch}.discover-footer>button{justify-content:space-between}.style-step{width:min(100% - 2rem,44rem)}.style-heading{flex-direction:column;align-items:start}.source-chip{width:100%}.style-gallery,.style-skeleton{grid-template-columns:repeat(2,1fr)}.result-step{grid-template-columns:1fr;gap:3rem;width:min(100% - 2rem,36rem)}.result-details{text-align:center}.result-details>p,.primary-link{margin-inline:auto}.result-stage{order:2}.app-footer{grid-template-columns:1fr;gap:.65rem}.app-footer address{text-align:left;justify-items:start}.app-footer nav{justify-content:flex-start}.about-main{width:min(100% - 2rem,44rem)}.about-hero{grid-template-columns:1fr}.about-hero-copy{text-align:center;align-items:center}.about-hero h1{font-size:clamp(3.7rem,13vw,5.5rem)}.about-mascot{min-height:25rem}.story-grid{grid-template-columns:1fr}.story-lead{grid-row:auto;min-height:28rem}.about-process,.about-contact{grid-template-columns:1fr}}@media (width<=480px){.step-progress li{justify-content:center}.step-progress li>b,.step-progress li:not(:last-child):after{display:none}.welcome-card{border-radius:2rem;min-height:26rem;padding:2rem 1.2rem}.welcome-card h1{font-size:clamp(3.3rem,16vw,4.6rem)}.welcome-stats{gap:1.5rem}.paw-doodle{display:none}.upload-stage{border-radius:2rem;box-shadow:7px 8px #174bbd}.tip-card,.tiny-card{border-radius:1.5rem}.tip-card{align-items:start}.tiny-card{grid-column:1/-1;min-height:6rem}.discover-section{border-radius:2rem;padding:1.2rem}.discover-section h2{font-size:2.3rem}.home-style-showcase{gap:.6rem}.home-style-showcase>button{border-radius:1.1rem}.home-style-showcase>button>span{border-radius:.8rem}.style-step{padding-top:2rem}.style-gallery{gap:.65rem}.style-gallery>button{border-radius:1.2rem;padding:.4rem}.gallery-image{border-radius:.9rem}.sticky-action{border-radius:1.3rem;min-height:5rem;padding:.6rem;bottom:.6rem}.sticky-action>div{display:none}.sticky-action>button{width:100%;min-width:0;min-height:3.8rem}.result-step{padding-block:3rem}.result-details h1{font-size:clamp(3.2rem,15vw,4.5rem)}.app-footer{padding-block:1.25rem}.app-footer nav{gap:0;display:grid}.app-footer a{min-height:36px}.about-header{flex-direction:column;align-items:flex-start;gap:.35rem}.about-header .app-brand{align-self:flex-start}.about-header nav{width:100%}.about-header nav a{flex:1;justify-content:center}.about-main{padding-top:1rem}.about-hero{border-radius:2rem}.about-hero-copy{padding:2.5rem 1.2rem}.about-hero h1{font-size:clamp(2.65rem,11.5vw,3.5rem)}.about-cta{width:100%;min-width:0}.about-mascot{border-radius:1.5rem;min-height:21rem;margin:.6rem}.mascot-paw svg{width:8rem;height:8rem}.about-story{padding-top:4rem}.about-story h2,.about-process h2,.about-contact h2{font-size:2.7rem}.story-grid article,.about-process,.about-contact{border-radius:1.6rem}.story-lead{min-height:25rem;padding:1.5rem}.value-card{grid-template-columns:2.8rem 1fr;padding:1.2rem}.value-card>svg{width:2.5rem;height:2.5rem}.about-process,.about-contact{margin-top:4rem;padding:1.5rem}.about-contact{margin-top:1rem}.about-contact address>a{font-size:.84rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}