:root{font-family:Inter,Arial,sans-serif;color:#223a38;background:#f4f6f3;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{position:fixed;width:228px;height:100vh;background:#123f3b;color:#b1cbc4;padding:40px 25px}.logo{font-size:46px;letter-spacing:-3px;color:#fff;text-decoration:none;font-weight:700}.logo span{color:#c4ee8a;font-size:32px;margin-left:25px}.tag{font-size:9px;letter-spacing:1.8px;margin-top:16px}nav{display:grid;gap:28px;margin-top:75px;font-size:12px}nav b{color:#d8f4b5;border-left:2px solid #c4ee8a;padding:14px 8px;background:#ffffff08}aside small{position:absolute;bottom:35px;font-size:9px;letter-spacing:1px}main{margin-left:228px;padding:0 46px;max-width:1650px}header{height:76px;border-bottom:1px solid #dbe1da;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px}header span:last-child{color:#568170}.intro{padding:42px 0 26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#718477}h1{font-size:clamp(38px,4vw,60px);line-height:1.08;letter-spacing:-2.5px;font-weight:500;margin:20px 0}h1 em{font-style:normal;color:#72917b}.intro p{line-height:1.8;color:#748079}.workflow{display:flex;align-items:center;gap:20px;margin:15px 0 28px;font-size:12px}.workflow i{color:#a4b1a7}.grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.panel{background:#fff;border:1px solid #dee5dc;border-radius:8px;padding:22px;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}h2{font-size:16px;font-weight:600;margin:0}button{cursor:pointer;font:inherit;border:0;border-radius:4px;padding:11px 15px}button:hover{filter:brightness(.94)}.quiet{background:transparent;color:#527e63;font-size:11px;padding:5px}.upload{border:1px dashed #a9bda9;display:grid;gap:9px;justify-items:center;padding:23px 10px;background:#f7faf4;cursor:pointer}.upload input{position:absolute;opacity:0;width:1px;height:1px}.upload:focus-within{outline:2px solid #527e63}.upload span{font-size:10px;color:#869184}.editorhead{display:flex;justify-content:space-between;background:#edf1eb;margin-top:20px;padding:11px;font-size:9px;color:#778374}textarea{display:block;width:100%;height:280px;resize:vertical;border:0;padding:16px;background:#f7f9f5;color:#284f44;font:12px/1.8 monospace;tab-size:4}textarea:focus{outline:1px solid #92ad8b}.panelbottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;color:#879184}.primary{background:#174c42;color:#f3f9ed;font-size:12px}.pill{font-size:9px;background:#edf3e6;color:#608055;padding:6px 9px;border-radius:3px;letter-spacing:.7px}.helper{font-size:12px;line-height:1.7;color:#7c877c}.units{display:flex;justify-content:space-between;background:#f5f7f1;padding:12px;font-size:10px;color:#7a8976;margin:20px 0}.units b{color:#45674a}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.fields label{display:grid;gap:7px;font-size:11px;color:#647563}.fields input{width:100%;border:1px solid #dce4d8;padding:11px;border-radius:4px;font:13px monospace;color:#294532}.fields small{font-size:9px;color:#96a18e}.callout{background:#f5f7f0;padding:13px;font-size:10px;line-height:1.6;color:#77816a;margin:20px 0}.export{width:100%}.results{margin-top:22px}#declarations{display:flex;flex-wrap:wrap;gap:9px}.declaration{border:1px solid #e2e8dc;padding:10px;font:11px monospace;border-radius:4px}.declaration small{color:#91a086}#diagnostics{font-size:12px;color:#9a5936;line-height:1.8;margin:10px 0}pre{background:#f4f7f0;padding:18px;overflow:auto;max-height:350px;font-size:11px;line-height:1.7}footer{display:flex;gap:25px;padding:30px 0;font-size:10px;color:#879480}footer span:last-child{margin-left:auto}button:focus-visible{outline:3px solid #93bf79}@media(max-width:1000px){aside{width:180px;padding:30px 18px}main{margin-left:180px;padding:0 24px}.grid{grid-template-columns:1fr}}@media(max-width:600px){aside{position:static;width:auto;height:auto;padding:15px 22px}.logo{font-size:30px}.tag,nav,aside small{display:none}main{margin:0;padding:0 16px}.workflow{font-size:9px;gap:8px}.panel{padding:16px}header{height:50px;font-size:8px}footer span:last-child{display:none}}
button:disabled{opacity:.4;cursor:default}
.scene-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:12px 0}.scene-toolbar button{font-size:11px}.scene-toolbar select{max-width:100%;min-width:150px;flex:1;padding:9px;border:1px solid #d9e2d2;background:white;color:#36573f}.scene-toolbar label{font-size:12px}#scene-canvas{display:block;width:100%;height:420px;touch-action:none;border:1px solid #dce4d5;border-radius:6px;cursor:grab}#scene-canvas:active{cursor:grabbing}#scene-status{max-height:250px;overflow:auto;font-size:11px;color:#86633b;line-height:1.7}details{margin-top:15px;font-size:12px;color:#55754e}summary{cursor:pointer}

.source-examples{background:#f7faf4;border:1px solid #dce6d5;padding:15px;margin-bottom:18px;border-radius:5px}.source-examples h3{font-size:13px;margin:0}.example-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0}.example-row button{font-size:11px;text-align:left;background:#e8efe1;color:#355d40}.example-row a{font-size:10px;color:#48734c;white-space:nowrap}.panelbottom{flex-wrap:wrap;gap:8px}