:root{--ink:#24372c;--paper:#f2f0e9;--muted:#59675c;--line:#cad0c3;--lime:#d3e593}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,Arial,sans-serif}main{width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #aa640d;outline-offset:4px}nav{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}nav a{text-decoration:none}nav div{display:flex;gap:28px;font-size:14px}.brand{font-size:25px;font-weight:700}.brand span{font-size:14px;font-weight:400}.hero{max-width:1440px;margin:auto;padding:100px 5% 140px;display:grid;grid-template-columns:1.16fr .84fr;gap:60px;align-items:center}.eyebrow{font-size:16px;margin:0 0 24px}h1{max-width:72rem;font-size:clamp(42px,4.8vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.03;margin:0 0 28px}h2{font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}h3{font-size:23px;font-weight:500;letter-spacing:-.025em;margin:0 0 14px}p{line-height:1.7}.lead{font-size:20px;max-width:620px;color:var(--muted)}.quiet{font-size:13px;color:var(--muted);line-height:1.55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 21px;border-radius:7px;text-decoration:none;border:1px solid transparent;font-weight:500;cursor:pointer;transition:transform .3s,background .3s}.button:hover:enabled,a.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.secondary{background:transparent;color:var(--ink);border-color:#a7b09f}.button:disabled{opacity:.5;cursor:not-allowed}.hero-art{margin:0;position:relative;overflow:hidden;border-radius:180px 180px 8px 8px;background:#d7ddd2}.hero-art img{width:100%;height:450px;object-fit:cover;filter:saturate(.55);transition:transform .7s}.hero-art:hover img{transform:scale(1.05)}figcaption{padding:17px;font-size:12px}.workbench{padding:100px 5% 140px;background:#e6eadd}.section-intro{max-width:1280px;margin:0 auto 44px;display:flex;align-items:end;gap:50px}.section-intro p{max-width:470px;color:var(--muted)}.studio{max-width:1280px;margin:auto;display:grid;grid-template-columns:320px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.controls{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.upload{border:1px dashed #87917f;border-radius:8px;padding:18px;cursor:pointer;font-weight:500}.upload input{width:100%;font-size:13px;margin:12px 0}.upload span{display:block;font-size:12px;color:var(--muted);font-weight:400}.file-info{font-size:13px;overflow-wrap:anywhere}.visual{padding:28px;min-width:0}.stage{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:8px;min-height:280px}.checker{background-color:#fff;background-image:linear-gradient(45deg,#e3e4df 25%,transparent 25%),linear-gradient(-45deg,#e3e4df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e4df 75%),linear-gradient(-45deg,transparent 75%,#e3e4df 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.stage img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}#originalWrap{position:absolute;inset:0;overflow:hidden}#divider{position:absolute;top:0;bottom:0;width:2px;background:white;box-shadow:0 0 0 1px #24372c;left:50%;pointer-events:none}.stage-label{position:absolute;bottom:16px;left:16px;padding:8px 12px;background:rgba(36,55,44,.9);color:white;border-radius:5px;font-size:12px}.visual-caption{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:16px 0}.privacy{border-top:1px solid var(--line);padding-top:22px}.privacy p{font-size:13px;color:var(--muted);margin:8px 0}.progress p{font-size:13px;margin:8px 0;overflow-wrap:anywhere}progress{width:100%;accent-color:var(--ink)}fieldset{border:0;padding:0;margin:0}legend{font-size:14px;margin-bottom:12px}.swatches{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.swatch{width:32px;height:32px;border:1px solid #a7b09f;border-radius:50%;cursor:pointer}.swatch.active{outline:2px solid var(--ink);outline-offset:3px}.cream{background:#ece6db}.green{background:#1f382e}.black{background:#151917}.custom-color{font-size:12px;display:flex;gap:6px;align-items:center}.custom-color input{width:28px;height:30px}.exports{display:grid;gap:10px}.text-button{border:0;background:none;text-decoration:underline;cursor:pointer;color:var(--muted);padding:10px}#error{padding:14px;background:#fff0e6;color:#753618;border:1px solid #dfbaa2;border-radius:8px}.marquee{padding:24px 0;background:var(--ink);color:var(--lime);white-space:nowrap;overflow:hidden;font-size:22px}.marquee div{width:max-content;animation:marquee 36s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.guide{max-width:1280px;margin:auto;padding:160px 5%;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.pinned p{color:var(--muted)}.text-link{display:inline-block;margin-top:15px}.guide-content{min-width:0}.reveal{font-size:31px;line-height:1.35;letter-spacing:-.025em;margin-top:0}.guide-content article{margin-bottom:48px}.guide-content li{line-height:1.75;margin-bottom:12px}.bento{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:1px;background:var(--line);border:1px solid var(--line);margin:54px 0}.bento article{background:#faf9f4;padding:24px;margin:0}.bento h3{font-size:20px}.bento p{font-size:14px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}summary{cursor:pointer;padding:18px 0;font-size:17px}details{border-bottom:1px solid var(--line)}details p{font-size:15px}.inspection{padding:100px 5%;background:#dde5d1;display:grid;grid-template-columns:1fr 1fr;gap:60px}.inspection>div{max-width:570px}.carousel{display:flex;align-items:center;gap:20px}.carousel button{border:1px solid #87917f;background:transparent;color:var(--ink);border-radius:50%;width:44px;min-width:44px;height:44px;cursor:pointer}.carousel article{min-width:0}.action{padding:160px 5%;text-align:center;background:radial-gradient(ellipse at top,#e3ecca,transparent 70%),var(--paper)}.action h2{font-size:clamp(42px,6vw,86px)}.action p{max-width:640px;margin:22px auto}.action>a:not(.button){font-size:13px}.noscript{padding:30px}.reveal span{opacity:1}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:90px}.hero-art{max-width:500px;width:100%;margin:auto}.hero-art img{height:380px}h1{font-size:clamp(42px,8vw,64px)}.studio{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.visual{grid-row:1}.section-intro{display:block}.guide{grid-template-columns:1fr;gap:35px;padding-top:90px;padding-bottom:90px}.pinned h2 br{display:none}.inspection{grid-template-columns:1fr;gap:30px}.workbench{padding-top:75px;padding-bottom:90px}.action{padding-top:100px;padding-bottom:100px}}@media(max-width:520px){nav{padding:22px 5%}nav div a:last-child{display:none}.brand span{display:none}.hero-art img{height:310px}.lead{font-size:17px}.bento{grid-template-columns:1fr}.visual{padding:14px}.controls{padding:20px}.stage{min-height:230px}.section-intro h2 br{display:none}.reveal{font-size:26px}table{font-size:12px}th,td{padding:12px 7px}.carousel{gap:10px}.inspection{padding-top:75px;padding-bottom:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.inline-photo{display:inline-block;width:90px;height:44px;vertical-align:middle;border-radius:50px;overflow:hidden;margin:0 6px}.inline-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.inline-photo:hover img{transform:scale(1.05)}@media(max-width:520px){.inline-photo{width:55px;height:28px}}