:root{--ink:#21332c;--muted:#748078;--line:#dfe5df;--green:#38674d;--paper:#f6f8f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9dccac;outline-offset:3px}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:11px 14px;min-height:42px}button:hover{background:#eef3ec}header{height:78px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:12px;align-items:center;font-weight:850;letter-spacing:-.5px;font-size:19px;color:inherit;text-decoration:none}.brand b{background:var(--green);color:white;padding:8px 11px;border-radius:9px;font-size:22px}.brand small{font-size:9px;letter-spacing:1.4px;border:1px solid var(--line);padding:5px 8px;border-radius:6px;color:var(--muted)}main{max-width:1500px;margin:auto;padding:38px 5%}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--green)}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-2px;margin:8px 0 10px;line-height:1.12}.intro{color:var(--muted);margin:0 0 30px;line-height:1.6}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.settings{padding:22px}.step{color:var(--muted);font-size:11px;letter-spacing:1px;margin:0 0 16px}h2{font-size:17px;margin:0 0 14px;letter-spacing:-.4px}label{display:block;font-size:12px;font-weight:650;margin:17px 0 7px}textarea,input,select{width:100%;border:1px solid var(--line);background:#fafbf9;border-radius:9px;color:var(--ink);padding:11px;min-width:0}textarea{resize:vertical;min-height:113px;line-height:1.6;font-size:16px}input,select{font-size:16px}input[type=file]{font-size:11px;padding:10px 5px}.help{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.presets button{font-size:11px;padding:10px 4px}.presets i{display:block;width:21px;height:21px;border-radius:5px;margin:0 auto 6px;box-shadow:inset 0 -5px #0002}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.primary{background:var(--green);color:white;border-color:var(--green);font-weight:700}.primary:hover{background:#294f39}.full{width:100%;margin-top:12px;padding:13px}.stage-head{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-head h2{margin:0 0 3px}.tiny{font-size:11px;color:var(--muted)}.local{font-size:11px;color:var(--green);white-space:nowrap}.viewport{height:490px;position:relative;background:#e9eee7;border-block:1px solid var(--line)}canvas{display:block;touch-action:none}#scene{width:100%;height:100%;cursor:grab}#scene:active{cursor:grabbing}#trace{width:100%;height:220px;background:#e8ede5;border:1px solid var(--line);border-radius:8px;margin:12px 0;cursor:crosshair}.view-label{position:absolute;left:17px;top:16px;font-size:10px;letter-spacing:1.4px;color:#627267;background:#ffffffc9;padding:8px 10px;border-radius:6px;pointer-events:none}.view-help{position:absolute;bottom:14px;left:0;width:100%;text-align:center;font-size:11px;color:#617264;pointer-events:none}.tools{position:absolute;right:14px;top:13px;display:flex;gap:5px}.tools button{padding:8px 13px;background:#fffffff0}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0}.stats>div{padding:0 22px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{display:block;font-size:23px;letter-spacing:-1px}.stats span{font-size:11px;color:var(--muted)}.actions,.row{display:flex;gap:8px;flex-wrap:wrap}.actions{padding:0 22px 21px}.notice{background:#f1f5ee;border-top:1px solid var(--line);padding:13px 22px;font-size:12px;line-height:1.6;margin:0}.lower{margin-top:20px;padding:22px}.chip{padding:6px 9px;background:#eff3ed;border-radius:6px;font-size:11px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:10px 0;border-bottom:1px solid #edf0eb}td:last-child,th:last-child{text-align:right}details{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:650;line-height:1.5}footer{margin-top:24px;font-size:11px;color:var(--muted);line-height:1.7}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:10px;display:none;z-index:10;max-width:90%;text-align:center}@media(max-width:900px){.workspace{grid-template-columns:280px minmax(0,1fr)}.viewport{height:440px}main{padding:28px 3%}}@media(max-width:700px){header{height:68px;padding:0 5%}header>.local,.brand small{display:none}main{padding:25px 5%}.workspace{display:flex;flex-direction:column}.workspace>section{width:100%;order:-1}.settings{width:100%}.viewport{height:350px}h1{letter-spacing:-1px}.stats>div{padding:0 12px}.stats strong{font-size:20px}.stage-head{padding:16px}.actions{padding:0 14px 16px}.actions button{font-size:12px}}