.pbmpm-page{--bg-primary: #031118;--bg-secondary: #071821;--bg-card: #0b212d;--border: #184255;--text-primary: #eefbff;--text-secondary: #a3c8d6;--text-muted: #6f8f9e;--sim-accent: #6fe5ff;--sim-accent-dark: #dcfbff;--sim-stage-bg: radial-gradient(circle at top, #103344 0%, #061018 58%, #03070d 100%);--sim-panel: rgba(9, 29, 40, .9);--sim-line: rgba(111, 229, 255, .2);--sim-text: #eefbff;--sim-muted: #9fc0cd;--sim-button-bg: rgba(8, 24, 34, .92);--sim-button-hover: rgba(55, 139, 166, .92);--sim-button-text: #effcff}body.pbmpm-page{background:radial-gradient(circle at 18% 18%,rgba(89,206,255,.16),transparent 28%),radial-gradient(circle at 82% 8%,rgba(255,133,89,.12),transparent 24%),linear-gradient(180deg,#031118,#071821 58%,#02070d)}.pbmpm-page .hero-bg-text{font-size:min(16vw,11rem);color:color-mix(in srgb,var(--sim-accent) 12%,transparent);letter-spacing:.03em}.pbmpm-page .hero-copy{max-width:760px}.pbmpm-page .viz-card{background:linear-gradient(180deg,#0a1f2bf5,#08121afa)}.pbmpm-page .sim-layout{grid-template-columns:240px minmax(0,1fr) 360px}.pbmpm-page .sim-sidebar-left,.pbmpm-page .sim-sidebar-right{min-width:0}#leftDock,#uiSidebar{position:sticky;top:92px}#dockScenarioList,#dockLanguageButtons,#dockQuickActions,#dockMaterialButtons,#dockPanelTabs,#dockResources{display:grid;gap:8px}#dockScenarioList{max-height:320px;overflow:auto;padding-right:4px}#dockScenarioList button,#dockLanguageButtons button,#dockQuickActions button,#dockMaterialButtons button,#dockPanelTabs button,#dockResources a{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--sim-line);background:var(--sim-button-bg);color:var(--sim-button-text);box-shadow:0 10px 22px #00000038;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}#dockScenarioList button,#dockLanguageButtons button,#dockQuickActions button,#dockMaterialButtons button,#dockPanelTabs button{cursor:pointer;font:inherit;font-weight:700;text-align:left}#dockResources a{display:block;font-size:.9rem;font-weight:700}#dockScenarioList button:hover,#dockLanguageButtons button:hover,#dockQuickActions button:hover,#dockMaterialButtons button:hover,#dockPanelTabs button:hover,#dockResources a:hover,#dockScenarioList button.active,#dockLanguageButtons button.active,#dockQuickActions button.active,#dockMaterialButtons button.active,#dockPanelTabs button.active{transform:translateY(-2px);border-color:var(--sim-accent);background:color-mix(in srgb,var(--sim-accent) 28%,var(--sim-button-bg));color:#fff}#dockFrameButton[hidden],#dockMaterialGroup[hidden]{display:none}#dockStatus{display:grid;gap:10px}#dockStatus strong{margin-bottom:0}.pbmpm-status-grid{display:grid;gap:10px}.pbmpm-status-row{display:grid;gap:2px}.pbmpm-status-label{color:var(--sim-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pbmpm-status-value{color:var(--sim-text);font-size:.9rem;font-weight:700}.pbmpm-stage-app{position:absolute;inset:0}.pbmpm-loading{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(circle at top,rgba(111,229,255,.1),transparent 40%),linear-gradient(180deg,#060f18f5,#040a0ffa);text-align:center}.pbmpm-loading img{width:min(320px,54%)}.pbmpm-loading h1{color:var(--sim-text);font:700 clamp(1.4rem,2vw,1.9rem)/1.2 "Segoe UI","Hiragino Sans",sans-serif}.pbmpm-loading-copy{max-width:520px;margin:4px 24px 0;color:var(--sim-muted);font:500 .95rem/1.7 Segoe UI,Hiragino Sans,sans-serif}#errorText{max-width:560px;margin:8px 20px 0;color:#ff9696;font:600 .95rem/1.6 Segoe UI,Hiragino Sans,sans-serif}.uiPanel{position:relative;width:100%;height:auto;min-height:clamp(620px,68vh,860px);transition:opacity .18s ease}.pbmpm-control-panel{display:grid;gap:12px;height:100%;padding:16px;border-radius:20px;border:1px solid var(--sim-line);background:linear-gradient(180deg,#091d28f0,#07121afa);box-shadow:0 18px 40px #00000047}.pbmpm-panel-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pbmpm-panel-heading strong{display:block;color:var(--sim-accent-dark);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pbmpm-panel-heading p{margin-top:4px;color:var(--sim-muted);font-size:.9rem;line-height:1.5}.pbmpm-toggle-button{min-width:104px;padding:10px 12px;border-radius:12px;border:1px solid var(--sim-line);background:#0e2430e6;color:var(--sim-text);cursor:pointer;font:inherit;font-weight:700}.pbmpm-panel-body{display:grid;gap:12px;min-height:0}#ui.is-hidden .pbmpm-panel-body,#ui.is-hidden .pbmpm-panel-heading p{display:none}.pbmpm-tab-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pbmpm-tab-button{padding:10px 12px;border-radius:12px;border:1px solid var(--sim-line);background:#0d1f2adb;color:var(--sim-muted);cursor:pointer;font:inherit;font-weight:700;transition:background .18s ease,color .18s ease,border-color .18s ease}.pbmpm-tab-button.active{border-color:var(--sim-accent);background:color-mix(in srgb,var(--sim-accent) 18%,rgba(13,31,42,.86));color:var(--sim-text)}.pbmpm-tab-content{display:none;gap:12px;min-height:0;max-height:calc(clamp(620px,68vh,860px) - 132px);padding:14px;border-radius:16px;border:1px solid var(--sim-line);background:#081822bd;overflow:auto}.pbmpm-tab-content.is-active{display:grid}#uiContainer,#shapesList,#performanceTabContent{display:grid;gap:12px}.input{color:var(--sim-text);font:500 .92rem/1.5 Segoe UI,Hiragino Sans,sans-serif}.inputCombo,#newShapeButton{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--sim-line);background:#0d1f2adb;color:var(--sim-text);font:inherit}select.inputCombo,button.inputCombo,input[type=button].inputCombo,#newShapeButton{cursor:pointer}button.inputCombo:hover,input[type=button].inputCombo:hover,#newShapeButton:hover,.pbmpm-toggle-button:hover{border-color:var(--sim-accent)}input[type=range].input{width:100%;accent-color:var(--sim-accent)}input[type=checkbox].input{width:auto;margin-right:8px}output.input{display:block;color:var(--sim-muted)}.shape-card{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(111,229,255,.12);background:#081822b3}.shape-card.is-hovered{border-color:#6fe5ff57;background:#0a1e2ad1}.shape-card.is-selected{border-color:var(--sim-accent);background:#0c2634e6;box-shadow:inset 0 0 0 1px #6fe5ff1f}.shape-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.shape-card-header h4{color:var(--sim-accent-dark);font-size:1rem}.shape-form{display:grid;gap:8px}.shape-form label.input{color:var(--sim-muted);font-size:.86rem}.shape-form br,#uiContainer br{display:none}#performanceTabContent table{width:100%;border-collapse:collapse;font-size:.9rem}#performanceTabContent th,#performanceTabContent td{padding:8px 0;border-bottom:1px solid rgba(111,229,255,.12);text-align:left}#performanceTabContent th{color:var(--sim-accent-dark);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}#performanceTabContent td{color:var(--sim-text)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border-radius:999px;background:#6fe5ff47}::-webkit-scrollbar-thumb:hover{background:#6fe5ff75}@media(max-width:1220px){.pbmpm-page .sim-layout{grid-template-columns:220px minmax(0,1fr) 330px}}@media(max-width:1120px){.pbmpm-page .sim-layout{grid-template-columns:220px minmax(0,1fr)}#uiSidebar{top:0;position:relative}}@media(max-width:820px){#leftDock,#uiSidebar{position:relative;top:0}.uiPanel{min-height:0}.pbmpm-tab-content{max-height:none}}