:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#292b25;--muted:#77796f;--line:#e4e3db;--accent:#72835b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#faf9f5;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,label:focus-within{outline-offset:4px;outline:3px solid #72835b}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;padding:0 6%;display:flex}.brand{letter-spacing:-2px;font-family:Georgia,serif;font-size:34px}.brand span{letter-spacing:1px;vertical-align:super;color:var(--accent);margin-left:8px;font:10px Arial}nav{gap:34px;font-size:13px;display:flex}.header-note{color:var(--muted);font-size:12px}.intro{text-align:center;padding:65px 20px 45px}.eyebrow{letter-spacing:2px;color:var(--accent);font-size:10px;font-weight:600}h1{letter-spacing:-4px;margin:20px 0;font:clamp(54px,7vw,88px) Georgia,serif}h1 em{color:var(--accent);font-weight:400}.intro p{color:var(--muted);font-size:15px;line-height:1.8}h2{margin:0;font:25px Georgia,serif}h3{margin:0;font-weight:500}.studio{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:360px 1fr;max-width:1180px;margin:0 auto 60px;display:grid;overflow:hidden;box-shadow:0 15px 45px #33331b06}.inputs{border-right:1px solid var(--line);padding:30px}.studio-title{gap:12px;margin-bottom:30px;display:flex}.step{color:var(--accent);background:#eff1e9;border-radius:50%;align-self:flex-start;padding:12px;font-size:11px}.studio-title p{color:var(--muted);margin-bottom:0;font-size:11px}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading h3{font-size:13px}.section-heading>span{color:var(--muted);font-size:10px}.upload-section{margin-bottom:22px}.upload{cursor:pointer;background:#fafaf7;border:1px dashed #cecec2;border-radius:10px;justify-content:center;align-items:center;height:164px;margin-top:12px;display:flex;position:relative;overflow:hidden}.upload:hover{border-color:var(--accent);background:#f1f3ec}.upload input{opacity:0;width:1px;height:1px;position:absolute}.upload>div{text-align:center}.upload-symbol{color:var(--accent);margin-bottom:8px;font-size:29px;display:block}.upload strong{font-size:12px;font-weight:500;display:block}.upload small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.upload img{object-fit:contain;width:100%;height:100%}.replace-label{background:#fffffff0;border-radius:20px;padding:5px 10px;font-size:10px;position:absolute;bottom:8px}.hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.primary{color:#fff;background:#66794f;border:0;border-radius:7px;width:100%;padding:17px;font-size:13px}.primary:hover:not(:disabled){background:#52653e}.privacy{text-align:center;color:var(--muted);margin:15px 0 0;font-size:10px;line-height:1.8}.error{color:#8c3c24;background:#fff0eb;border:1px solid #f0c6b7;border-radius:6px;padding:12px;font-size:12px;line-height:1.6}.result{flex-direction:column;padding:30px;display:flex}.result .section-heading{margin-bottom:24px}.result h2{margin-top:8px}.pill{white-space:nowrap;background:#f2f4ed;border-radius:20px;padding:8px 12px}.canvas{background:radial-gradient(at 50% 42%,#f6f5ee,#eeeee6);border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:470px;display:flex;position:relative;overflow:hidden}.canvas>img{object-fit:contain;width:100%;height:500px}.empty{text-align:center;padding:25px}.hanger{color:#b9bfa9;font:100px Georgia}.empty h3{font:30px Georgia,serif}.empty p{color:var(--muted);margin:16px 0 35px;font-size:12px;line-height:1.8}.empty-label{letter-spacing:2px;color:#999d8c;font-size:9px}.result-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-top:20px;font-size:10px;display:flex}.actions{align-items:center;gap:8px;display:flex}.actions button,.actions a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:9px;font-size:11px}.loading{text-align:center;background:#f8f8f0ed;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.loading strong{font:24px Georgia}.loading p{color:var(--muted);font-size:12px;line-height:1.8}.spinner{border:2px solid #d6dbc9;border-top-color:#66794f;border-radius:50%;width:32px;height:32px;margin-bottom:25px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.how{grid-template-columns:repeat(3,1fr);gap:55px;max-width:1100px;margin:0 auto 70px;padding:15px 25px;display:grid}.how span{letter-spacing:1.5px;color:var(--accent);font-size:9px}.how h3{margin:15px 0 10px;font:22px Georgia}.how p{color:var(--muted);font-size:12px;line-height:1.8}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:35px 6%;display:flex}footer p,footer>span{color:var(--muted);font-size:10px;line-height:1.8}@media (max-width:900px){.studio{grid-template-columns:310px 1fr;margin:0 20px 45px}.inputs,.result{padding:22px}.header-note{display:none}.result-footer{flex-direction:column;align-items:flex-start}.how{gap:25px}.canvas{min-height:460px}}@media (max-width:650px){header{height:70px}nav{gap:15px;font-size:11px}.intro{padding:45px 18px 25px}.intro .eyebrow{font-size:8px}h1{letter-spacing:-2px}.studio{grid-template-columns:1fr;margin:0 14px 30px}.inputs{border-right:0;border-bottom:1px solid var(--line)}.canvas{min-height:360px}.canvas>img{height:430px}.how{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.how p{margin-bottom:0}.pill{padding:6px;font-size:9px!important}footer{flex-wrap:wrap}footer>span{display:none}.result h2{font-size:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}}.account-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px!important}.account-panel p,.session-history>p,.history-card p{color:var(--muted);font-size:12px;line-height:1.7}.account-form,.account-row{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.account-row{justify-content:space-between;align-items:center}.account-form label{flex-direction:column;flex:1;gap:7px;min-width:180px;font-size:12px;display:flex}.account-form input{font:inherit;border:1px solid var(--line);border-radius:6px;min-width:0;padding:11px}.account-panel button,.session-history>.section-heading>button{border:1px solid var(--line);color:var(--ink);background:#f2f4ed;border-radius:6px;padding:11px}.history-card .actions{flex-wrap:wrap}.session-history{max-width:1180px;margin:0 auto 55px;padding:0 20px}.session-history>.section-heading{flex-wrap:wrap;margin-bottom:20px}.history-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;display:grid}.history-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;padding:10px}.history-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.history-preview{text-align:left;background:0 0;border:0;width:100%;padding:0}.history-preview img{object-fit:contain;background:#f4f4ed;border-radius:5px;width:100%;height:180px}.history-preview span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);padding:10px 0;font-size:11px;display:block;overflow:hidden}.history-card .actions{justify-content:space-between}.history-card .actions button,.history-card .actions a{font-size:10px}