:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edede8;background:#151616;color-scheme:dark;font-size:14px}*{box-sizing:border-box}body{margin:0;overflow:hidden}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #414440;background:#1d1f1f}h1{font-size:24px;letter-spacing:-.7px;margin:4px 0 0}small{font-size:10px;letter-spacing:1.8px;color:#83a4b4}.actions{display:flex;align-items:center;gap:12px}button,select,input[type=number]{border:1px solid #414440;background:#292c2a;color:#edede8;border-radius:6px;padding:7px 10px;font:inherit}button{cursor:pointer}button:hover{background:#383b37}button.active{background:#414440}button:disabled{opacity:.45;cursor:default}input[type=checkbox],input[type=range]{accent-color:#8ad2d7}input[type=range]{width:100%;margin:10px 0;direction:ltr}input[type=color]{width:29px;height:27px;padding:0;border:0;background:none}#viewport{position:absolute;left:0;top:82px;bottom:0;right:330px;overflow:hidden}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}body.panel-closed #viewport{right:0}#panel{position:absolute;right:0;top:82px;bottom:0;width:330px;overflow-y:auto;border-left:1px solid #414440;background:#1d1f1f;padding:16px}#panel[hidden]{display:none}nav{display:flex;gap:5px;margin-bottom:14px}nav button{flex:1}section[data-pane]{padding-bottom:20px}.field{margin:16px 0}.field>label{display:flex;justify-content:space-between;margin-bottom:6px}select{width:100%}output{color:#92bcc7;font-size:12px}h2{font-size:15px;margin-top:24px}p{line-height:1.55;color:#a7aaa5}.check{display:flex;gap:7px;align-items:center;margin:10px 0}.sessions{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:12px;border-bottom:1px solid #243843}.sessions button{font-size:11px;padding:6px 8px}.sessions output{width:100%}.layer-group{border-bottom:1px solid #414440;padding:12px 0}.layer-group>details>summary{cursor:pointer;font-weight:600;display:flex;gap:8px;align-items:center;list-style:none}.layer-group>details>summary::after{content:'⌄';color:#7d9ba7;margin-left:auto}.group-body{padding:2px 6px 2px 0}.layer{padding:12px 0;border-top:1px solid #20333f}.layer-top{display:flex;align-items:center;gap:7px}.layer-top label{flex:1;font-size:13px}.layer>label{font-size:11px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:8px}.layer>label input{flex-basis:100%}.layer details{font-size:11px;color:#92abb7}.group-opacity{font-size:11px;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:8px}.group-opacity input{flex-basis:100%}.depth{border-top:1px solid #2c414c;margin-top:9px;padding-top:12px}.depth-title{display:flex;justify-content:space-between;font-size:12px}.depth-track{position:relative;height:30px;margin:5px 0}.depth-track:before{content:'';position:absolute;top:14px;left:0;right:0;height:3px;background:linear-gradient(to right,#28404a 0 var(--from),#8ad2d7 var(--from) var(--to),#28404a var(--to) 100%)}.depth-track input{position:absolute;inset:0;width:100%;appearance:none;background:transparent;pointer-events:none;margin:0;outline:none}.depth-track input::-webkit-slider-thumb{appearance:none;width:15px;height:22px;border-radius:4px;background:#a1e1e3;pointer-events:auto;cursor:ew-resize;border:2px solid #31545c}.depth-track input:focus-visible::-webkit-slider-thumb{outline:2px solid white}.depth-track input::-moz-range-thumb{pointer-events:auto}.depth-numbers{display:flex;gap:8px;align-items:center}.depth-numbers input{width:82px;font-size:12px}.depth-presets{display:flex;gap:4px;margin:10px 0}.depth-presets button{font-size:10px;padding:5px 7px}.settings{margin-top:14px}.settings>summary{cursor:pointer;color:#a7c2cd}#viewLabels{position:absolute;top:15px;left:16px;right:16px;display:flex;pointer-events:none;z-index:2}#viewLabels span{font-size:11px;color:#a2bdc7;background:#1d1f1fb3;padding:5px 8px;border-radius:4px}#viewLabels span:last-child{position:absolute;left:50%;margin-left:16px}#divider{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#607b8a55;pointer-events:none;z-index:1}#loadNotice{position:absolute;bottom:16px;left:16px;right:16px;font-size:12px;pointer-events:none;z-index:3}#loadNotice.error{color:#fca4a4}#contextRecovery{position:absolute;bottom:70px;left:15px;z-index:4;background:#512d32;padding:12px}@media(max-width:700px){header{padding:10px 14px;height:100px}.actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:62%;font-size:11px}h1{font-size:21px}#viewport{top:100px;right:0}#panel{top:100px;width:300px;z-index:5;box-shadow:-10px 0 30px #0008}small{font-size:8px}.actions button{font-size:11px}}[hidden]{display:none!important}

.group-controls{display:flex;align-items:center;gap:10px}.group-controls .group-opacity{flex:1}.group-controls input[type=color][data-mixed=true]{outline:1px dashed #83a4b4;outline-offset:2px}

.group-heading{display:flex;align-items:center;gap:8px;font-weight:600}.group-heading label{flex:1}.layer-group>.group-details{margin-top:8px}.layer-group>.group-details>summary{font-size:12px;font-weight:400;color:#a7c2cd}.group-details>summary:focus-visible{outline:2px solid #8ad2d7;outline-offset:3px}

.animation-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 12px;border-bottom:1px solid #414440}.animation-controls button{min-height:44px;font-size:12px;padding:7px 8px}.animation-controls label{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;margin-top:6px}.animation-controls input{grid-column:1/-1;margin:0;height:32px}button:focus-visible{outline:2px solid #8ad2d7;outline-offset:3px}

#modelLoading{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#151616;transition:opacity .18s ease}.loading-card{text-align:center;padding:24px}#loadingMeter{position:relative;width:112px;height:112px;margin:0 auto 20px}#loadingMeter svg{width:100%;height:100%;transform:rotate(-90deg);animation:loading-spin 1.8s linear infinite}#loadingMeter circle{fill:none;stroke-width:3}.loading-track{stroke:#414440}#loadingArc{stroke:#8ad2d7;stroke-linecap:round;stroke-dasharray:20 80;stroke-dashoffset:0;transition:stroke-dashoffset .35s ease}#loadingPercent{position:absolute;inset:0;display:grid;place-items:center;font-size:23px;font-variant-numeric:tabular-nums;color:#edede8}#loadingMessage{font-size:14px;color:#a7aaa5;margin:0}#loadingRetry{margin-top:18px}#modelLoading.complete{opacity:0;pointer-events:none}#modelLoading.failed #loadingMessage{color:#fca4a4}@keyframes loading-spin{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media(prefers-reduced-motion:reduce){#loadingMeter svg{animation:none}#modelLoading,#loadingArc{transition:none}}