@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#24342e;background:#f6f7f3;font-size:14px;--green:#245b48;--line:#dfe4db}*{box-sizing:border-box}body{margin:0}header{height:72px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;background:#fff}a{color:var(--green);text-decoration:none}.brand{font-size:23px;letter-spacing:-.7px}.pill{font-size:10px;letter-spacing:1.5px;border:1px solid var(--line);padding:6px 10px;border-radius:30px}.spacer{flex:1}main{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1800px;margin:auto}.controls{background:#fff;padding:28px 24px;border-right:1px solid var(--line)}.section-title{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#718075;margin:22px 0 12px}.controls>.section-title:first-child{margin-top:0}h1{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}h2{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}.muted{color:#788279;line-height:1.6}.small{font-size:11px}.upload{display:flex!important;justify-content:center;padding:19px 8px;border:1px dashed #9db5a5;border-radius:9px;background:#f6faf6;font-weight:600;cursor:pointer}.upload input{position:absolute;opacity:0;width:1px;height:1px}.upload:focus-within{outline:2px solid var(--green)}label{display:block;font-size:12px;margin-bottom:13px}input[type=number],select,input[type=text]{font:inherit;color:inherit;border:1px solid var(--line);border-radius:6px;padding:10px;width:100%;background:#fff;display:block;margin-top:6px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=range]{display:block;width:100%;accent-color:var(--green);margin:12px 0}output{float:right;color:#748076}.check{display:flex;align-items:center;gap:7px}input[type=checkbox]{accent-color:var(--green)}button{font:inherit;border:1px solid var(--line);border-radius:7px;padding:10px 14px;background:white;color:inherit;cursor:pointer}button:hover:not(:disabled){background:#e9eee6}button:disabled{opacity:.45;cursor:default}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:600}.primary:hover:not(:disabled){background:#174a37}#render{width:100%;margin-top:8px}.filament{border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:9px}.filament-heading{display:flex;gap:8px;align-items:center}.filament-heading input[type=color]{width:30px;height:30px;border:none;padding:0;background:none}.filament-heading input[type=text]{margin:0;padding:6px}.filament .pair{margin-top:9px}.filament label{font-size:10px;margin-bottom:0}.filament input[type=number]{padding:6px}.workspace{padding:24px 30px;min-width:0}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.tabs{display:flex;background:#e9ede5;padding:4px;border-radius:8px}.tabs button{background:none;border:none;font-size:12px;padding:9px 12px}.tabs button.active{background:#fff;box-shadow:0 1px 5px #1d342319}.stage{height:clamp(340px,59vh,760px);background:#e9ece4;border:1px solid #dde2d7;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:24px;background-image:radial-gradient(#cbd3c6 .7px,transparent .7px);background-size:16px 16px;overflow:hidden}.stage img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 14px 35px #24342e24}#empty{text-align:center}.empty-mark{font-size:76px;color:#8ba28e}#empty p{font-size:13px;color:#7c877b}.swatches{display:flex;justify-content:center;margin:28px auto;gap:5px}.swatches i{width:24px;height:7px;background:#222;border-radius:3px}.swatches i:nth-child(2){background:#666}.swatches i:nth-child(3){background:#999}.swatches i:nth-child(4){background:#ccc}.swatches i:nth-child(5){background:#fff}.statusbar{display:flex;justify-content:space-between;gap:12px;color:#6c796c;font-size:11px;margin:14px 0 28px;min-height:15px}.error{color:#b33c32!important}.export-panel{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px 24px}.export-actions{align-self:center;min-width:275px}.export-actions button{width:100%;margin-top:10px}.schedule,.export-panel>p{grid-column:1/-1}.schedule{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.band{flex:1;min-width:125px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:11px}.band b{display:block;margin:8px 0}.band i{display:block;width:22px;height:6px;border:1px solid #aaa;border-radius:2px}.band span{color:#758075}@media(max-width:1000px){main{grid-template-columns:280px minmax(0,1fr)}.workspace{padding:20px}.export-panel{display:block}.toolbar{flex-wrap:wrap}.tabs button{padding:8px}.export-actions{margin:15px 0}}@media(max-width:700px){header{padding:0 16px}.pill{display:none}main{display:flex;flex-direction:column}.controls{border-right:0}.workspace{order:-1}.stage{height:350px}.export-panel h2{font-size:18px}}
.stage{position:relative}#relief3d{max-width:100%;max-height:100%;touch-action:none;cursor:grab}#mesh-help{position:absolute;bottom:8px;font-size:10px;color:#5b685c;background:#ffffffbf;padding:4px 8px;border-radius:4px}[hidden]{display:none!important}
.layer-scrub{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 14px;margin:-4px 0 12px}.layer-scrub label{margin:0}.layer-scrub input{margin:6px 0 0}
.export-actions button{margin-top:0}