:root{color-scheme:dark;--bg:#151c1b;--panel:#1b2321;--line:#303c37;--muted:#93a299;--green:#b1dfbd;--text:#e9ede6}*{box-sizing:border-box}body{margin:0;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--text);background:var(--bg);height:100vh;overflow:hidden}button,input,select{font:inherit}button{border:1px solid var(--line);background:#26302c;color:var(--text);padding:8px 12px;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .15s}button:hover{background:#3b4b41;border-color:#57705e}button:disabled{opacity:.4;cursor:default}.primary{background:var(--green);color:#172b1d;border-color:var(--green);font-weight:650}.primary:hover{background:#caebce}.spacer{flex:1}header{height:70px;display:flex;align-items:center;gap:14px;padding:0 22px;border-bottom:1px solid var(--line);background:#121917}header strong{font-size:13px;font-weight:600;letter-spacing:1.2px}.header-caption{font-size:10px;color:var(--muted);margin-left:14px;letter-spacing:1.4px}.wordmark{font-size:31px;letter-spacing:-1.6px;font-weight:300;color:#e5eee7;text-decoration:none}.wordmark span{color:#96c8aa}.divider{width:1px;height:27px;background:var(--line);margin:0 5px}.status-dot{width:6px;height:6px;background:#9dd2ac;border-radius:50%}#status{font-size:11px;color:var(--muted);margin-right:10px}main{height:calc(100vh - 70px);display:grid;grid-template-columns:238px minmax(300px,1fr) 274px}aside{background:var(--panel);display:flex;flex-direction:column;overflow:auto}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}.panel-title{height:58px;padding:19px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.panel-title small{color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0}#search{background:#131b18;border:1px solid #344239;border-radius:5px;padding:10px;margin:0 14px 9px;width:calc(100% - 28px);color:var(--text);outline:none}#search:focus{border-color:#82ae8f}.check{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;padding:4px 15px 11px}.check input{accent-color:var(--green)}#tree{overflow:auto;flex:1;padding:3px 8px 16px;min-height:80px}.tree-row{width:100%;background:none;border:0;padding:9px 8px;text-align:left;display:flex;align-items:center;gap:9px;font-size:12px;color:#c5d0c7;border-radius:4px;white-space:normal}.tree-row:hover{background:#29372e}.tree-row.active{background:#344c3a;color:#d3f2d9}.tree-row.hidden{opacity:.42}.tree-icon{font-size:13px;width:15px;flex-shrink:0;color:#7e9d87}.tree-label{flex:1}.tree-name{font-size:9px;opacity:.6;display:block;word-break:break-all}.part-row{padding:6px 8px 6px 20px;font-size:10px}.left-footer,.right-footer{padding:18px;border-top:1px solid var(--line)}.left-footer p{font-size:11px;color:var(--muted);line-height:1.8;margin:8px 0 12px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.left-footer button{font-size:10px;background:none;padding:5px 9px}#stage{position:relative;overflow:hidden;background:#b2b3b0}#stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;outline:none}.stage-heading{position:absolute;z-index:2;top:25px;left:29px;pointer-events:none}.stage-heading .eyebrow{color:#4e5c56}.stage-heading h1{font-size:24px;letter-spacing:4px;font-weight:350;color:#26372c;margin:6px 0}.stage-heading h1 span{display:block;font-size:10px;letter-spacing:1.6px;color:#5a685e;margin-top:5px}.view-switch{position:absolute;right:22px;top:28px;z-index:2;display:flex;padding:3px;border:1px solid #ffffff50;border-radius:6px;background:#e5e8df8c;backdrop-filter:blur(12px)}.view-switch button{color:#546052;border:0;background:none;font-size:11px;padding:6px 11px}.view-switch button.active{background:#25382c;color:#edf4e8}.toolbar{z-index:2;position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:5px;background:#19231fea;border:1px solid #4b5f50;border-radius:8px;box-shadow:0 8px 30px #0002;backdrop-filter:blur(10px)}.toolbar button{border:0;background:none;padding:8px 10px;font-size:11px}.toolbar button.active{background:#435d49;color:#ceebd2}.toolbar i{width:1px;background:#405045;margin:6px}.stage-bottom{z-index:2;position:absolute;bottom:17px;left:25px;right:25px;display:flex;justify-content:space-between;gap:12px;color:#465449;font-size:9px;letter-spacing:.3px;pointer-events:none}.stage-bottom span:last-child{font-family:monospace}.empty-icon{font-size:38px;color:#759a81;margin-top:40px}#empty{text-align:center;padding:0 23px}#empty h3{font-size:13px;font-weight:500;margin:13px 0 7px}#empty p{font-size:11px;color:var(--muted);line-height:1.9}.note{font-size:10px;color:#97ad9b;line-height:1.8;border:1px solid var(--line);padding:12px;margin-top:29px;text-align:left;border-radius:4px}#inspector{padding:0 17px 20px;flex:1}#inspector h2{font-size:16px;font-weight:500;margin:0 0 5px}#selected-id{font-size:9px;color:#92a799;display:block;word-break:break-all}.action-row{display:flex;gap:5px;margin:15px 0}.action-row button{flex:1;font-size:10px;padding:6px 5px}.property-section{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.property-section h4{font-size:11px;font-weight:500;margin:0 0 14px;display:flex;justify-content:space-between}.property-section h4 small{font-size:9px;color:var(--muted);font-weight:400}.field-label{color:#b9c6ba;font-size:10px;margin:11px 0 5px;display:flex;justify-content:space-between}.field-label span{color:#778b7b;font-size:9px}.triplet{display:flex;gap:5px}.triplet label{flex:1;display:flex;align-items:center;gap:4px;padding:4px 5px;background:#111c16;border:1px solid #34453a;border-radius:4px;color:#7c9985;font-size:9px}.triplet input{background:none;border:0;outline:none;color:#d0e3d3;min-width:0;width:100%;font:11px monospace;padding:4px 0}.dim{font-size:10px;color:#9aaf9f;margin:10px 0}select{width:100%;background:#121e17;border:1px solid #3a4e40;border-radius:4px;color:#bdd2c3;font-size:10px;padding:8px}.material-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:14px 0}.material-row input{width:40px;height:24px;padding:0;background:none;border:1px solid #4e6053;border-radius:3px}.range-row{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px;margin:14px 0;color:#b0c2b4}.range-row input{grid-column:span 2;width:100%;height:3px;accent-color:#a6d4ae;margin:5px 0}.range-row output{font:10px monospace;color:#90ad98}.subtle{color:#7e9585;font-size:9px;line-height:1.75}.property-section .check{padding:9px 0 0}.full{width:100%;margin-top:10px;font-size:10px;background:none}.right-footer{margin-top:auto}.footer-actions{display:flex;gap:7px}.footer-actions button{flex:1;font-size:10px;padding:7px}#loading{z-index:5;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#babeb7;color:#334536}#loading small{color:#6b7b6c;font-size:10px}.loader{width:34px;height:34px;border:1px solid #708b7733;border-top:2px solid #486b53;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:#d7edd8;color:#213d29;border:1px solid #b6d1ba;padding:10px 22px;z-index:20;border-radius:6px;font-size:12px;transition:transform .2s;box-shadow:0 4px 20px #0002}#toast.show{transform:translateX(-50%) translateY(0)}dialog{max-width:min(1100px,90vw);width:90vw;border:1px solid #47614d;border-radius:8px;padding:18px;background:#1c2920;color:#d9e5db}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog img{width:100%;display:block;margin-top:15px}.dialog-bar{display:flex;justify-content:space-between;align-items:center}dialog p{font-size:11px;color:var(--muted)}@media(max-width:1100px){main{grid-template-columns:195px minmax(280px,1fr) 236px}.header-caption{display:none}.toolbar button{padding:8px 7px}.stage-heading{left:20px;top:78px}.stage-heading h1{font-size:20px}.stage-bottom span:first-child{display:none}}@media(max-width:800px){header{height:58px;padding:0 12px;gap:8px}header strong{font-size:11px}#status,.status-dot,.divider{display:none}header button{font-size:10px;padding:7px 8px}.wordmark{font-size:25px}main{height:calc(100vh - 58px);grid-template-columns:165px minmax(260px,1fr)}.right{display:none}.toolbar{bottom:42px}.toolbar button{font-size:10px}.stage-heading h1{font-size:18px}.view-switch{right:12px;top:17px}.stage-bottom{left:15px;font-size:8px}}