*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#111827;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}.app-shell{grid-template-columns:420px 1fr;gap:14px;width:100vw;height:100vh;padding:14px;display:grid}.panel{flex-direction:column;gap:12px;height:calc(100vh - 28px);padding-right:2px;display:flex;overflow:auto}.panel::-webkit-scrollbar{width:7px}.panel::-webkit-scrollbar-thumb{background:#11182729;border-radius:999px}.brand-block{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc7;border:1px solid #ffffffc7;border-radius:24px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 16px 45px #0f172a14}.brand-icon{color:#fff;background:#101827;border-radius:16px;place-items:center;width:44px;height:44px;display:grid}h1{letter-spacing:-.03em;margin:0;font-size:18px}p{margin:0}.brand-block p{color:#64748b;margin-top:2px;font-size:13px}.card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffd1;border:1px solid #ffffffd9;border-radius:24px;padding:16px;box-shadow:0 16px 45px #0f172a14}.card.compact{padding:14px 16px}.section-title{color:#334155;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:720;display:flex}.url-row{grid-template-columns:1fr auto;gap:8px;display:grid}.url-row input{background:#f8fafcf2;border:1px solid #d8dee9;border-radius:14px;outline:none;width:100%;padding:10px 12px}button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:14px;align-items:center;gap:6px;padding:10px 12px;font-weight:700;display:inline-flex}button.secondary{color:#0f172a;background:#e2e8f0}.status{color:#334155;background:#e2e8f0;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:750;display:inline-flex}.status.connected{color:#047857;background:#d1fae5}.status.muted{color:#475569;background:#eef2ff;margin-left:6px}.status.connecting{color:#92400e;background:#fef3c7}.status.error{color:#b91c1c;background:#fee2e2}.error{color:#b91c1c;margin-top:8px;font-size:12px;line-height:1.4}.slider-row{border-top:1px solid #0f172a0f;padding:8px 0;display:block}.slider-row:first-of-type{border-top:none}.slider-row>div{color:#475569;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.slider-row strong{color:#0f172a;font-size:12px}.slider-row input{accent-color:#111827;width:100%}.readout-row{color:#475569;border-top:1px solid #0f172a0f;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;display:flex}.readout-row:first-of-type{border-top:none}.readout-row code{color:#111827;white-space:nowrap;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.contacts .empty{color:#64748b;font-size:13px}.contact-chip{color:#1d4ed8;background:#eff6ff;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;font-size:12px;display:flex}.contact-chip strong{color:#1e3a8a}.viewport{background:#eef2f7;border-radius:30px;height:calc(100vh - 28px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffe6,0 22px 70px #0f172a1f}.viewport canvas{width:100%!important;height:100%!important}.hint{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#475569;background:#ffffffc2;border-radius:16px;padding:10px 13px;font-size:12px;position:absolute;top:18px;left:18px;box-shadow:0 12px 35px #0f172a14}.hint strong{color:#111827}@media (width<=980px){.app-shell{grid-template-rows:48vh 1fr;grid-template-columns:1fr;overflow:auto}.panel{order:2;height:auto;overflow:visible}.viewport{order:1;height:48vh}body{overflow:auto}}.check-row{color:#475569;border-top:1px solid #0f172a0f;align-items:center;gap:8px;padding:9px 0;font-size:12px;display:flex}.check-row input{accent-color:#111827}.inline-input{color:#111827;background:#f8fafcf2;border:1px solid #d8dee9;border-radius:10px;min-width:190px;max-width:230px;padding:6px 8px;font-size:12px}.object-editor{border-top:1px solid #0f172a0f;padding:9px 0}.object-editor:first-of-type{border-top:none}.object-editor>strong{color:#0f172a;margin-bottom:7px;font-size:12px;display:block}.object-editor-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.object-number-field{color:#64748b;align-items:center;gap:5px;font-size:11px;display:flex}.object-number-field input{color:#111827;background:#f8fafcf2;border:1px solid #d8dee9;border-radius:9px;width:100%;min-width:0;padding:5px 6px;font-size:12px}.scene-reset{justify-content:center;width:100%;margin-top:10px}.small-note{color:#64748b;margin-top:8px;font-size:12px;line-height:1.35}.scene-reset{margin-top:10px}