@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@800;900;1000&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f8f8ef;color:#214333;font:16px 'DM Sans',sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;border-bottom:1px solid #dce2d3}header a{text-decoration:none;color:inherit;font:1000 27px Nunito,sans-serif}header a span{font:700 11px 'DM Sans',sans-serif;letter-spacing:2px;margin-left:14px}.preview{font-size:11px;letter-spacing:1px;border:1px solid #bac7ae;border-radius:20px;padding:8px 13px}.intro{text-align:center;padding:45px 15px 30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}h1{font:1000 clamp(32px,4vw,52px)/1.15 Nunito,sans-serif;letter-spacing:-1.5px;margin:12px 0} .intro>p:last-child{color:#758071}main{max-width:1200px;margin:auto}.studio{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:0 35px 30px}.portrait{align-self:start;position:sticky;top:25px}.canvas-wrap{position:relative;border:1px solid #c8cfae;border-radius:16px;overflow:hidden;background:#e5e9dd;padding:20px}canvas{width:100%;height:auto;display:block;border-radius:7px;image-rendering:pixelated}canvas.round{border-radius:50%}.corner{position:absolute;bottom:28px;left:32px;font-size:9px;letter-spacing:1px;color:#24452c80;pointer-events:none}.preview-row{display:flex;justify-content:space-between;align-items:center;padding:19px 0;font-size:13px;gap:10px}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.quiet{background:transparent;border:0;color:#526b51;font-size:13px;padding:7px}.download{width:100%;padding:18px;border:1px solid #795d19;border-radius:7px;background:#ffce45;color:#273b23;box-shadow:0 3px #795d19;font-weight:700}#status{font-size:13px;line-height:1.5;text-align:center;color:#65715f;min-height:38px}.controls{background:white;border:1px solid #dde3d4;border-radius:14px;padding:27px}.control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{font:900 22px Nunito,sans-serif;margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px}label{font-size:13px;font-weight:600}select{display:block;width:100%;margin-top:8px;padding:11px 9px;background:#fafbf6;border:1px solid #dce3d1;border-radius:6px;color:#294531;min-width:0;font-size:14px}.fields>label{min-width:0}.hint{font-size:12px;color:#778470;line-height:1.5}.divider{border-top:1px solid #e2e7dc;margin:24px 0}.backgrounds{display:flex;gap:11px;flex-wrap:wrap;margin:18px 0 24px}.backgrounds button{width:35px;height:35px;border:3px solid white;outline:1px solid #d7ddcd;border-radius:50%;background:var(--swatch);color:#34583c}.backgrounds button[aria-pressed=true]{outline:2px solid #284e36}.village{background:url('assets/maple-world.png') center/cover!important}.range{display:block;margin:18px 0}.range input{display:block;width:100%;margin-top:12px;accent-color:#366346}.check{display:inline-flex;align-items:center;gap:8px;margin:12px 18px 0 0}input[type=checkbox]{accent-color:#365e3e}footer{text-align:center;color:#758070;font-size:12px;padding:20px 20px 35px;line-height:1.7}footer a{color:inherit}:focus-visible{outline:3px solid #a37717;outline-offset:4px}@media(max-width:750px){header{padding:20px}header a span{display:none}.studio{grid-template-columns:1fr;gap:25px;padding:0 20px}.portrait{position:static;max-width:460px;width:100%;margin:auto}.controls{padding:20px}.intro{padding-top:30px}.fields{gap:16px 10px}select{font-size:16px}.corner{display:none}}

.scene-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.scene-options button{padding:5px;background:#fafbf6;border:1px solid #dce3d1;border-radius:8px;color:#294531;overflow:hidden}.scene-options button[aria-pressed=true]{outline:2px solid #284e36;outline-offset:2px}.scene-options img{display:block;width:100%;height:72px;object-fit:cover;border-radius:4px}.scene-options span{display:block;font-size:12px;line-height:1.4;padding:8px 2px}.intro{padding:25px 15px 20px}

header .back-home{font:600 14px "DM Sans",sans-serif;letter-spacing:0}

header>a:first-child{display:flex;align-items:center}.studio-logo{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}