:root{--color-primary:rgba(0,255,120,0.9);--color-primary-dim:rgba(0,255,120,0.6);--color-primary-light:rgba(0,255,120,0.4);--color-primary-faint:rgba(0,255,120,0.22);--color-primary-very-faint:rgba(0,255,120,0.15);--color-primary-minimal:rgba(0,255,120,0.06);--color-background:rgba(0,0,0,1);--color-background-overlay:rgba(0,0,0,0.85);--color-background-semi:rgba(0,0,0,0.6);--color-background-light:rgba(0,0,0,0.4);--color-surface:rgba(0,10,6,0.55);--color-surface-light:rgba(0,12,6,0.85);--color-surface-dark:rgba(0,20,10,0.3);--color-text-primary:rgba(170,255,210,0.92);--color-text-secondary:rgba(170,255,210,0.7);--color-text-tertiary:rgba(170,255,210,0.6);--color-text-muted:rgba(170,255,210,0.5);--color-border:rgba(0,255,120,0.24);--color-border-light:rgba(0,255,120,0.22);--color-border-faint:rgba(0,255,120,0.15);--color-border-strong:rgba(0,255,120,0.3);--color-border-very-strong:rgba(0,255,120,0.4);--color-error:rgba(255,50,50,0.9);--color-error-bg:rgba(255,50,50,0.1);--color-error-border:rgba(255,50,50,0.4);--color-warning:rgba(255,200,50,0.9);--color-warning-bg:rgba(255,200,50,0.1);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:20px;--spacing-xl:32px;--spacing-xxl:40px;--font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:9px;--font-size-sm:10px;--font-size-md:12px;--font-size-lg:14px;--font-size-xl:18px;--font-size-xxl:24px;--letter-spacing-tight:0.05em;--letter-spacing-normal:0.08em;--letter-spacing-wide:0.1em;--letter-spacing-extra-wide:0.12em;--shadow-glow-primary:0 0 8px rgba(0,255,120,0.3);--shadow-glow-primary-small:0 0 4px rgba(0,255,120,0.3);--shadow-glow-primary-faint:0 0 4px rgba(0,255,120,0.2);--shadow-box:0 1px 3px rgba(0,0,0,0.5);--focus-outline:2px solid var(--color-primary);--focus-outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[role=button]:focus-visible,[role=tab]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.designSystemRoot{min-height:100vh;background:radial-gradient(1200px 600px at 60% 30%,rgba(0,80,40,.22),var(--color-background) 60%);color:var(--color-text-primary);font-family:var(--font-family);display:flex;position:relative;padding-top:56px}.designSystemRoot~.menu,body:has(.designSystemRoot) .menu{display:none}.hudStatusStrip{position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-background-overlay);background:linear-gradient(to bottom,var(--color-surface-dark),var(--color-background));border-bottom:1px solid var(--color-border-faint);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:1000;box-shadow:var(--shadow-box)}.hudStatusStripLeft{display:flex;align-items:center;gap:var(--spacing-md)}.hudStatusLabelContainer{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.hudStatusLabel{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-primary);text-shadow:var(--shadow-glow-primary);line-height:1.2}.hudVersionLabel{color:var(--color-primary-dim);text-shadow:var(--shadow-glow-primary-faint)}.hudLinkStatusRow,.hudVersionLabel{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-tight);line-height:1}.hudLinkStatusRow{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);margin-top:1px}.hudLinkLabel{color:var(--color-text-tertiary)}.hudStatusValue{color:var(--color-primary);text-shadow:var(--shadow-glow-primary-small)}.hudSignalIndicator{display:flex;align-items:center;gap:3px;margin-left:4px}.hudSignalBar{width:3px;height:var(--spacing-sm);background:var(--color-primary-dim);box-shadow:var(--shadow-glow-primary-small);animation:signalFluctuate 2s ease-in-out infinite}.hudSignalBar:first-child{animation-delay:0s}.hudSignalBar:nth-child(2){animation-delay:.2s}.hudSignalBar:nth-child(3){animation-delay:.4s}@keyframes signalFluctuate{0%,to{opacity:.7;transform:scaleY(1)}25%{opacity:.85;transform:scaleY(1.1)}50%{opacity:.6;transform:scaleY(.9)}75%{opacity:.8;transform:scaleY(1.05)}}.hudStatusStripCenter{flex:1;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.hudBreadcrumb{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(170,255,210,.6);opacity:.8}.hudBreadcrumbWithNav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hudPrevNext{gap:8px}.hudNavButton,.hudPrevNext{display:flex;align-items:center}.hudNavButton{background:transparent;border:1px solid rgba(0,255,120,.3);color:rgba(0,255,120,.9);padding:4px 8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;font-family:inherit;gap:4px}.hudNavButton:hover:not(:disabled){background:rgba(0,255,120,.1);border-color:rgba(0,255,120,.5)}.hudNavButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hudNavButton:disabled{opacity:.3;cursor:not-allowed}.hudNavArrow{font-size:10px;line-height:1}.hudStatusStripRight{display:flex;align-items:center;gap:10px}.hudPlayerInfo{display:flex;align-items:center;gap:8px;margin-left:10px;padding:4px 10px;border-left:1px solid rgba(0,255,120,.25);background:rgba(0,20,10,.2);border-radius:2px;height:32px;min-width:-moz-fit-content;min-width:fit-content;transition:all .2s}.hudPlayerInfo:hover{background:rgba(0,40,20,.3);border-left-color:rgba(0,255,120,.5);box-shadow:0 0 8px rgba(0,255,120,.2)}.hudPlayerAvatar{width:24px;height:24px;border:1px solid rgba(0,255,120,.5);background:rgba(0,10,6,.8);display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden;flex-shrink:0;box-shadow:0 0 4px rgba(0,255,120,.25)}.hudPlayerAvatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hudPlayerAvatarPlaceholder{font-size:12px;line-height:1;opacity:.6}.hudPlayerLevel{min-width:22px;height:20px;padding:0 5px;border:1px solid rgba(0,255,120,.4);background:rgba(0,255,120,.1);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:rgba(0,255,120,.95);border-radius:2px;flex-shrink:0;box-shadow:0 0 3px rgba(0,255,120,.2);letter-spacing:.01em}.hudPlayerName{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(190,255,220,.95);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;font-weight:600;text-shadow:0 0 3px rgba(0,255,120,.15);flex-shrink:0}.hudModeToggle{border:1px solid rgba(0,255,120,.2);background:rgba(0,10,6,.4)}.hudAdminToggle,.hudModeToggle{display:flex;align-items:center;gap:4px;padding:2px}.hudAdminToggle{border:1px solid rgba(255,165,0,.3);background:rgba(20,10,0,.4);margin-left:8px}.hudModeButton{padding:4px 8px;background:transparent;border:none;color:rgba(170,255,210,.6);font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;font-family:inherit;text-decoration:none;display:inline-block}.hudModeButton:hover{color:rgba(170,255,210,.9);background:rgba(0,255,120,.05)}.hudModeButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background:rgba(0,255,120,.1)}.hudModeButton.active{background:rgba(0,255,120,.15);color:rgba(0,255,120,.95);box-shadow:0 0 8px rgba(0,255,120,.2)}.hudAdminToggle .hudModeButton{color:rgba(255,200,100,.7)!important}.hudAdminToggle .hudModeButton:hover{color:rgba(255,200,100,.9)!important;background:rgba(255,165,0,.1)!important}.hudAdminToggle .hudModeButton.active{background:rgba(255,165,0,.2)!important;color:rgba(255,200,100,.95)!important;box-shadow:0 0 8px rgba(255,165,0,.3)!important}.hudAdminToggle .hudModeButton.active:hover{background:rgba(255,165,0,.25)!important;color:rgba(255,200,100,1)!important}.hudAdvisorToggle{display:flex;align-items:center;gap:4px;border:1px solid rgba(150,100,255,.3);padding:2px;background:rgba(20,10,30,.4);margin-left:8px}.hudAdvisorToggle .hudModeButton{color:rgba(200,170,255,.7)!important}.hudAdvisorToggle .hudModeButton:hover{color:rgba(200,170,255,.9)!important;background:rgba(150,100,255,.1)!important}.hudAdvisorToggle .hudModeButton.active{background:rgba(150,100,255,.2)!important;color:rgba(200,170,255,.95)!important;box-shadow:0 0 8px rgba(150,100,255,.3)!important}.hudAdvisorToggle .hudModeButton.active:hover{background:rgba(150,100,255,.25)!important;color:rgba(200,170,255,1)!important}.hudFactionLeaderToggle{display:flex;align-items:center;gap:4px;border:1px solid rgba(0,255,120,.3);padding:2px;background:rgba(0,10,6,.4);margin-left:8px}.hudFactionLeaderToggle .hudModeButton{color:rgba(0,255,120,.9)!important;border-color:rgba(0,255,120,.3)}.hudFactionLeaderToggle .hudModeButton:hover{background:rgba(0,255,120,.1)!important;border-color:rgba(0,255,120,.5)!important;color:rgba(0,255,120,1)!important}.hudFactionLeaderToggle .hudModeButton.active{background:rgba(0,255,120,.2)!important;border-color:rgba(0,255,120,.6)!important;color:rgba(0,255,120,1)!important;box-shadow:0 0 8px rgba(0,255,120,.3)!important}.hudFactionLeaderToggle .hudModeButton.active:hover{background:rgba(0,255,120,.25)!important;border-color:rgba(0,255,120,.7)!important}.hudNavControl{background:transparent;border:1px solid rgba(0,255,120,.3);color:rgba(0,255,120,.9);padding:4px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;font-family:inherit}.hudNavControl:hover{background:rgba(0,255,120,.1);border-color:rgba(0,255,120,.5)}.hudNavBracket{color:rgba(0,255,120,.6);margin:0 2px}.hudSystemStatus{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.05em;color:rgba(170,255,210,.7)}.hudStatusValue{color:rgba(0,255,120,.9);font-weight:500}.hudDot{width:3px;height:3px;background:rgba(0,255,120,.5);border-radius:50%}.pageTitleHeader{position:relative;margin-bottom:40px;padding-top:20px}.pageTitleRail{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:flex-start;gap:8px}.pageTitleRailLine{width:1px;height:100%;background:rgba(0,255,120,.2);margin-top:20px}.pageTitleRailNode{width:6px;height:6px;background:transparent;border:1px solid rgba(0,255,120,.4);margin-top:20px;box-shadow:0 0 6px rgba(0,255,120,.2)}.pageTitle{font-size:28px;letter-spacing:.12em;text-transform:uppercase;color:rgba(190,255,220,.95);margin:0;padding-left:20px;text-shadow:1px 0 rgba(0,255,170,.15),-1px 0 rgba(0,255,90,.08);line-height:1.2;transition:opacity .15s ease}.designSystemContent.pageTransition .pageTitle{opacity:.5}.designSystemContent.pageTransition .pageTitleRailLine{opacity:.3}.hudNavDrawerOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:2000;backdrop-filter:blur(2px)}.hudNavDrawer{position:fixed;top:56px;left:0;bottom:0;width:280px;max-width:85vw;background:rgba(0,12,6,.95);border-right:1px solid rgba(0,255,120,.24);box-shadow:2px 0 20px rgba(0,0,0,.8);z-index:2001;display:flex;flex-direction:column;animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.hudNavDrawerHeader{padding:16px 20px;border-bottom:1px solid rgba(0,255,120,.12);display:flex;align-items:center;justify-content:space-between}.hudNavDrawerTitle{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,255,120,.9)}.hudNavDrawerClose{background:transparent;border:1px solid rgba(0,255,120,.3);color:rgba(0,255,120,.9);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;transition:all .2s;font-family:inherit}.hudNavDrawerClose:hover{background:rgba(0,255,120,.1);border-color:rgba(0,255,120,.5)}.hudNavDrawerNav{flex:1;overflow-y:auto;padding:12px 0}.hudNavDrawerItem{width:100%;padding:10px 20px;text-align:left;background:transparent;color:rgba(170,255,210,.75);font-family:inherit;font-size:12px;letter-spacing:.05em;cursor:pointer;transition:all .2s;border:none;border-left:2px solid transparent;display:flex;align-items:center;justify-content:space-between;position:relative}.hudNavDrawerItem:hover{background:rgba(0,255,120,.06);color:rgba(170,255,210,.95)}.hudNavDrawerItem.active{background:rgba(0,255,120,.12);color:rgba(0,255,120,.95);border-left-color:rgba(0,255,120,.6);box-shadow:inset 0 0 20px rgba(0,255,120,.08)}.hudNavDrawerItem.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(0,255,120,.6);box-shadow:0 0 8px rgba(0,255,120,.4)}.hudNavDrawerItemLabel{flex:1}.hudNavDrawerItemIndicator{color:rgba(0,255,120,.8);font-size:10px;margin-left:8px;opacity:.9}.designSystemSidebar{width:280px;background:rgba(0,12,6,.85);border-right:1px solid rgba(0,255,120,.24);box-shadow:inset 0 0 0 1px rgba(0,255,120,.06);position:fixed;left:0;top:56px;bottom:0;overflow-y:auto;z-index:100;transition:transform .3s ease}.designSystemSidebar.closed{transform:translateX(-100%)}.designSystemSidebarHeader{padding:20px;border-bottom:1px solid rgba(0,255,120,.12);position:relative;gap:16px}.designSystemSidebarHeader,.designSystemTitleSection{display:flex;flex-direction:column}.designSystemTitle{font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:rgba(190,255,220,.95);margin:0 0 4px;text-shadow:1px 0 rgba(0,255,170,.15),-1px 0 rgba(0,255,90,.08)}.designSystemSubtitle{font-size:11px;opacity:.7;margin:0;letter-spacing:.1em;text-transform:uppercase}.designSystemHeaderNav{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.designSystemToggle{position:fixed;top:76px;left:19px;width:32px;height:32px;border:1px solid rgba(0,255,120,.3);background:rgba(0,255,120,.08);color:rgba(0,255,120,.9);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:200;border-radius:2px}.designSystemToggle:hover{background:rgba(0,255,120,.15);border-color:rgba(0,255,120,.5)}.designSystemToggle.sidebarOpen{left:279px}.designSystemToggle.sidebarClosed{left:19px}.designSystemNav{padding:12px 0}.designSystemNavItem{width:100%;padding:10px 20px;text-align:left;background:transparent;color:rgba(170,255,210,.75);font-family:inherit;font-size:12px;letter-spacing:.05em;cursor:pointer;transition:all .2s;border:none;border-left:2px solid transparent;position:relative;display:flex;align-items:center;justify-content:space-between}.designSystemNavItem:hover{background:rgba(0,255,120,.06);color:rgba(170,255,210,.95)}.designSystemNavItem.active{background:rgba(0,255,120,.12);color:rgba(0,255,120,.95);border-left-color:rgba(0,255,120,.6);box-shadow:inset 0 0 20px rgba(0,255,120,.08)}.designSystemNavItem.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(0,255,120,.6);box-shadow:0 0 8px rgba(0,255,120,.4)}.designSystemNavItemLabel{flex:1}.designSystemNavItemIndicator{color:rgba(0,255,120,.8);font-size:10px;margin-left:8px;opacity:.9}.designSystemContent{flex:1;margin-left:280px;padding:20px 40px 40px;max-width:1400px;transition:margin-left .3s ease}.designSystemContent .soundDesignSection{max-width:none;margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px;width:calc(100% + 80px)}.designSystemContent .soundDesignSection>div[style*=gridTemplateColumns]{max-width:100%}.designSystemSidebar.closed~.designSystemContent{margin-left:0;padding-top:20px}.designSystemSection{margin-bottom:60px}.designSystemSectionHeader{margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid rgba(0,255,120,.2)}.designSystemSectionTitle{font-size:24px;letter-spacing:.1em;text-transform:uppercase;color:rgba(190,255,220,.95);margin:0 0 8px;text-shadow:1px 0 rgba(0,255,170,.15),-1px 0 rgba(0,255,90,.08)}.designSystemSectionDescription{font-size:13px;opacity:.8;line-height:1.6;margin:0}.designSystemSubsection{margin-bottom:40px}.designSystemSubsectionTitle{font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:rgba(170,255,210,.9);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(0,255,120,.15)}.designSystemGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px}.designSystemCard{border:1px solid rgba(0,255,120,.22);background:rgba(0,10,6,.55);box-shadow:inset 0 0 0 1px rgba(0,255,120,.06);padding:20px}.designSystemCardTitle{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(170,255,210,.9);margin:0 0 12px}.designSystemCardDescription{font-size:12px;opacity:.75;line-height:1.5;margin:0 0 16px}.designSystemDemo{padding:16px;background:rgba(0,0,0,.3);border:1px solid rgba(0,255,120,.1);margin-top:12px;min-height:60px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.designSystemCode{background:rgba(0,0,0,.4);border:1px solid rgba(0,255,120,.15);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;color:rgba(0,255,120,.8);overflow-x:auto;margin-top:12px;border-radius:2px}.designSystemPropsTable{width:100%;border-collapse:collapse;margin-top:16px;font-size:12px}.designSystemPropsTable td,.designSystemPropsTable th{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(0,255,120,.1)}.designSystemPropsTable th{background:rgba(0,255,120,.08);color:rgba(170,255,210,.9);font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.designSystemPropsTable td{color:rgba(170,255,210,.75)}.designSystemPropsTable code{background:rgba(0,255,120,.1);padding:2px 6px;border-radius:2px;font-size:11px;color:rgba(0,255,120,.9)}.designSystemRoot ::-webkit-scrollbar{width:8px;height:8px}.designSystemRoot ::-webkit-scrollbar-track{background:rgba(0,20,10,.6);border:1px solid rgba(0,255,120,.1)}.designSystemRoot ::-webkit-scrollbar-thumb{background:rgba(0,255,120,.3);border:1px solid rgba(0,255,120,.2);border-radius:2px}.designSystemRoot ::-webkit-scrollbar-thumb:hover{background:rgba(0,255,120,.5);border-color:rgba(0,255,120,.4)}.designSystemRoot ::-webkit-scrollbar-thumb:active{background:rgba(0,255,120,.7);border-color:rgba(0,255,120,.6)}.designSystemRoot *{scrollbar-width:thin;scrollbar-color:rgba(0,255,120,.3) rgba(0,20,10,.6)}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}@keyframes tickFlash{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px rgba(0,255,120,.2)}50%{box-shadow:0 0 20px rgba(0,255,120,.6),0 0 40px rgba(0,255,120,.3)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes wipeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes scanReveal{0%{top:-100%}to{top:100%}}@keyframes sweep{0%,to{opacity:.5}50%{opacity:1}}@keyframes radarPing{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes criticalFlash{0%,to{background:rgba(255,0,0,.1);box-shadow:0 0 10px rgba(255,0,0,.3)}50%{background:rgba(255,0,0,.3);box-shadow:0 0 20px rgba(255,0,0,.8),0 0 40px rgba(255,0,0,.4)}}@media (max-width:768px){.designSystemSidebar{transform:translateX(-100%);top:56px}.designSystemSidebar.open{transform:translateX(0)}.designSystemContent{margin-left:0;padding:20px}.designSystemGrid{grid-template-columns:1fr}.hudStatusStripCenter{display:flex;flex-direction:column;gap:8px}.hudPrevNext{display:none}}@media (min-width:769px){.designSystemContent,.designSystemSidebar.closed~.designSystemContent{padding-top:20px}.designSystemSidebar{top:56px}.designSystemToggle{top:76px}}.flowPageLayout{width:100%}.flowPageHeader{margin-bottom:30px;opacity:0;transition:opacity .2s ease}.flowPageHeader.loaded{opacity:1}.flowPageTitle{font-size:24px;letter-spacing:.1em;text-transform:uppercase;color:rgba(190,255,220,.95);margin:0 0 8px;text-shadow:1px 0 rgba(0,255,170,.15),-1px 0 rgba(0,255,90,.08)}.flowPageDescription{font-size:13px;opacity:.8;line-height:1.6;margin:0}.flowPageModule{margin-bottom:40px}.flowModuleTitle{font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:rgba(170,255,210,.9);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(0,255,120,.15)}.flowStepsList{display:flex;flex-direction:column;gap:12px}.flowStep{display:flex;gap:12px;padding:12px;background:rgba(0,10,6,.4);border:1px solid rgba(0,255,120,.15);border-left:2px solid rgba(0,255,120,.3)}.flowStepNumber{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(0,255,120,.15);border:1px solid rgba(0,255,120,.3);color:rgba(0,255,120,.9);font-size:11px;font-weight:500;flex-shrink:0}.flowStepContent{flex:1}.flowStepLabel{font-size:12px;color:rgba(0,255,120,.9);margin-bottom:4px;letter-spacing:.05em}.flowStepDescription{font-size:11px;opacity:.75;line-height:1.5;margin-bottom:8px}.flowStepStates{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.flowStateTag{font-size:9px;padding:2px 6px;background:rgba(0,255,120,.1);border:1px solid rgba(0,255,120,.2);color:rgba(0,255,120,.8);text-transform:uppercase;letter-spacing:.05em}.uiStatesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.uiStateCard{padding:12px;background:rgba(0,10,6,.4);border:1px solid rgba(0,255,120,.15)}.uiStateCardLabel{font-size:11px;color:rgba(0,255,120,.9);margin-bottom:4px;letter-spacing:.05em;text-transform:uppercase}.uiStateCardDescription{font-size:10px;opacity:.7;line-height:1.4;margin-bottom:8px}.uiStateCardTags{display:flex;flex-wrap:wrap;gap:4px}.uiStateTag{font-size:8px;padding:2px 4px;background:rgba(0,255,120,.08);color:rgba(0,255,120,.7);text-transform:uppercase;letter-spacing:.05em}.flowNotes,.uiStateTag{border:1px solid rgba(0,255,120,.15)}.flowNotes{padding:12px;background:rgba(0,10,6,.4);font-size:11px;line-height:1.6;opacity:.8}.flowNotes ul{margin:0;padding-left:20px}.flowNotes li{margin-bottom:6px}.flowDiagram{padding:20px}.flowDiagram,.flowDiagramContainer{position:relative;width:100%}.flowDiagram.horizontal .flowDiagramContainer{display:flex;align-items:center;gap:20px}.flowDiagram.vertical .flowDiagramContainer{display:flex;flex-direction:column;align-items:center;gap:20px}.flowDiagramNodes{display:flex;flex-direction:row;gap:20px;align-items:center;position:relative;z-index:2}.flowDiagram.vertical .flowDiagramNodes{flex-direction:column}.flowDiagramNode{padding:12px 16px;background:rgba(0,10,6,.6);border:1px solid rgba(0,255,120,.3);min-width:120px;text-align:center;position:relative;z-index:3;transition:all .2s}.flowDiagramNode.active{background:rgba(0,255,120,.15);border-color:rgba(0,255,120,.6);box-shadow:0 0 12px rgba(0,255,120,.3)}.flowDiagramNode .flowNodeLabel{font-size:11px;color:rgba(0,255,120,.9);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.flowDiagramNode.active .flowNodeLabel{color:rgba(0,255,120,.95)}.flowDiagramNode .flowNodeState{font-size:9px;color:rgba(170,255,210,.7);opacity:.8}.flowDiagramConnections{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 60px;pointer-events:none;z-index:1}.flowDiagram.vertical .flowDiagramConnections{flex-direction:column;padding:60px 0;justify-content:space-between}.flowConnection{flex:1;position:relative;height:1px;max-width:100px;z-index:1}.flowDiagram.vertical .flowConnection{width:1px;height:40px;max-width:none;max-height:100px}.flowConnectionLine{width:100%;height:100%;background:rgba(0,255,120,.2);position:relative}.flowConnectionLine:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid rgba(0,255,120,.4);border-top:3px solid transparent;border-bottom:3px solid transparent}.flowDiagram.vertical .flowConnectionLine:after{right:auto;bottom:-4px;top:auto;left:50%;transform:translateX(-50%);border:3px solid transparent;border-top:4px solid rgba(0,255,120,.4);border-bottom:none}.flowConnectionLabel{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:8px;color:rgba(0,255,120,.7);white-space:nowrap;background:rgba(0,0,0,.95);padding:3px 6px;z-index:20;border:1px solid rgba(0,255,120,.3);pointer-events:none;isolation:isolate}.flowDiagram.vertical .flowConnectionLabel{top:50%;left:8px;transform:translateY(-50%)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:rgba(0,255,120,.8);border:1px solid rgba(0,255,120,.5);border-radius:2px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}input[type=range]::-webkit-slider-thumb:hover{background:rgba(0,255,120,1);box-shadow:0 0 8px rgba(0,255,120,.4)}input[type=range]::-webkit-slider-thumb:active{background:rgba(0,255,120,1);box-shadow:0 0 12px rgba(0,255,120,.6)}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:rgba(0,255,120,.8);border:1px solid rgba(0,255,120,.5);border-radius:2px;cursor:pointer;-moz-transition:all .2s;transition:all .2s}input[type=range]::-moz-range-thumb:hover{background:rgba(0,255,120,1);box-shadow:0 0 8px rgba(0,255,120,.4)}input[type=range]::-moz-range-thumb:active{background:rgba(0,255,120,1);box-shadow:0 0 12px rgba(0,255,120,.6)}input[type=range]::-webkit-slider-runnable-track{height:4px;background:rgba(0,255,120,.2);border-radius:2px}input[type=range]::-moz-range-track{height:4px;background:rgba(0,255,120,.2);border-radius:2px}.soundDesignSlider{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:rgba(0,20,10,.6);border:1px solid rgba(0,255,120,.2);transition:background .2s}.soundDesignSlider::-webkit-slider-runnable-track{width:100%;height:4px;background:rgba(0,20,10,.6);border:1px solid rgba(0,255,120,.2);border-radius:2px;-webkit-appearance:none}.soundDesignSlider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:14px;height:14px;background:rgba(0,255,120,.8);border:1px solid rgba(0,255,120,.5);border-radius:50%;cursor:grab;cursor:-webkit-grab;margin-top:-5px;-webkit-transition:all .1s;transition:all .1s;box-shadow:0 0 6px rgba(0,255,120,.3)}.soundDesignSlider::-webkit-slider-thumb:hover{background:rgba(0,255,120,1);box-shadow:0 0 10px rgba(0,255,120,.5);transform:scale(1.1)}.soundDesignSlider::-webkit-slider-thumb:active{cursor:grabbing;cursor:-webkit-grabbing;background:rgba(0,255,120,1);box-shadow:0 0 12px rgba(0,255,120,.7);transform:scale(1.15)}.soundDesignSlider::-moz-range-thumb{width:14px;height:14px;background:rgba(0,255,120,.8);border:1px solid rgba(0,255,120,.5);border-radius:50%;cursor:grab;-moz-transition:all .1s;transition:all .1s;box-shadow:0 0 6px rgba(0,255,120,.3);-moz-appearance:none}.soundDesignSlider::-moz-range-thumb:hover{background:rgba(0,255,120,1);box-shadow:0 0 10px rgba(0,255,120,.5);transform:scale(1.1)}.soundDesignSlider::-moz-range-thumb:active{cursor:grabbing;background:rgba(0,255,120,1);box-shadow:0 0 12px rgba(0,255,120,.7);transform:scale(1.15)}.soundDesignSlider::-moz-range-track{height:4px;background:rgba(0,20,10,.6);border:1px solid rgba(0,255,120,.2);border-radius:2px}.soundDesignButton{padding:8px 16px;background:rgba(0,12,6,.6);border:1px solid rgba(0,255,120,.3);border-radius:4px;color:rgba(170,255,210,.92);font-size:10px;font-family:ui-monospace,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .15s;outline:none}.soundDesignButton:hover:not(:disabled){background:rgba(0,255,120,.1);border-color:rgba(0,255,120,.5);color:rgba(0,255,120,.95);box-shadow:0 0 8px rgba(0,255,120,.2)}.soundDesignButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background:rgba(0,255,120,.1)}.soundDesignButton:active:not(:disabled){background:rgba(0,255,120,.15);border-color:rgba(0,255,120,.6);transform:translateY(1px);box-shadow:0 0 12px rgba(0,255,120,.3)}.soundDesignButton:disabled{opacity:.4;cursor:not-allowed}.soundDesignButtonPrimary{background:rgba(0,255,120,.15);border-color:rgba(0,255,120,.4);color:rgba(0,255,120,.95)}.soundDesignButtonPrimary:hover:not(:disabled){background:rgba(0,255,120,.25);border-color:rgba(0,255,120,.6);box-shadow:0 0 12px rgba(0,255,120,.3)}.soundDesignButtonPrimary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background:rgba(0,255,120,.2)}.soundDesignButtonPrimary:active:not(:disabled){background:rgba(0,255,120,.3);border-color:rgba(0,255,120,.7)}.stateCard{padding:10px 12px;background:rgba(0,10,6,.4);border:1px solid rgba(0,255,120,.2);display:flex;align-items:center;gap:10px}.stateCard.error{border-color:rgba(255,0,0,.4);background:rgba(255,0,0,.05)}.stateCard.warning{border-color:rgba(255,200,0,.4);background:rgba(255,200,0,.05)}.stateCard.success{border-color:rgba(0,255,120,.4);background:rgba(0,255,120,.05)}.stateCardIcon{font-size:14px;flex-shrink:0}.stateCardContent{flex:1}.stateCardLabel{font-size:10px;color:rgba(0,255,120,.9);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}.stateCard.error .stateCardLabel{color:rgba(255,0,0,.9)}.stateCard.warning .stateCardLabel{color:rgba(255,200,0,.9)}.stateCardValue{font-size:11px;color:rgba(170,255,210,.9);opacity:.9}.stateCard.error .stateCardValue{color:rgba(255,150,150,.9)}.stateCard.warning .stateCardValue{color:rgba(255,220,150,.9)}.bootSequenceDisplay{font-size:11px;line-height:1.6;min-height:120px}.bootLine,.bootSequenceDisplay{font-family:ui-monospace,monospace}.bootLine{margin-bottom:4px}.loginFlowDemo,.loginStep{width:100%}.loginStepLabel{font-size:11px;color:rgba(0,255,120,.9);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.loginInput{outline:none}.loginInput:focus{border-color:rgba(0,255,120,.5);box-shadow:0 0 0 2px rgba(0,255,120,.1)}.calibrationDemo,.loadoutBuilder,.sessionState{width:100%}.matchDeploymentDemo{width:100%;text-align:center}.mechanicsSteps{display:flex;flex-direction:column;gap:16px}.mechanicsStep{display:flex;gap:12px;padding:12px;background:rgba(0,10,6,.4);border:1px solid rgba(0,255,120,.15);border-left:2px solid rgba(0,255,120,.3)}.mechanicsStepNumber{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,255,120,.15);border:1px solid rgba(0,255,120,.3);color:rgba(0,255,120,.9);font-size:12px;font-weight:500;flex-shrink:0}.mechanicsStepContent{flex:1}.mechanicsStepLabel{font-size:12px;color:rgba(0,255,120,.9);margin-bottom:4px;letter-spacing:.05em;text-transform:uppercase}.mechanicsStepDescription{font-size:11px;opacity:.75;line-height:1.5}.debriefDemo,.diagnosticsViewer{width:100%}.designSystemSearch{position:relative;padding:12px 20px;border-bottom:1px solid rgba(0,255,120,.12);background:rgba(0,255,120,.02)}.designSystemSearch.focused{background:rgba(0,255,120,.05);border-bottom-color:rgba(0,255,120,.3)}.designSystemSearchInput{width:100%;padding:8px 32px 8px 28px;background:rgba(0,20,10,.4);border:1px solid rgba(0,255,120,.2);color:rgba(170,255,210,.95);font-family:inherit;font-size:11px;letter-spacing:.05em;border-radius:2px;transition:all .2s}.designSystemSearchInput:focus{outline:none;border-color:rgba(0,255,120,.5);background:rgba(0,30,15,.5);box-shadow:0 0 8px rgba(0,255,120,.15)}.designSystemSearchInput::-moz-placeholder{color:rgba(170,255,210,.4)}.designSystemSearchInput::placeholder{color:rgba(170,255,210,.4)}.designSystemSearchIcon{left:28px;font-size:12px;opacity:.6;pointer-events:none}.designSystemSearchClear,.designSystemSearchIcon{position:absolute;top:50%;transform:translateY(-50%)}.designSystemSearchClear{right:28px;background:transparent;border:none;color:rgba(170,255,210,.6);font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.designSystemSearchClear:hover{color:rgba(0,255,120,.9);background:rgba(0,255,120,.1);border-radius:2px}.hudErrorMessage{justify-content:space-between;padding:12px 16px;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:4px;margin-bottom:16px;animation:slideIn .3s ease-out}.errorMessageContent,.hudErrorMessage{display:flex;align-items:flex-start;gap:12px}.errorMessageContent{flex:1}.errorMessageIcon{font-size:18px;color:var(--color-error);flex-shrink:0}.errorMessageText{flex:1}.errorMessageTitle{font-size:var(--font-size-xs);font-weight:700;color:var(--color-error);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:4px}.errorMessageBody{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.errorMessageDetails{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:4px;line-height:1.4}.errorMessageActions{display:flex;align-items:center;gap:8px}.errorMessageRecovery{padding:4px 10px;background:transparent;border:1px solid var(--color-error);color:var(--color-error);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);cursor:pointer;transition:all .2s;font-family:var(--font-family)}.errorMessageRecovery:hover{background:var(--color-error-bg);border-color:var(--color-error)}.errorMessageRecovery:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.errorMessageDismiss{background:transparent;border:none;color:var(--color-text-tertiary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.errorMessageDismiss:hover{color:var(--color-text-primary)}.errorMessageDismiss:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.hudSuccessMessage{justify-content:space-between;padding:12px 16px;background:rgba(0,255,120,.1);border:1px solid rgba(0,255,120,.4);border-radius:4px;margin-bottom:16px;animation:slideIn .3s ease-out}.hudSuccessMessage,.successMessageContent{display:flex;align-items:flex-start;gap:12px}.successMessageContent{flex:1}.successMessageIcon{font-size:18px;color:var(--color-primary);flex-shrink:0}.successMessageText{flex:1}.successMessageTitle{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:4px}.successMessageBody{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.successMessageDetails{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:4px;line-height:1.4}.successMessageDismiss{background:transparent;border:none;color:var(--color-text-tertiary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.successMessageDismiss:hover{color:var(--color-text-primary)}.successMessageDismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.loadingState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loadingStateInline{display:flex;align-items:center;gap:12px;padding:12px}.loadingSpinner{display:flex;gap:4px;margin-bottom:12px}.loadingStateInline .loadingSpinner{margin-bottom:0}.loadingSpinnerDot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:loadingPulse 1.4s ease-in-out infinite}.loadingSpinnerDot:nth-child(2){animation-delay:.2s}.loadingSpinnerDot:nth-child(3){animation-delay:.4s}.loadingSpinner.loadingSmall .loadingSpinnerDot{width:6px;height:6px}.loadingSpinner.loadingLarge .loadingSpinnerDot{width:12px;height:12px}@keyframes loadingPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loadingPlaceholder{padding:var(--spacing-xxl);font-size:var(--font-size-md)}.loadingPlaceholder,.loadingPlaceholderSmall{text-align:center;color:var(--color-text-secondary);font-family:var(--font-family);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.loadingPlaceholderSmall{padding:var(--spacing-lg);font-size:var(--font-size-sm)}.textCenter{text-align:center}.paddingMd{padding:var(--spacing-md)}.paddingLg{padding:var(--spacing-lg)}.paddingXl{padding:var(--spacing-xl)}.paddingXxl{padding:var(--spacing-xxl)}.marginTopMd{margin-top:var(--spacing-md)}.hudEmptyMessage,.hudEmptyMessageFullWidth{text-align:center;padding:var(--spacing-lg);color:var(--color-primary-dim);font-size:var(--font-size-sm)}.hudEmptyMessageFullWidth{grid-column:1/-1}.designSystemList{margin:0;padding-left:var(--spacing-lg);opacity:.9}.loadingMessage{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.hudEmptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.emptyStateIcon{font-size:48px;color:var(--color-text-muted);margin-bottom:16px;opacity:.5}.emptyStateTitle{font-size:var(--font-size-md);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:8px;font-weight:700}.emptyStateMessage{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.6;max-width:400px;margin-bottom:20px}.emptyStateAction{padding:6px 16px;background:var(--color-primary-very-faint);border:1px solid var(--color-border-strong);color:var(--color-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);cursor:pointer;transition:all .2s;font-family:var(--font-family)}.emptyStateAction:hover{background:var(--color-primary-faint);border-color:var(--color-primary)}.emptyStateAction:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skipLinks{position:absolute;top:0;left:0;z-index:10000;display:flex;flex-direction:column;gap:4px;padding:8px}.skipLink{display:inline-block;padding:8px 16px;background:var(--color-primary);color:var(--color-background);text-decoration:none;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);border-radius:4px;opacity:0;transform:translateY(-100%);transition:all .2s;pointer-events:none}.skipLink:focus{opacity:1;transform:translateY(0);pointer-events:auto;outline:3px solid var(--color-primary);outline-offset:2px}.skipLink:hover{background:var(--color-primary-dim)}.designSystemSearchHint{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;gap:2px;pointer-events:none}.designSystemSearchHint kbd{background:rgba(0,255,120,.1);border:1px solid rgba(0,255,120,.2);border-radius:2px;padding:2px 4px;font-size:9px;color:rgba(0,255,120,.7);font-family:inherit}.designSystemNavGroup{margin-bottom:4px}.designSystemNavGroupHeader{width:100%;padding:10px 20px;text-align:left;background:rgba(0,255,120,.03);border:none;border-bottom:1px solid rgba(0,255,120,.08);color:rgba(0,255,120,.9);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.designSystemNavGroupHeader:hover{background:rgba(0,255,120,.08);border-bottom-color:rgba(0,255,120,.2)}.designSystemNavGroupIcon{font-size:10px;opacity:.8;transition:transform .2s;width:12px;display:inline-block}.designSystemNavGroupTitle{flex:1}.designSystemNavGroupCount{font-size:9px;opacity:.6;background:rgba(0,255,120,.1);padding:2px 6px;border-radius:10px;font-weight:400}.designSystemNavGroupItems{padding:4px 0}.designSystemNavEmpty{padding:20px;text-align:center;color:rgba(170,255,210,.5);font-size:11px;font-style:italic}.hudNavDrawerSearch{padding:16px;border-bottom:1px solid rgba(0,255,120,.12);background:rgba(0,255,120,.02)}.hudNavDrawerGroup{margin-bottom:4px}.hudNavDrawerGroupHeader{width:100%;padding:12px 16px;text-align:left;background:rgba(0,255,120,.03);border:none;border-bottom:1px solid rgba(0,255,120,.08);color:rgba(0,255,120,.9);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.hudNavDrawerGroupHeader:hover{background:rgba(0,255,120,.08)}.hudNavDrawerGroupIcon{font-size:10px;opacity:.8;width:12px;display:inline-block}.hudNavDrawerGroupTitle{flex:1}.hudNavDrawerGroupCount{font-size:9px;opacity:.6;background:rgba(0,255,120,.1);padding:2px 6px;border-radius:10px;font-weight:400}.hudNavDrawerGroupItems{padding:4px 0}.hudNavDrawerEmpty{padding:20px;text-align:center;color:rgba(170,255,210,.5);font-size:11px;font-style:italic}.soundDesignLayout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-lg);margin-top:30px;width:100%}.soundDesignSidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.soundDesignStickyCard{position:sticky}.soundDesignFormGroup{margin-bottom:var(--spacing-md)}.soundDesignFormRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.soundDesignFormLabel,.soundDesignFormLabelBlock{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.soundDesignFormLabelBlock{display:block;margin-bottom:6px}.soundDesignFormUnit{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--spacing-xs)}.soundDesignNumberInput{width:70px;padding:var(--spacing-xs) 6px;background:var(--color-surface-light);border:1px solid var(--color-border-strong);border-radius:4px;color:var(--color-primary);font-size:var(--font-size-sm);font-family:var(--font-family);text-align:right}.soundDesignTextInput{padding:6px 10px;margin-bottom:var(--spacing-sm)}.soundDesignSelect,.soundDesignTextInput{width:100%;background:var(--color-surface-light);border:1px solid var(--color-border-strong);border-radius:4px;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family)}.soundDesignSelect{padding:6px var(--spacing-sm);cursor:pointer}.soundDesignSelectOption{background:#000}.soundDesignSlider{width:100%;height:4px;background:var(--color-surface-dark);border:1px solid var(--color-border-faint);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.soundDesignButtonSmall{padding:4px 8px;font-size:8px}.soundDesignButtonFullWidth{width:100%;padding:6px 10px;font-size:9px}.soundDesignButtonActive{background:var(--color-primary-very-faint)}.soundDesignButtonInactive{background:var(--color-primary-minimal)}.soundDesignPresetForm{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:4px}.soundDesignCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.soundDesignCardHeaderTitle{margin:0}.soundDesignCardHeaderActions{display:flex;gap:var(--spacing-sm);align-items:center}.soundDesignCardHeaderMeta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.soundDesignControlsSection{display:flex;flex-direction:column;gap:var(--spacing-sm)}.soundDesignControlsInput{width:100%;padding:10px 16px;font-size:11px}.soundDesignControlsRow{display:flex;gap:6px}.soundDesignControlsButton{flex:1}.soundDesignControlsButtonSmall{flex:1;font-size:9px;padding:6px 10px}.formValidationInput{width:100%;padding:6px 10px;color:var(--color-text-primary);font-family:inherit;font-size:11px}.formValidationInputError{background:var(--color-error-bg);border:1px solid var(--color-error-border)}.formValidationInputNormal{background:var(--color-surface-light);border:1px solid var(--color-border-strong)}.formValidationLabel{font-size:11px;opacity:.85;margin-bottom:var(--spacing-sm);display:block}.formValidationMessage{font-size:10px;margin-top:6px;display:flex;align-items:center;gap:6px}.formValidationError{color:var(--color-error)}.formValidationSuccess{color:var(--color-primary)}.commsImageContainer{margin-bottom:var(--spacing-lg);text-align:center}.commsImage{-o-object-fit:contain;object-fit:contain;opacity:.9}.commsVideoContainer{margin-bottom:var(--spacing-lg)}.commsVideo{width:100%;max-height:500px;background:var(--color-background-semi);border:1px solid var(--color-border-light)}.commsMessageBox{font-size:14px;color:var(--color-text-primary);line-height:1.8;margin-bottom:24px;padding:16px;background:var(--color-background-light);border:1px solid var(--color-border-faint)}.commsButtonFullWidth{width:100%;font-size:14px;padding:14px 24px}.buttonDisabled{opacity:.4}