*{box-sizing:border-box} :root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243132;background:#ecedeb;font-synthesis:none}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #14736a;outline-offset:4px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fafbf9;border-bottom:1px solid #d9dedb}.brand{display:flex;gap:13px;align-items:center}.brand svg{color:#28655f}h1{font-size:24px;letter-spacing:-.8px;margin:0;font-weight:550}.brand span{font-size:10px;letter-spacing:2px;color:#717c79}.project{font-size:11px;letter-spacing:1.6px;color:#687571}.project span{margin:0 14px;color:#aab4ae}.source{color:#3c5350;font-size:13px;text-decoration:none;border-bottom:1px solid #b9c6c0;padding-bottom:4px}main{height:calc(100dvh - 125px);min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) 294px}#viewport{position:relative;min-width:0;overflow:hidden;background:#e7ebe9}canvas{display:block;width:100%;height:100%;touch-action:none}aside{background:#fafbf9;border-left:1px solid #d9dedb;padding:27px 23px;overflow:auto;display:flex;flex-direction:column;gap:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:#657871}.index{font-size:11px;letter-spacing:0;color:#899690}section{margin:0}h2{font-size:14px;font-weight:550;margin:0 0 12px}.section-title{display:flex;justify-content:space-between;align-items:baseline}.tiny-icon{color:#7e908a}.segmented{display:flex;background:#ecefec;padding:4px;border-radius:7px;gap:2px}.segmented button{background:none;border:0;border-radius:4px;flex:1;font-size:13px;padding:9px 4px}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #273c3912;color:#1c645d}.range-label{display:flex;justify-content:space-between;font-size:12px;color:#6b7974;margin-top:17px}output{font-variant-numeric:tabular-nums;color:#3e5e55}input[type=range]{width:100%;height:4px;accent-color:#316e63;margin:15px 0 20px;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:14px}.toggle-row input{appearance:none;width:32px;height:19px;border-radius:20px;background:#d5ddd7;position:relative;cursor:pointer;margin:0}.toggle-row input:before{content:"";width:13px;height:13px;position:absolute;top:3px;left:3px;background:#fff;border-radius:50%;transition:transform .15s}.toggle-row input:checked{background:#316e63}.toggle-row input:checked:before{transform:translateX(13px)}.hint{font-size:12px;line-height:1.5;color:#78857e;margin:10px 0 0}.text-button{padding:0;border:0;background:none;color:#2b7466;font-size:12px}.units{display:flex;flex-direction:column;gap:6px}.unit{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #dfe5df;background:transparent;border-radius:6px;padding:13px 10px}.unit:hover{background:#f0f4f0}.unit[aria-pressed=true]{background:#e6f0eb;border-color:#93b7a9}.number{font-family:monospace;font-size:12px;color:#668074;padding-right:3px}.unit strong{display:block;font-size:14px;font-weight:500}.unit small{display:block;font-size:11px;color:#859087;margin-top:3px}.unit-symbol{margin-left:auto;color:#84948a}.panel-footer{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid #dfe5df;padding-top:20px;font-size:12px}.panel-footer small{display:block;font-size:11px;color:#849088;margin-top:4px}.material-swatch{width:29px;height:29px;background:linear-gradient(135deg,#fff,#ccd2cf);border:1px solid #d5dbd7;border-radius:4px}.scene-caption{position:absolute;left:30px;top:27px;display:flex;flex-direction:column;gap:7px;pointer-events:none}.scene-caption span:first-child{font-size:11px;letter-spacing:1.7px;color:#526b60}.scene-caption span:last-child{font-size:13px;color:#7b8c83}.camera-tools{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:6px;background:#fcfdfbec;box-shadow:0 5px 25px #344e4020;border:1px solid #fff;border-radius:10px;white-space:nowrap;gap:3px}.camera-tools button{border:0;background:none;border-radius:6px;height:37px;min-width:37px;font-size:20px;display:flex;align-items:center;justify-content:center;gap:7px}.camera-tools button span{font-size:13px}.camera-tools button[data-view]{padding:0 12px}.camera-tools button[aria-pressed=true]{background:#e7eeea;color:#286253}.camera-tools button:hover{background:#eef2ee}.divider{height:24px;width:1px;background:#dbe1dc;margin:0 6px}.gesture{position:absolute;bottom:27px;width:100%;text-align:center;font-size:11px;color:#7c8c83;pointer-events:none}.gesture span{margin:0 8px;color:#a2afa6}footer{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#f7f9f6;border-top:1px solid #d9dedb;font-size:10px;color:#7a867d}#loading{position:absolute;inset:0;z-index:5;display:grid;place-content:center;background:#e7ebe9;font-size:14px;color:#526b60}#loading[hidden]{display:none}#unit-tags{position:absolute;inset:0;pointer-events:none}.tag{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid #ffffffa0;border-radius:30px;padding:6px 11px;background:#fafdfad9;color:#62766a;font-size:11px;box-shadow:0 2px 7px #345e4010}.tag:hover{background:#fff;color:#235e4f}button:disabled,input:disabled{opacity:.4;cursor:default}
@media(max-width:850px){.project{display:none}header{height:74px;padding:0 20px}main{grid-template-columns:minmax(0,1fr) 260px;height:calc(100dvh - 111px)}aside{padding:22px 17px}.scene-caption{left:20px}.gesture{font-size:10px}.gesture span{margin:0 3px}}
@media(max-width:600px){header{height:68px;padding:0 18px}.brand h1{font-size:21px}.brand span{font-size:9px}.source{font-size:11px}main{display:flex;flex-direction:column;height:auto;min-height:0}#viewport{height:58dvh;min-height:365px}aside{border-left:0;border-top:1px solid #d9dedb;display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;padding:22px 18px;overflow:visible}.panel-head{grid-column:1/-1}.panel-footer{grid-column:1/-1}.units{gap:5px}.unit{padding:10px 8px}.unit-symbol{display:none}aside section:nth-of-type(1){grid-column:1/-1}.segmented button{font-size:13px}.camera-tools{bottom:45px}.gesture{bottom:17px;font-size:10px}.scene-caption{top:19px;left:19px}footer{height:auto;min-height:54px;padding:13px 18px;gap:8px;flex-direction:column;align-items:flex-start;font-size:10px}}
[hidden]{display:none!important}.model-choice label{display:block;font-size:14px;font-weight:550;margin-bottom:10px}.model-choice select{width:100%;font:inherit;font-size:14px;color:#294a40;background:#f0f4f0;border:1px solid #d3ded5;border-radius:6px;padding:11px 9px;cursor:pointer}select:focus-visible{outline:2px solid #14736a;outline-offset:3px}#grays-details dl{margin:0;font-size:13px}#grays-details dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e5eae5}#grays-details dt{color:#6c7b72}#grays-details dd{margin:0;font-variant-numeric:tabular-nums}.project{letter-spacing:1.2px}aside{gap:20px}@media(max-width:600px){aside .model-choice{grid-column:1/-1}aside section:nth-of-type(2){grid-column:1/-1}}