@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap";:root{color:#19231e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#19231e;--muted:#66716b;--line:#18261e24;--paper:#f1f0e8;--paper-strong:#f8f7f0;--moss:#294b38;--moss-dark:#173323;--gold:#c59a54;background:#102019;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app-shell{background:#c9d5cf;grid-template-columns:minmax(0,1fr) 380px;width:100%;height:100%;display:grid}.viewer-pane{min-width:0;min-height:0;position:relative}.viewer-pane canvas{touch-action:none;display:block}.viewer-pane canvas.navigation-pan{cursor:grab}.viewer-pane canvas.navigation-orbit{cursor:move}.viewer-pane canvas.navigation-pan:active{cursor:grabbing}.viewer-pane:after{pointer-events:none;content:"";background:linear-gradient(90deg,#09170f2e,#0000 16% 78%,#09170f14),linear-gradient(#0000 76%,#09170f26);position:absolute;inset:0}.viewer-brand{z-index:2;color:#f8f7f0;text-shadow:0 1px 14px #00000057;gap:4px;display:grid;position:absolute;top:24px;left:28px}.viewer-brand span,.data-source{letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.navigation-toolbar{z-index:3;color:#f8f7f0c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12251ad1;border:1px solid #ffffff3d;border-radius:4px;align-items:center;display:flex;position:absolute;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #0a191033}.navigation-toolbar>span{letter-spacing:.08em;text-transform:uppercase;padding:0 10px;font-family:DM Mono,monospace;font-size:9px}.navigation-toolbar button{min-width:58px;min-height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff2e;font-size:10px;font-weight:600}.navigation-toolbar button:hover{background:#ffffff14}.navigation-toolbar button.is-active{color:var(--moss-dark);background:#f1f0e8}.viewer-brand b{font-size:18px;font-weight:500}.compass{z-index:2;color:#f8f7f0;text-shadow:0 1px 8px #0000004d;justify-items:center;display:grid;position:absolute;bottom:28px;right:28px}.compass span{font-family:DM Mono,monospace;font-size:12px;font-weight:500}.compass i{background:currentColor;width:1px;height:28px;margin-top:6px}.compass i:before{content:"";border-top:1px solid;border-left:1px solid;width:7px;height:7px;display:block;transform:translate(-3px,1px)rotate(45deg)}.data-source{z-index:2;color:#f8f7f0db;position:absolute;bottom:28px;left:28px}.control-panel{z-index:4;color:var(--ink);background:linear-gradient(#294b3809 1px, transparent 1px), var(--paper);background-size:100% 36px;padding:28px 28px 24px;position:relative;overflow-y:auto;box-shadow:-14px 0 40px #0a191024}.panel-heading,.section-title,.control-label,.button-row,.download-links{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{color:var(--moss);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:27px;font-weight:500}h2{letter-spacing:.01em;margin-bottom:0;font-size:13px;font-weight:600}.live-indicator{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:10px;display:inline-flex}.live-indicator i{background:#4e7a58;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4e7a581f}.panel-intro{color:var(--muted);margin:20px 0 24px;font-size:12px;line-height:1.65}.panel-section{border-top:1px solid var(--line);padding:20px 0}.panel-section.compact{padding:17px 0}.placement-controls{gap:17px;margin-top:22px;transition:opacity .16s;display:grid}.placement-controls.is-disabled{pointer-events:none;opacity:.38}.number-control{gap:8px;display:grid}.control-label{color:var(--muted);font-size:11px}.control-value{color:var(--ink);font-family:DM Mono,monospace}.control-inputs{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:12px;display:grid}input[type=range]{width:100%;height:3px;accent-color:var(--moss);cursor:pointer;margin:0}input[type=number]{border:1px solid var(--line);width:100%;height:32px;color:var(--ink);text-align:center;background:#ffffff61;border-radius:2px;font-family:DM Mono,monospace;font-size:11px}.switch{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.switch input{opacity:0;position:absolute}.switch span{background:#a8ada8;border-radius:18px;width:34px;height:18px;transition:background .16s;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--moss)}.switch input:checked+span:after{transform:translate(16px)}.switch b{min-width:42px;color:var(--muted);font-family:DM Mono,monospace;font-size:10px;font-weight:400}.button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#ffffff4d;border-radius:2px;flex:1;font-size:11px;font-weight:600}.button.primary{border-color:var(--moss);color:#f7f4e9;background:var(--moss)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.5}.status-line{min-height:32px;color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.5}.segmented{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:14px;display:grid}.segmented button{border:0;border-right:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:0 0;font-size:10px}.segmented button:last-child{border-right:0}.segmented button.is-active{color:#f7f4e9;background:var(--moss)}.downloads h2{margin-bottom:13px}.download-links a{color:var(--moss);text-underline-offset:3px;font-family:DM Mono,monospace;font-size:10px}.scene-loader{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12251adb;border:1px solid #fff3;justify-content:space-between;align-items:center;gap:20px;min-width:160px;padding:13px 16px;font-size:11px;display:flex}.scene-loader strong{font-family:DM Mono,monospace;font-size:11px}@media (width<=860px){html,body,#root{overflow:auto}.app-shell{grid-template-rows:minmax(58vh,620px) auto;grid-template-columns:1fr;height:auto;min-height:100%}.control-panel{overflow:visible;box-shadow:0 -14px 40px #0a191024}}@media (width<=520px){.app-shell{grid-template-rows:58vh auto}.control-panel{padding:22px 20px}.viewer-brand{top:18px;left:18px}.compass{bottom:18px;right:18px}.data-source{bottom:18px;left:18px}.navigation-toolbar{bottom:14px}.navigation-toolbar>span{display:none}}