:root{font-family:'DM Sans',Arial,sans-serif;color:#223a30;background:#f6f7f2}*{box-sizing:border-box}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde3d9;background:#fbfcf8}.brand{display:flex;gap:12px;color:#24533c;text-decoration:none;font:bold 34px 'Space Grotesk',Arial,sans-serif;align-items:center}.brand span{font-size:19px;letter-spacing:2px}.brand small{display:block;font:10px 'DM Sans';letter-spacing:4px;margin-top:4px}.tag{font-size:10px;letter-spacing:2px;color:#7b887e}button{border:1px solid #d6ded3;background:#fff;border-radius:8px;padding:10px 15px;color:#334e3b}button:hover{border-color:#367b4f;background:#eef4e9}button:focus-visible,input:focus-visible{outline:3px solid #d59e49;outline-offset:3px}main{max-width:1280px;margin:auto;padding:48px 40px 20px}.intro{position:relative;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#5d815d}h1{font:500 52px/1.07 'Space Grotesk',Arial,sans-serif;letter-spacing:-2px;margin:16px 0}h1 em{color:#608546;font-style:normal}.intro p{position:absolute;right:10px;bottom:0;width:310px;font-size:14px;color:#788379;line-height:1.8}.studio{display:grid;grid-template-columns:1fr 1fr;gap:28px}.preview{border:1px solid #d9e1d2;border-radius:16px;background:radial-gradient(ellipse at 50% 48%,#f5f8e9,#e7eddd);overflow:hidden;position:relative;display:flex;flex-direction:column}.panel-top{display:flex;justify-content:space-between;padding:22px;font-size:10px;letter-spacing:1.2px;color:#7b8c72}.panel-top i{display:inline-block;width:6px;height:6px;background:#689653;border-radius:50%;margin-right:7px}#model{width:100%;height:auto;max-height:490px;object-fit:contain;touch-action:none;cursor:grab}.rotate{display:flex;justify-content:center;align-items:center;gap:20px;font-size:11px;color:#829176;margin-top:-25px;margin-bottom:28px}.rotate button{border-radius:50%;padding:7px 12px;background:#f7faefaa}.preview-bottom{border-top:1px solid #d5dfca;margin-top:auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7e8b76}.preview-bottom button{font-size:11px;background:none;border:none;padding:3px}.editor{border:1px solid #e0e5da;border-radius:16px;background:#fff;overflow:hidden}nav{display:flex;padding:10px 18px 0;border-bottom:1px solid #e6eadd;gap:20px}nav button{border:0;border-radius:0;padding:16px 2px;font-size:13px;color:#939d90;background:none}nav button.active{color:#345c35;border-bottom:3px solid #6b8b47}#controls{padding:24px 28px;min-height:345px}h2{font:500 23px 'Space Grotesk';margin:0 0 6px}.hint{font-size:12px;color:#8b9589;margin:0 0 24px}.field{margin:20px 0}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.choices{display:flex;flex-wrap:wrap;gap:7px}.choices button{font-size:12px;padding:9px 12px}.choices button.selected{background:#eaf0e1;color:#34582f;border-color:#8da773}.swatch{width:30px;height:30px;padding:0!important;border:3px solid white;box-shadow:0 0 0 1px #dde3d8;border-radius:50%}.swatch.selected{box-shadow:0 0 0 2px #456b3b}.color-input{width:32px;height:32px;border:0;padding:0;background:none;cursor:pointer}.export{padding:22px 28px;background:#f8faf5;border-top:1px solid #e4e9df}.export strong{font-size:13px}.export small{display:block;margin:6px 0 18px;font-size:11px;color:#899380}#download{background:#335b3b;color:white;width:100%;text-align:left;padding:15px 18px;border:0}#download span{float:right;font-size:20px}#status{font-size:10px;text-align:center;color:#8c9687;margin:12px 0 0}footer{display:flex;justify-content:space-between;font-size:9px;color:#96a08e;margin-top:25px;letter-spacing:1px}@media(max-width:750px){header{height:80px;padding:0 20px}.tag{display:none}main{padding:30px 18px}.intro p{position:static;width:auto}h1{font-size:43px}.studio{grid-template-columns:1fr}#model{max-height:390px}footer{gap:20px;line-height:1.8}nav{gap:15px}.brand span{font-size:15px}}
nav{gap:16px;overflow-x:auto;white-space:nowrap}.print-upload{padding:18px;border:1px dashed #a6b99a;border-radius:12px;background:#f7faf3}.print-upload>label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}.print-upload input[type=file]{width:100%;font:12px 'DM Sans',Arial,sans-serif}.print-upload p{font-size:12px;line-height:1.7;color:#7b8874}.print-upload .upload-status{color:#355b3b;margin-bottom:0}.print-thumb{display:block;width:80px;height:80px;object-fit:contain;margin-top:15px;background:repeating-conic-gradient(#e0e5d9 0% 25%,#fff 0% 50%) 50%/12px 12px;border:1px solid #d4dece;border-radius:5px}.field input[type=range]{width:100%;accent-color:#56794a}
.pixel-editor{display:block;width:100%;max-width:384px;height:auto;aspect-ratio:1;image-rendering:pixelated;touch-action:none;cursor:crosshair;margin:15px 0;background:repeating-conic-gradient(#dde4d6 0% 25%,#fff 0% 50%) 50%/16px 16px;border:1px solid #a4b397}#controls select{display:block;width:100%;margin:16px 0;padding:10px;font:inherit;border:1px solid #cdd8c5;border-radius:6px;background:white;color:#334e3b}button:disabled{opacity:.45;cursor:default}