:root{color:#f3f5f1;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;--surface:#0d1112;--surface-raised:#14191a;--surface-header:#1b1b23;--line:#2d3636;--line-strong:#465251;--text:#f3f5f1;--muted:#a7b1ae;--quiet:#717c79;--green:#58e28e;--green-dark:#173c28;--amber:#f4c95d;--red:#ef6a62;background:#080a0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{background:#080a0c;min-width:320px}body{background:#080a0c;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input[type=checkbox]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--surface);border-inline:1px solid #151b1c;width:min(100%,1540px);min-height:100vh;margin:0 auto}.app-header{background:var(--surface-header);border-bottom:1px solid #32323c;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:12px 20px;display:flex}.brand-lockup{align-items:center;gap:18px;min-width:0;display:flex}.brand-lockup img{width:142px;height:auto;display:block}.brand-lockup div{border-left:1px solid #43434d;gap:3px;min-width:0;padding-left:18px;display:grid}.brand-lockup span,.panel-kicker,.select-control>span,.status-bar,.node-meta,.scene-label{text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.brand-lockup span{color:#9fa0aa;font-size:10px}.brand-lockup strong{overflow-wrap:anywhere;font-size:16px;font-weight:680}.engine-status{min-height:32px;color:var(--muted);background:#101516;border:1px solid #3f4b48;border-radius:4px;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:12px;display:inline-flex}.engine-status--ready{color:#8af0ae;border-color:#286442}.engine-status--error{color:#ff9f96;border-color:#74413d}.control-bar{border-bottom:1px solid var(--line);background:#101415;align-items:center;gap:12px;min-height:62px;padding:10px 16px;display:flex}.segment-control{border:1px solid var(--line-strong);border-radius:5px;grid-template-columns:repeat(2,minmax(96px,1fr));height:40px;display:inline-grid;overflow:hidden}.segment-control button{border:0;border-right:1px solid var(--line-strong);min-width:0;color:var(--muted);background:#0d1112;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.segment-control button:last-child{border-right:0}.segment-control button.is-active{color:#08110b;background:var(--green)}.search-control{border:1px solid var(--line);min-width:190px;max-width:330px;height:40px;color:var(--quiet);background:#090c0d;border-radius:5px;flex:260px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-control:focus-within{border-color:#4e6c5b}.search-control input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.search-control input::placeholder{color:#69736f}.select-control{border:1px solid var(--line);background:#090c0d;border-radius:5px;align-items:center;min-width:170px;height:40px;padding-left:11px;display:flex}.select-control>span{color:var(--quiet);font-size:9px}.select-control select{min-width:0;height:38px;color:var(--text);background:#090c0d;border:0;outline:0;flex:1;padding:0 28px 0 10px;font-size:12px}.toggle-control{border:1px solid var(--line);min-height:40px;color:var(--muted);white-space:nowrap;background:#0d1112;border-radius:5px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.toggle-control.is-disabled{opacity:.48}.toggle-control input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#1c2322;border:1px solid #45504d;border-radius:10px;width:32px;height:18px;padding:2px}.toggle-track span{background:#82908b;border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s;display:block}.toggle-control input:checked+.toggle-track{background:var(--green-dark);border-color:#2c8a53}.toggle-control input:checked+.toggle-track span{background:var(--green);transform:translate(14px)}.toggle-control input:focus-visible+.toggle-track{outline:2px solid var(--green);outline-offset:2px}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);background:#0d1112;border-radius:5px;flex:0 0 40px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--text);border-color:var(--line-strong);background:#171d1d}.workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;min-width:0;display:grid}.canvas-shell{border-right:1px solid var(--line);background:#090c0d;min-width:0;min-height:640px;overflow:hidden}.culture-canvas{background-color:#090c0d;background-image:linear-gradient(#70867e0b 1px,#0000 1px),linear-gradient(90deg,#70867e0b 1px,#0000 1px);background-size:32px 32px;width:100%;min-height:100%;position:relative;overflow:hidden}.culture-canvas:before{content:"";pointer-events:none;border:1px solid #6e837b21;position:absolute;inset:16px}.connection-layer{pointer-events:none;position:absolute;inset:0}.connection-layer line{stroke:#789187;stroke-width:1px;stroke-opacity:.28;stroke-dasharray:3 6}.scene-label{z-index:2;color:#7e8f89;font-size:10px;font-weight:700;position:absolute}.scene-label:after{content:"";background:#36413e;width:34px;height:1px;margin:0 0 3px 9px;display:inline-block}.node-position{width:116px;transition:left var(--transition-ms) cubic-bezier(.18, .78, .22, 1), top var(--transition-ms) cubic-bezier(.18, .78, .22, 1);justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.culture-node{width:var(--node-size);height:var(--node-size);flex:0 0 var(--node-size);border:2px solid color-mix(in srgb, var(--node-color) 76%, white 24%);color:#07100c;background:var(--node-color);border-radius:50%;place-items:center;padding:0;transition:transform .15s,box-shadow .15s,filter .15s;display:grid;position:relative;box-shadow:0 0 0 4px #050808d1,0 6px 18px #00000052}.node-position--group .culture-node{border-radius:7px}.node-position--home .culture-node{box-shadow:0 0 0 5px #050808e0, 0 0 0 7px color-mix(in srgb, var(--node-color) 45%, transparent), 0 8px 24px #00000061;border-width:3px}.culture-node:hover,.culture-node.is-selected{z-index:4;filter:brightness(1.13);transform:translateY(-3px)scale(1.06);box-shadow:0 0 0 4px #070a0b,0 0 0 7px #f3f5f1b3,0 10px 26px #0006}.node-face{place-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:800;display:grid}.node-badge,.status-dot{z-index:2;border:2px solid #090c0d;border-radius:50%;place-items:center;display:grid;position:absolute}.node-badge{color:#08110b;width:20px;height:20px}.node-badge--home{background:var(--amber);top:-3px;left:-6px}.node-badge--live{color:#fff;background:var(--red);top:-3px;right:-6px}.status-dot{width:12px;height:12px;bottom:1px;right:-2px}.status-dot--active{background:var(--green)}.status-dot--new{background:var(--amber)}.status-dot--quiet{background:#7d8885}.node-name{color:#e3e8e5;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:112px;margin-top:8px;font-size:11px;font-weight:650;line-height:1.2;overflow:hidden}.node-meta{color:#85918d;margin-top:3px;font-size:8px}.engine-message{z-index:20;color:var(--muted);background:#101516;border:1px solid #3d4945;border-radius:5px;padding:10px 12px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.engine-message--error{color:#ffb0a9;border-color:#74413d}.inspector-panel{background:var(--surface-raised);min-width:0;padding:24px 20px}.panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:20px;display:flex}.panel-heading>div{min-width:0}.panel-icon{color:#08100c;border:2px solid #ffffff94;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.panel-kicker{color:var(--green);margin:0 0 5px;font-size:9px;font-weight:700}.inspector-panel h2{overflow-wrap:anywhere;margin:0;font-size:19px;line-height:1.16}.panel-muted{color:var(--muted);margin:5px 0 0;font-size:12px}.detail-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0;display:grid}.detail-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:72px;padding:12px}.detail-grid dt{color:var(--quiet);align-items:center;gap:5px;font-size:10px;display:flex}.detail-grid dd{color:var(--text);margin:7px 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:16px;font-weight:700}.capitalize{text-transform:capitalize}.activity-meter{background:#252c2b;height:5px;margin:-7px 0 20px;overflow:hidden}.activity-meter span{height:100%;display:block}.primary-command{color:#07110a;background:var(--green);border:1px solid #37a762;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;padding:9px 12px;font-size:12px;font-weight:750;display:inline-flex}.primary-command:hover:not(:disabled){background:#78efa3}.primary-command:disabled{color:#8b9893;background:#202725;border-color:#35413d}.member-list{border-top:1px solid var(--line);margin-top:22px}.member-row{border-bottom:1px solid var(--line);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;display:grid}.member-swatch{border-radius:2px;width:8px;height:28px}.member-row strong,.member-row small{display:block}.member-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.member-row small{color:var(--quiet);margin-top:3px;font-size:9px}.member-status{color:var(--quiet);text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:8px}.member-status--broadcasting{color:#ff9188}.member-status--new{color:var(--amber)}.member-status--active{color:var(--green)}.status-bar{border-top:1px solid var(--line);color:#76827e;background:#0a0d0e;align-items:center;gap:18px;min-height:34px;padding:0 16px;font-size:9px;display:flex}.status-bar span+span:before{content:"/";color:#3e4946;margin-right:18px}@media (width<=980px){.control-bar{flex-wrap:wrap}.search-control{flex-basis:100%;order:5;max-width:none}.workspace{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=760px){.app-shell{border:0}.app-header{min-height:62px;padding:10px 14px}.brand-lockup img{width:122px}.brand-lockup div{display:none}.engine-status{font-size:10px}.control-bar{gap:8px;padding:10px}.segment-control{flex:210px}.select-control{flex:160px}.toggle-control{flex:180px;justify-content:space-between}.workspace{display:block}.canvas-shell{border-right:0;border-bottom:1px solid var(--line);min-height:560px}.inspector-panel{min-height:350px}}@media (width<=480px){.app-header{gap:10px}.brand-lockup img{width:108px}.engine-status{padding:0 8px}.segment-control{flex-basis:100%;width:100%}.select-control,.toggle-control{flex-basis:calc(100% - 48px);min-width:0}.toggle-control,.icon-button{order:4}.search-control{order:5}.node-position{width:86px}.node-name{width:84px;font-size:9px}.node-meta{font-size:7px}.culture-canvas:before{inset:8px}.inspector-panel{padding:22px 16px}.status-bar{gap:9px;padding:0 10px;font-size:8px}.status-bar span+span:before{margin-right:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}