.pc12-observer{color:#e9eff6;font:13px/1.6 var(--font-sans,Segoe UI,sans-serif);background:#0d1623;border:1px solid #243e4c;border-radius:3px;margin:24px 0;overflow:hidden}.pc12-observer header,.pc12-controls,.pc12-data,.pc12-fixture{flex-wrap:wrap;align-items:center;gap:12px 24px;padding:14px 20px;display:flex}.pc12-observer header{letter-spacing:.07em;border-bottom:1px solid #243e4c;justify-content:space-between}.pc12-observer header strong{color:#a6d9d1;font-size:11px}.pc12-field{height:430px;position:relative}.pc12-field canvas{width:100%;height:100%;display:block}.pc12-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.pc12-empty strong{letter-spacing:.1em;color:#b1c7ca;font:15px/1.5 Consolas,monospace}.pc12-empty p{color:#8ca1ac;max-width:450px}.pc12-data{border-top:1px solid #243e4c;font-family:Consolas,monospace;font-size:11px}.pc12-data b{color:#d4e6e8;overflow-wrap:anywhere;font-weight:400}.pc12-observer select{color:#e9eff6;background:#142634;border:1px solid #4a626d;max-width:100%;padding:6px}.pc12-observer footer,.pc12-legend{color:#a4b5bf;margin:0;padding:12px 20px;font-size:12px}.pc12-observer footer{border-top:1px solid #243e4c}.pc12-controls label{align-items:center;gap:8px;display:flex}.pc12-fixture{color:#e5bd75;background:#23313a}.pc12-live-stage{padding:0 3vw}.pc12-chapter{border-bottom:1px solid #c9c7b8;grid-template-columns:1fr 1fr;gap:7vw;padding:75px 6vw;display:grid}.pc12-chapter h2,.pc12-faq h2{max-width:650px;font-size:clamp(24px,3vw,43px);font-weight:400;line-height:1.35}.pc12-chapter p{max-width:680px;line-height:1.95}.pc12-chapter .section-label{letter-spacing:.13em;font-size:11px}.pc12-chapter details,.pc12-faq details{border-bottom:1px solid #d0cebf;padding:16px 0}.pc12-narrative summary{cursor:pointer;line-height:1.6}.pc12-faq{max-width:1100px;margin:auto;padding:75px 6vw}.pc12-faq p{max-width:900px;line-height:1.9}.pc12-chapter .primary-action{margin-top:24px;display:inline-block}.pc12-alert{color:#f0c88b;border-left:3px solid #f0c88b;padding:12px 20px}.pc12-chapter .section-label{letter-spacing:0;font-family:var(--font-body),var(--font-cn-sans);font-size:12px}.pc12-chapter{border-color:var(--line);padding:62px 3vw}.pc12-chapter h2,.pc12-faq h2{font-family:var(--font-body),var(--font-cn-sans);font-weight:500}.pc12-faq summary{min-height:44px}.pc12-chapter p{font-size:16px}.pc12-observer select,.pc12-observer input{min-height:44px}.pc12-observer :focus-visible{outline-offset:3px;outline:2px solid #a6d9d1}.pc12-observer{font-family:var(--font-body),var(--font-cn-sans)}@supports (content-visibility:auto){.pc12-chapter,.pc12-faq{content-visibility:auto;contain-intrinsic-size:auto 360px}}@media (max-width:600px){.pc12-chapter{grid-template-columns:1fr;gap:16px;padding:44px 6vw}.pc12-field{height:330px}.pc12-observer header,.pc12-data,.pc12-controls{gap:10px;padding:12px}.pc12-live-stage{padding:0 4vw}.pc12-faq{padding:44px 6vw}.pc12-observer header span{font-size:10px}.pc12-empty strong{font-size:12px}.pc12-data{grid-template-columns:1fr 1fr;display:grid}.pc12-data span:last-child{grid-column:1/-1}}.particle-first{--pf-stage:#102c32;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--pf-stage);border:0;border-radius:8px;margin:0;box-shadow:0 20px 60px #102c321a}.particle-first header{font-family:var(--font-body),var(--font-cn-sans);letter-spacing:0;color:#d9eee9;padding:16px 24px}.particle-first header strong{font-family:var(--font-data);color:#bad7d3;letter-spacing:0;overflow-wrap:anywhere;max-width:65%;font-size:10px}.particle-first .pc12-field{height:460px}.particle-first .pc12-field canvas{touch-action:none}.particle-first .pc12-empty strong{font-family:var(--font-cn-sans),var(--font-body);letter-spacing:0;color:#d9eee9;font-size:clamp(24px,3vw,44px);font-weight:500}.particle-first .pc12-empty p{color:#bed1d4;max-width:34em}.particle-first .pc12-empty span{color:#d9a575;font-family:var(--font-data);font-size:11px}.particle-scene-note{pointer-events:none;color:#dfc9ad;background:#102c32e6;border-radius:3px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:20px}.particle-toolbar,.particle-tools{border-top:1px solid #3b5358;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex}.particle-toolbar{justify-content:space-between}.particle-presets{flex-wrap:wrap;gap:5px;display:flex}.particle-first button{color:#d9eee9;cursor:pointer;background:#193e45;border:1px solid #6c858a;border-radius:4px;min-height:44px;padding:9px 12px}.particle-first button[aria-pressed=true]{color:#102c32;background:#d9eee9;border-color:#d9eee9}.particle-first button:hover{border-color:#d9eee9}.particle-first button:disabled{opacity:.45;cursor:default}.particle-first select{background:#193e45;border-color:#6c858a;border-radius:4px}.particle-first label{font-size:12px}.particle-tools{gap:6px}.particle-tools button{background:0 0;font-size:12px}.particle-first .pc12-data{color:#a6bfc3;gap:12px 25px;font-size:11px}.particle-selection{font-family:var(--font-data);overflow-wrap:anywhere;border-left:3px solid #d9a575;padding:12px 20px;display:block}.particle-method{color:#bed1d4;border-top:1px solid #3b5358;margin:0;padding:14px 20px;font-size:12px}.particle-method summary{cursor:pointer;align-items:center;min-height:32px;display:flex}.particle-method p{max-width:75ch;line-height:1.8}.particle-first .pc12-fixture{color:#f0d5ae;background:#314342;font-size:12px}.particle-first.compact .pc12-field{height:390px}.particle-first:-webkit-full-screen{flex-direction:column;display:flex;overflow:auto}.particle-first:fullscreen{flex-direction:column;display:flex;overflow:auto}.particle-first:-webkit-full-screen .pc12-field{height:62vh}.particle-first:fullscreen .pc12-field{height:62vh}.particle-first .pc12-data b{font-variant-numeric:tabular-nums}.particle-first :is(button,select,summary,canvas):focus-visible{outline-offset:3px;outline:3px solid #e8bd87}.particle-first button{touch-action:manipulation}.particle-first:-webkit-full-screen{overscroll-behavior:contain}.particle-first:fullscreen{overscroll-behavior:contain}.particle-first h2{text-wrap:balance}.particle-legend{color:#bed1d4;border-top:1px solid #3b5358;padding:10px 20px;font-size:12px;line-height:1.6}@media (max-width:600px){.particle-first .pc12-field,.particle-first.compact .pc12-field{height:300px}.particle-toolbar,.particle-tools{padding:10px}.particle-first header{padding:12px}.particle-first header span{font-size:14px}.particle-first header strong{font-size:9px}.particle-first .pc12-data{grid-template-columns:1fr 1fr;gap:10px}.particle-first button{padding:9px;font-size:11px}.particle-presets{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.particle-method{padding:12px}.particle-scene-note{font-size:10px;left:8px}}html .particle-first.particle-visual-v3 .observe-primary{border-bottom:1px solid #53606a;justify-content:space-between;align-items:center;gap:20px;padding:16px max(24px,50vw - 640px);display:flex}.observe-modes{gap:8px;min-width:0;display:flex}.observe-modes button{align-items:baseline;gap:16px;min-height:52px;display:flex}.observe-modes strong{font-weight:600}.observe-modes span{opacity:.8;font-size:12px}.observe-quick-tools{gap:8px;display:flex}.observe-source-strip{color:#c5ccd2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 24px;padding:10px max(24px,50vw - 640px);font-size:12px;display:flex}.observe-playback-status,.observe-interaction-tools{color:#d4dfe5;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px max(24px,50vw - 640px);font-size:12px;display:flex}.observe-playback-status{font-variant-numeric:tabular-nums;background:#2b353e;border-left:3px solid #e8ba83}.observe-playback-status strong{color:#e8ba83}.observe-playback-status span:last-child{color:#b5c2cb;flex-basis:100%}.observe-interaction-tools button{min-height:44px}.observe-interaction-tools span:last-child{color:#b5c2cb}.observe-quick-tools button[aria-pressed=true]{color:#f4deaa;border-color:#e8ba83}.observe-acceptance-details{color:#b5c2cb;padding:4px max(24px,50vw - 640px);font-size:11px}.observe-acceptance-details summary{cursor:pointer;min-height:24px}.observe-acceptance-details .observe-source-strip{padding:8px 0}html .particle-first.particle-visual-v3 .pc12-field,html .particle-first.particle-visual-v3.compact .pc12-field{aspect-ratio:auto;width:100%;height:clamp(440px,67dvh,850px);max-height:none;position:relative}.observe-source-badge{top:12px;left:max(16px,env(safe-area-inset-left));color:#e8ba83;pointer-events:none;background:#242b32ed;border-left:2px solid #e8ba83;max-width:calc(100% - 32px);padding:6px 10px;font-size:12px;position:absolute}html .particle-first .particle-scene-note{background:#242b32ed;max-width:calc(100% - 32px);bottom:12px}.observe-mode-explanation{color:#d4dfe5;border-top:1px solid #53606a;margin:0;padding:12px max(24px,50vw - 640px);font-size:14px}.observe-height-controls{flex-wrap:wrap;align-items:center;gap:10px;padding:8px max(24px,50vw - 640px) 16px;display:flex}.observe-display-options{flex-direction:column;gap:12px;display:flex}.observe-display-options label{align-items:center;gap:10px;min-height:44px;display:flex}.observe-display-options input{accent-color:#83d6cc;width:20px;min-height:20px}.observe-primary :is(button,strong,span){white-space:nowrap}.observe-modes button:focus-visible{outline-offset:3px;outline:3px solid #e8ba83}html .particle-first.particle-visual-v3:-webkit-full-screen .pc12-field{flex:1;height:65dvh;min-height:50dvh}html .particle-first.particle-visual-v3:fullscreen .pc12-field{flex:1;height:65dvh;min-height:50dvh}@media (max-width:1000px){.observe-modes button{flex-direction:column;align-items:flex-start;gap:2px}.observe-modes,.observe-modes button{flex:1}.observe-quick-tools{flex-direction:column}}@media (max-width:600px){html .particle-first.particle-visual-v3 .observe-primary{padding:12px 16px;display:block}.observe-modes{grid-template-columns:1fr 1fr 1.25fr;gap:6px;display:grid}.observe-modes button{padding:9px 7px;font-size:13px}.observe-modes span{font-size:11px}.observe-quick-tools{flex-flow:wrap;justify-content:flex-end;margin-top:8px}.observe-quick-tools button{min-height:44px;padding:7px 12px;font-size:12px}.observe-playback-status,.observe-interaction-tools{gap:7px 12px;padding:10px 16px}.observe-source-strip{gap:5px 14px;padding:8px 16px;font-size:11px}.observe-mode-explanation{padding:12px 16px;font-size:13px}.observe-height-controls{padding:8px 16px 16px}html .particle-first.particle-visual-v3 .pc12-field,html .particle-first.particle-visual-v3.compact .pc12-field{height:clamp(380px,55dvh,550px);min-height:380px;max-height:none}.observe-source-badge{font-size:11px}.observe-display-options{gap:6px}}