:root{--ink:#20251d;--paper:#f4f0e7;--lime:#c9ec4b;--line:#d8d3c8;--muted:#72756b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}main{max-width:1360px;margin:auto;padding:26px 32px 72px}nav{display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-weight:800;letter-spacing:-1.7px;font-size:24px;text-decoration:none}.brand span{font-family:'Playfair Display',serif;font-style:italic;font-weight:600}.beta{font:500 10px 'DM Mono',monospace;border:1px solid var(--ink);padding:6px 9px;border-radius:100px}.hero{padding:86px 0 58px;max-width:700px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:1.3px;margin:0 0 17px;color:#5d6548}.hero h1{font-size:clamp(48px,7vw,86px);letter-spacing:-5px;line-height:.96;margin:0}.hero h1 em{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:-4px}.intro{max-width:510px;line-height:1.65;font-size:17px;margin:27px 0 0;color:#5d6258}.workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:38px;align-items:start}.studio{border-top:1px solid var(--ink);padding-top:20px}.step{display:flex;gap:14px;align-items:baseline}.step span,.generate-row span{font:500 11px 'DM Mono',monospace;color:#697053}.step h2{margin:0;font-size:15px;letter-spacing:-.3px}.dropzone{height:306px;border:1px dashed #aaa89f;margin:18px 0 34px;display:flex;justify-content:center;align-items:center;position:relative;background:#ebe7dc;overflow:hidden;cursor:pointer}.dropzone.drag{border:2px solid var(--ink);background:#e5f1b7}.upload-copy{text-align:center;display:grid;gap:7px}.upload-copy b{font-size:17px}.upload-copy small{font-size:12px;color:var(--muted)}input{display:none}.dropzone img{height:100%;width:100%;object-fit:contain;padding:14px}.change{position:absolute;right:13px;top:13px;background:#fff;border:0;padding:8px 10px;font:500 11px 'DM Mono',monospace;cursor:pointer}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:19px 0 40px}.scene{background:#eee9df;border:1px solid transparent;padding:13px;text-align:left;cursor:pointer;display:grid;gap:3px;transition:.18s}.scene.selected{border-color:var(--ink);background:#f9f7f0}.scene b{font-size:13px}.scene small{font-size:11px;color:var(--muted)}.swatch{display:block;height:62px;margin-bottom:7px;background:#e5dfd0}.clean{background:linear-gradient(145deg,#fff,#e5e0d7)}.marble{background:linear-gradient(130deg,#c3b59d,#f0e9dc 42%,#bdb4a7 44%,#e2d8c9 48%,#faf4e9)}.home{background:linear-gradient(135deg,#e4cda5,#f4e6c8 48%,#9ca97d)}.botanical{background:radial-gradient(circle at 15% 95%,#708452 0 13%,transparent 14%),radial-gradient(circle at 85% 15%,#b1c388 0 15%,transparent 16%),#e7e2ce}.generate-row{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;align-items:center}.generate-row div{display:flex;gap:13px;align-items:baseline}.generate-row p{font-size:14px;margin:0}.generate{background:var(--ink);color:#fff;border:0;padding:15px 18px;font:700 13px Manrope;cursor:pointer}.generate:disabled{opacity:.35;cursor:not-allowed}.generate span,.download span{color:var(--lime);font-size:17px;margin-left:10px}.result{position:sticky;top:22px;min-height:512px;border-top:1px solid var(--ink);padding-top:20px}.result-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:19px}.result h2{font-size:28px;letter-spacing:-1.5px;margin:0}.download{background:var(--lime);color:var(--ink);padding:14px 16px;text-decoration:none;font-weight:700;font-size:13px}.download span{color:var(--ink)}.empty-result{height:420px;border:1px dashed #c3beb4;background:#ece7dc;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;color:#75786d}.empty-result span{font:600 29px 'Playfair Display',serif;color:#9aa66d}.empty-result b{font-size:17px;line-height:1.4;color:#4d5447}.empty-result small{max-width:230px;font-size:11px;line-height:1.5}.loading-result{height:420px;border:1px solid #d8d3c8;background:linear-gradient(125deg,#eee9df,#f7f4ec,#ebe7dc);display:none;place-items:center;align-content:center;gap:12px;text-align:center;overflow:hidden;position:relative}.loading-result:before{content:"";position:absolute;inset:-80% -45%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.65) 50%,transparent 58%);animation:loading-sheen 2.4s ease-in-out infinite}.loading-result b,.loading-result p,.loading-result small,.loading-orbit{position:relative}.loading-result b{font-size:17px;color:#39402f}.loading-result p{max-width:250px;margin:0;color:#6d7066;font-size:12px;line-height:1.55}.loading-result small{font:500 10px 'DM Mono',monospace;color:#838779}.loading-orbit{width:72px;height:72px;margin-bottom:4px;border:1px solid #b5ad9d;border-radius:50%;animation:loading-spin 2.8s linear infinite}.loading-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(201,236,75,.18)}.loading-orbit i:nth-child(1){left:-5px;top:29px}.loading-orbit i:nth-child(2){right:5px;top:3px;background:#7d8a59;box-shadow:0 0 0 5px rgba(125,138,89,.14)}.loading-orbit i:nth-child(3){right:-4px;bottom:22px;background:#e8d7a4;box-shadow:0 0 0 5px rgba(232,215,164,.24)}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-sheen{from{transform:translateX(-22%)}to{transform:translateX(22%)}}.result-image{height:420px;background:#e8e3d8;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.result-image img{width:100%;height:100%;object-fit:contain;padding:10px}.result:not(.ready):not(.loading) .result-image,.result.ready .empty-result,.result.ready .loading-result,.result.loading .empty-result,.result.loading .result-image{display:none}.result.loading .loading-result{display:grid}.again{margin-top:15px;background:transparent;border:0;text-decoration:underline;cursor:pointer;font:500 13px Manrope;color:#4e5448}.notice{text-align:center;color:#777a70;font-size:11px;margin-top:62px}@media(max-width:850px){.workspace{grid-template-columns:1fr;gap:52px}.result{position:static;min-height:0}.empty-result,.loading-result,.result-image{height:min(78vw,420px)}}@media(max-width:650px){main{padding:20px 17px 42px}.hero{padding:65px 0 45px}.hero h1{letter-spacing:-3px}.hero h1 em{letter-spacing:-2px}.scene-grid{grid-template-columns:repeat(2,1fr)}.generate-row{align-items:flex-start;gap:20px}.generate{white-space:nowrap}.result-head{align-items:flex-start;gap:15px}.result h2{font-size:24px}.download{padding:12px}.dropzone{height:245px}}