@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Inter:wght@300;400;500;600&display=swap";.toast-stack{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:72px;right:16px}@media (width<=560px){.toast-stack{width:auto;top:64px;left:16px;right:16px}}.toast{pointer-events:auto;color:#e8eefc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121c2cf5;border:1px solid #ffffff1f;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 36px 12px 14px;font-size:13px;line-height:1.45;animation:.28s cubic-bezier(.16,1,.3,1) toast-in;display:flex;position:relative;box-shadow:0 12px 36px #00000073,0 2px 4px #00000040}.toast-icon{color:#0a0f1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex}.toast-body{flex:1;min-width:0}.toast-title{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.toast-message{color:#ffffffd1;word-wrap:break-word;font-size:12.5px}.toast-action{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;align-self:center;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s}.toast-action:hover{background:#ffffff14}.toast-close{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:18px;line-height:1;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.toast-close:hover{color:#fff;background:#ffffff1a}.toast:before{content:"";border-radius:10px 0 0 10px;width:3px;position:absolute;top:0;bottom:0;left:0}.toast--success:before,.toast--success .toast-icon{background:#34d399}.toast--error:before,.toast--error .toast-icon{background:#f87171}.toast--warning:before,.toast--warning .toast-icon{background:#fbbf24}.toast--info:before,.toast--info .toast-icon{background:#60a5fa}@keyframes toast-in{0%{opacity:0;transform:translate(20px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}:root{--bg-dark:#0a1628;--bg-mid:#0d1f3c;--bg-panel:#14233cd9;--bg-panel-light:#1e325099;--accent-blue:#4a9eff;--accent-blue-dark:#2563eb;--text-primary:#e8edf5;--text-secondary:#89b;--text-muted:#556080;--border-color:#4a9eff26;--border-light:#ffffff1a;--panel-radius:12px;--header-height:48px;--steps-height:100px;--left-panel-width:120px;--mid-panel-width:230px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent-blue-dark);border-radius:2px}.btn{border:1px solid var(--border-color);background:var(--bg-panel-light);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 16px;font-family:Inter,sans-serif;font-size:12px;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--accent-blue);background:#4a9eff33}.btn-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;font-weight:600}.btn-primary:hover{background:#3a8eef}.btn-dark{color:var(--text-primary);background:#111827;border-color:#374151;font-weight:600}.btn-dark:hover{background:#1f2937}.input{color:#222;background:#fffffff2;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .2s}.input:focus{border-color:var(--accent-blue)}.input::placeholder{color:#aaa}.input-dark{border:1px solid var(--border-color);color:var(--text-primary);background:#0a1428cc;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:12px}.input-dark:focus{border-color:var(--accent-blue)}.select{appearance:none;color:#222;cursor:pointer;letter-spacing:.02em;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E") right 10px center/10px no-repeat;border:1.5px solid #ccc;border-radius:8px;outline:none;padding:6px 28px 6px 10px;font-size:13px;font-weight:600}.select:focus{border-color:var(--accent-blue)}.select-dark{appearance:none;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1f3c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238899bb'/%3E%3C/svg%3E") right 10px center/10px no-repeat;border-radius:8px;outline:none;padding:6px 28px 6px 10px;font-size:12px}.select-dark option{color:#e8edf5;background:#0d1f3c}.panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loading-screen{background:var(--bg-dark);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{flex-direction:column;gap:18px;display:flex}.loading-label{letter-spacing:.2em;color:var(--text-secondary);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:13px;animation:2s ease-in-out infinite pulse-fade}@keyframes pulse-fade{0%,to{opacity:.5}50%{opacity:1}}.panel-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:18px 14px;animation:.35s both empty-fade-in;display:flex}.panel-empty-icon{width:42px;height:42px;color:var(--accent-blue);background:#4a9eff14;border:1px dashed #4a9eff59;border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;font-size:22px;line-height:1;display:flex}.panel-empty-title{color:var(--text-secondary);letter-spacing:.02em;font-size:12.5px;font-weight:600}.panel-empty-sub{color:var(--text-muted);max-width:220px;font-size:11px;line-height:1.5}.panel-empty-sub strong{color:var(--text-secondary);font-weight:500}@keyframes empty-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{z-index:100;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:100%;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.mode-toggle{border:1px solid var(--border-color);cursor:pointer;color:var(--accent-blue);letter-spacing:.05em;background:#4a9eff1a;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mode-toggle:hover{background:#4a9eff33}.mode-toggle.designer-active{color:#ffb400;background:#ffb40026;border-color:#ffb400}.login-bg{background:radial-gradient(at 50% 110%,#2a0c00 0%,#120820 28%,#060d1a 55%,#020508 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.login-planet:before{content:"";pointer-events:none;background:0 0;border-radius:50%;width:170vw;height:640px;position:absolute;bottom:-440px;left:50%;transform:translate(-50%);box-shadow:0 0 90px 50px #ff6e2838,0 0 200px 100px #c846141f}.login-planet{pointer-events:none;background:radial-gradient(at 38% 18%,#b05a2a 0%,#8b3a12 20%,#5c2008 45%,#2a0d03 72%,#0d0400 100%);border-top:2px solid #ffa03c33;border-radius:50%;width:160vw;height:620px;position:absolute;bottom:-460px;left:50%;transform:translate(-50%);box-shadow:inset 0 -60px 100px #000000e6,inset 0 14px 60px #ff82324d,0 -8px 40px 12px #dc5a1e59}.login-header{height:var(--header-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);background:#060d1ab3;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.game-logo{color:var(--text-primary);letter-spacing:.05em;font-family:Orbitron,sans-serif;font-size:22px;font-weight:900}.company-placeholder{color:var(--text-muted);font-size:11px;font-style:italic}.login-card{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2a44e0;border:1px solid #ffffff1f;border-radius:16px;width:340px;padding:30px 30px 24px;position:relative;box-shadow:0 20px 60px #00000080}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{align-items:center;gap:10px;display:flex}.login-icon{color:var(--text-secondary);flex-shrink:0;align-items:center;display:flex}.login-icon--lock{position:relative}.login-input{color:#222;background:#fff;border:1.5px solid #ccc;border-radius:8px;flex:1;padding:9px 14px;font-size:13px}.login-input:focus{border-color:var(--accent-blue);outline:none}.login-btn{color:#111;cursor:pointer;background:#fffffff2;border:1px solid #ccc;border-radius:8px;align-self:flex-end;padding:8px 28px;font-size:13px;font-weight:600;transition:all .2s}.login-btn:hover{border-color:var(--accent-blue);background:#f0f4ff}.login-footer{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:12px;margin-top:4px;padding-top:12px;display:flex}.login-footer-text{color:var(--text-secondary);font-size:12px}.login-register-btn{color:#fff;background:#111827;border:1px solid #374151;border-radius:8px;padding:7px 18px;font-size:12px;font-weight:600}.login-register-btn:hover{background:#1f2937}.login-register-btn--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.login-signup-notice{text-align:center;color:#ffffff4d;letter-spacing:.02em;margin:6px 0 0;font-size:11px}.login-error{color:#ff6b6b;text-align:center;font-size:12px}.login-demo-btn{color:#041018;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,#4dd0e1 0%,#29b6f6 50%,#0d8bb3 100%);border:1px solid #ffffff40;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:16px;padding:16px 20px;font-family:Orbitron,sans-serif;font-size:15px;font-weight:800;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #29b6f659,inset 0 1px #fff6}.login-demo-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.login-demo-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #29b6f680,inset 0 1px #ffffff80}.login-demo-btn:hover:not(:disabled):before{transform:translate(100%)}.login-demo-btn:active:not(:disabled){transform:translateY(0)}.login-demo-btn:disabled{opacity:.65;cursor:wait}.login-demo-icon{color:#031218;margin-right:6px;font-size:18px}.login-demo-sub{letter-spacing:.04em;opacity:.75;text-transform:uppercase;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:500}.login-demo-spinner{vertical-align:middle;border:2px solid #0410184d;border-top-color:#031218;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite login-demo-spin;display:inline-block}@keyframes login-demo-spin{to{transform:rotate(360deg)}}.login-sep{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted,#ffffff80);align-items:center;gap:10px;margin:0 0 14px;font-size:10px;display:flex}.login-sep:before,.login-sep:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);flex:1;height:1px}.app-header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;background:#060d1ad9;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;display:flex}.header-right{align-items:center;gap:16px;display:flex}.game-logo{color:var(--text-primary);letter-spacing:.08em;-webkit-user-select:none;user-select:none;font-family:Orbitron,sans-serif;font-size:22px;font-weight:900}.header-user{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;transition:background .2s;display:flex}.header-user:hover{background:#ffffff0f}.user-icon{color:var(--text-secondary)}.user-name{color:var(--text-primary);font-size:13px;font-weight:500}.company-logo-area{border-left:1px solid var(--border-color);padding-left:16px}.company-logo-text{color:var(--text-muted);font-size:11px;font-style:italic}.gt-root{z-index:2000;pointer-events:none;font-family:inherit;position:fixed;inset:0}.gt-backdrop{-webkit-backdrop-filter:blur(2px);pointer-events:auto;background:#040810b8;animation:.22s gt-fade;position:absolute;inset:0}.gt-spotlight{pointer-events:none;border-radius:12px;transition:top .18s,left .18s,width .18s,height .18s;animation:2.4s ease-in-out infinite gt-pulse;position:absolute;box-shadow:0 0 0 9999px #040810b8,0 0 0 2px #00e5ffbf,0 0 28px 2px #00e5ff73}.gt-tip{color:#e8eef8;pointer-events:auto;background:linear-gradient(#0d1526 0%,#0a1120 100%);border:1px solid #00e5ff59;border-radius:10px;width:min(360px,100vw - 32px);padding:18px 18px 14px;animation:.22s ease-out gt-pop;position:absolute;box-shadow:0 18px 48px #0000008c,inset 0 0 0 1px #ffffff05}.gt-tip-centered{transform:translate(-50%,-50%);top:50%!important;left:50%!important}.gt-tip-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gt-step-count{color:#7a8aa2;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.gt-skip{color:#8a9bb3;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;width:24px;height:24px;font-size:12px;transition:all .15s}.gt-skip:hover{color:#fff;background:#ffffff0f}.gt-title{color:#fff;letter-spacing:.01em;margin:0 0 8px;font-size:16px;font-weight:600}.gt-body{color:#c3ccda;white-space:pre-line;margin:0 0 14px;font-size:13.5px;line-height:1.55}.gt-illu-wrap{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;margin:0 0 14px;padding:8px 6px}.gt-illu{width:100%;height:auto;display:block}.gt-unavailable{color:#8a9bb3;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;margin:0 0 14px;padding:8px 12px;font-size:12px;line-height:1.45;display:flex}.gt-unavailable-icon{color:#00e5ff66;flex-shrink:0;font-size:14px}.gt-dots{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.gt-dot{cursor:pointer;background:#ffffff1f;border-radius:50%;width:8px;height:8px;transition:all .2s}.gt-dot.done{background:#00e5ff73}.gt-dot.active{background:#00e5ff;transform:scale(1.25);box-shadow:0 0 8px #00e5ff99}.gt-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.gt-actions-right{gap:8px;display:flex}.gt-btn{color:#cdd6e5;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .15s}.gt-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e}.gt-btn.ghost{color:#8a9bb3;background:0 0;border-color:#0000}.gt-btn.ghost:hover{color:#fff;background:#ffffff0a}.gt-btn.primary{color:#041018;background:linear-gradient(135deg,#00b8d4 0%,#00e5ff 100%);border-color:#00e5ff99;font-weight:600;box-shadow:0 2px 10px #00e5ff47}.gt-btn.primary:hover{filter:brightness(1.12);box-shadow:0 3px 14px #00e5ff73}@keyframes gt-fade{0%{opacity:0}to{opacity:1}}@keyframes gt-pop{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}@keyframes gt-pulse{0%,to{box-shadow:0 0 0 9999px #040810b8,0 0 0 2px #00e5ffbf,0 0 28px 2px #00e5ff73}50%{box-shadow:0 0 0 9999px #040810b8,0 0 0 2px #00e5fff2,0 0 40px 4px #00e5ffa6}}.gt-tip-centered{animation:.22s ease-out gt-pop-centered}@keyframes gt-pop-centered{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.gt-help-btn{color:#b5c3d4;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin:0 10px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.gt-help-btn:hover{color:#00e5ff;background:#00e5ff1f;border-color:#00e5ff80;box-shadow:0 0 10px #00e5ff4d}@media (width<=560px){.gt-tip{width:calc(100vw - 24px);padding:14px 14px 12px}.gt-title{font-size:15px}.gt-body{font-size:13px}.gt-btn{padding:8px 12px;font-size:12px}.gt-tip:not(.gt-tip-centered){width:auto;max-width:calc(100vw - 24px);bottom:16px;top:auto!important;left:12px!important;right:12px!important}}.planet-bg-layer{height:var(--steps-height);pointer-events:none;z-index:2;position:fixed;bottom:0;left:0;right:0;overflow:visible}.planet-steps-container{height:var(--steps-height);pointer-events:none;z-index:20;position:fixed;bottom:0;left:0;right:0;overflow:visible}.planet-atmosphere{pointer-events:none;border-radius:50%;width:170vw;height:650px;position:absolute;left:50%;transform:translate(-50%)}.planet-disc{pointer-events:none;border-top:2px solid #ffa03c33;border-radius:50%;width:160vw;height:620px;position:absolute;left:50%;transform:translate(-50%)}.steps-canvas{pointer-events:all;cursor:pointer;width:100%;height:100%;position:absolute;bottom:0;left:0;right:0}.step-tooltip{z-index:9000;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e1ceb;border:1px solid #00e5ff38;border-radius:8px;flex-direction:column;align-items:center;gap:3px;max-width:200px;padding:7px 12px;animation:.15s ease-out step-tip-in;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 20px #0000008c,0 0 12px #00e5ff14}.step-tooltip-label{letter-spacing:.1em;text-transform:uppercase;color:#00e5ffe6;white-space:nowrap;font-size:10px;font-weight:700}.step-tooltip-tip{color:#ffffffa6;text-align:center;font-size:10.5px;line-height:1.4}@keyframes step-tip-in{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.rocket3d-mount{cursor:grab;width:100%;height:100%}.rocket3d-mount:active{cursor:grabbing}.rocket3d-mount canvas{display:block}.fs3d-wrap,.fs3d-host{flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative}.fs3d-host>*{flex:1;width:100%;height:100%;min-height:0}.fs3d-btn{-webkit-backdrop-filter:blur(6px);color:#fff9;cursor:pointer;opacity:.55;z-index:5;background:#080e1a8c;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .18s;display:inline-flex;position:absolute;top:8px;right:8px}.fs3d-btn:hover{opacity:1;color:#00e5ff;background:#00e5ff1f;border-color:#00e5ff73;transform:scale(1.05);box-shadow:0 0 10px #00e5ff40}.fs3d-btn:active{transform:scale(.96)}.fs3d-overlay{z-index:2500;box-sizing:border-box;background:radial-gradient(#0b1020 0%,#05080f 100%);flex-direction:column;padding:56px 32px 44px;animation:.25s fs3d-fade;display:flex;position:fixed;inset:0;box-shadow:inset 0 0 200px #00e5ff0d}.fs3d-stage{background:#ffffff03;border-radius:12px;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00e5ff26,0 20px 60px #0009}.fs3d-exit-btn{color:#e8faff;letter-spacing:.04em;cursor:pointer;z-index:6;background:linear-gradient(135deg,#00e5ff38 0%,#00e5ff1f 100%);border:1px solid #00e5ff8c;border-radius:18px;align-items:center;gap:7px;padding:7px 14px 7px 11px;font-size:12px;font-weight:600;transition:all .18s;animation:.3s ease-out fs3d-exit-in;display:inline-flex;position:absolute;top:16px;right:20px;box-shadow:0 4px 18px #00e5ff38}.fs3d-exit-btn:hover{color:#fff;background:linear-gradient(135deg,#00e5ff52 0%,#00e5ff2e 100%);border-color:#00e5ffd9;transform:translateY(-1px);box-shadow:0 6px 24px #00e5ff59}.fs3d-exit-btn:active{transform:translateY(0)}.fs3d-exit-btn svg{flex-shrink:0}.fs3d-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;z-index:6;font-size:11px;font-weight:600;position:absolute;top:20px;left:28px}@keyframes fs3d-fade{0%{opacity:0}to{opacity:1}}@keyframes fs3d-exit-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.fs3d-btn{width:24px;height:24px}.fs3d-overlay{padding:48px 10px 36px}.fs3d-label{font-size:10px;top:14px;left:12px}.fs3d-exit-btn{padding:5px 10px 5px 8px;font-size:11px;top:12px;right:12px}}.left-panel{width:var(--left-panel-width);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;height:100%;padding:8px 4px;display:flex}.left-panel-badge{letter-spacing:.12em;color:var(--text-secondary);border:1px solid var(--border-color);text-transform:uppercase;text-align:center;background:#4a9eff14;border-radius:4px;width:100%;padding:3px 8px;font-size:10px;font-weight:700}.rocket-viewport{border:1px solid var(--border-color);background:#050f1e80;border-radius:8px;flex:1;width:100%;min-height:0;overflow:hidden}.rocket-controls{justify-content:center;gap:6px;width:100%;display:flex}.rocket-ctrl-btn{border-radius:6px;flex:1;gap:4px;padding:5px 8px;font-size:11px}.rocket-ctrl-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a9eff40}.program-panel{width:var(--mid-panel-width);flex-direction:column;flex-shrink:0;gap:12px;height:100%;padding:12px;display:flex}.program-select,.sub-select{color:#222;cursor:pointer;letter-spacing:.04em;background:#fff;border:1.5px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .2s;display:flex}.program-select:hover,.sub-select:hover{border-color:var(--accent-blue)}.select-arrow{fill:#555;flex-shrink:0;transition:transform .2s}.select-arrow.open{transform:rotate(180deg)}.dropdown{position:relative}.dropdown-menu{z-index:200;background:#fff;border:1px solid #ddd;border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.dropdown-item{cursor:pointer;color:#333;padding:9px 14px;font-size:13px;transition:background .15s}.dropdown-item:hover{background:#f0f4ff}.dropdown-item.selected{color:#1a4fd8;background:#e8f0ff;font-weight:600}.dropdown-empty{color:#aaa;cursor:default;font-style:italic}.program-divider{background:var(--border-color);height:1px;margin:2px 0}.spacer{flex:1}.create-program-btn{border-radius:6px;width:100%;padding:9px;font-size:12px}.subsystem-tree{flex:0 0 220px;height:100%;padding:8px 0;overflow-y:auto}.tree-row{cursor:pointer;border-radius:4px;align-items:center;gap:4px;margin:1px 4px;padding:5px 8px;transition:background .15s;display:flex}.tree-row:hover{background:#4a9eff14}.tree-row.selected{background:#4a9eff26}.tree-expand{width:14px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:11px}.tree-name{color:var(--text-primary);flex-wrap:wrap;flex:1;align-items:center;gap:0;min-width:0;font-size:12px;display:flex}.tree-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.tree-check-icon{align-items:center;transition:color .2s;display:flex}.tree-check-icon--done{color:#22c55e}.tree-check-icon--empty{color:#7f1d1d}.ctree-ver-ordered{color:#f59e0b;opacity:.85;flex-shrink:0;align-items:center;animation:2.4s ease-in-out infinite order-pulse;display:flex}@keyframes order-pulse{0%,to{opacity:.85}50%{opacity:1;filter:drop-shadow(0 0 3px #f59e0b)}}.tree-menu-icon,.tree-arrow-icon{color:var(--text-muted);cursor:pointer;padding:0 1px;font-size:13px}.tree-menu-icon:hover,.tree-arrow-icon:hover{color:var(--text-primary)}.tree-row--application .tree-name--app{color:#6ee7b7;font-weight:600}.tree-row--application.selected .tree-name--app{color:#34d399}.tree-row--component{opacity:.85}.tree-row--component .tree-name{color:var(--text-secondary);font-size:11px}.tree-row--component.selected .tree-name{color:var(--text-primary)}.tree-type-badge{color:#4a9effcc;text-transform:uppercase;letter-spacing:.09em;vertical-align:middle;background:#4a9eff1a;border:1px solid #4a9eff33;border-radius:3px;margin-left:5px;padding:0 5px;font-size:8px;font-weight:700;line-height:14px;display:inline-block}.tree-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:12px;font-style:italic}.tree-expand--btn{cursor:pointer;-webkit-user-select:none;user-select:none}.tree-expand--ghost{opacity:.3;cursor:default}.tree-mini-badge{cursor:pointer;border-radius:10px;flex-shrink:0;margin-left:4px;padding:0 4px;font-size:8px;font-weight:700;line-height:14px;transition:background .15s,border-color .15s,color .15s;display:inline-block}.tree-mini-badge--v{color:#a5b4fc;background:#6366f133;border:1px solid #6366f14d}.tree-mini-badge--v:hover,.tree-mini-badge--v.tree-mini-badge--active{color:#c7d2fe;background:#6366f173;border-color:#6366f1b3}.tree-mini-badge--r{color:#34d399;background:#34d39926;border:1px solid #34d39947}.tree-mini-badge--r:hover,.tree-mini-badge--r.tree-mini-badge--active{color:#6ee7b7;background:#34d39959;border-color:#34d399a6}.tree-ver-hint{color:#a5b4fcb3;letter-spacing:.04em;cursor:pointer;margin-right:3px;font-size:9px;font-weight:500;animation:1.6s ease-in-out infinite alternate treeHintFade}.tree-ver-hint:hover{color:#a5b4fc}@keyframes treeHintFade{0%{opacity:.4}to{opacity:1}}@keyframes treeBadgePulse{0%,to{background:#6366f14d;box-shadow:0 0 #6366f180}50%{background:#6366f18c;box-shadow:0 0 0 4px #6366f100}}.tree-mini-badge--pulse{animation:1.4s ease-in-out infinite treeBadgePulse;color:#c7d2fe!important;border-color:#6366f1cc!important}.tree-addver-btn{color:#a5b4fcb3;cursor:pointer;letter-spacing:.04em;background:#6366f11a;border:1px solid #6366f14d;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:700;line-height:1.4;transition:background .15s,color .15s}.tree-addver-btn:hover{color:#a5b4fc;background:#6366f140}.tree-addver-btn.active{color:#fca5a5;background:#ef44442e;border-color:#ef444466}.tree-addver-btn.active:hover{color:#fecaca;background:#ef444447}.ctree-expand-body{border-radius:0 0 4px 4px;flex-direction:column;gap:2px;margin-bottom:4px;margin-left:10px;padding-top:3px;padding-bottom:6px;padding-right:6px;transition:background .2s,border-color .2s;animation:.18s both ctree-fade;display:flex}.ctree-expand-body--active{background:#4a9eff0f;border-bottom:1px solid #4a9eff1f;border-left:2px solid #4a9eff4d}.ctree-expand-body--active .ctree-ver-row{background:#4a9eff14}.ctree-expand-body--active .ctree-ver-row:hover{background:#4a9eff24}.ctree-expand-body--active .ctree-ver-row--selected{background:#6366f138}.ctree-expand-body--inactive{background:0 0;border-bottom:1px solid #0000;border-left:2px solid #ffffff0d}@keyframes ctree-fade{0%{opacity:0}to{opacity:1}}.ctree-section-label{letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc80;align-items:center;gap:4px;padding:4px 6px 1px;font-size:8px;font-weight:700;display:flex}.ctree-section-label--reco{color:#34d39980;margin-top:4px}.ctree-leaf{border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;transition:background .12s;display:flex}.ctree-leaf:hover{background:#ffffff0a}.ctree-leaf--clickable{cursor:pointer;border-radius:4px;transition:background .12s,box-shadow .12s}.ctree-leaf--clickable:hover{background:#00e5ff14;box-shadow:inset 2px 0 #00e5ff80}.ctree-leaf--clickable:focus-visible{background:#00e5ff1a;outline:none;box-shadow:inset 2px 0 #00e5ffb3}.ctree-leaf-badge{color:#a5b4fc;background:#6366f138;border:1px solid #6366f159;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex}.ctree-leaf-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.ctree-leaf-date{color:var(--text-muted);flex-shrink:0;font-size:8px}.ctree-leaf-mat{text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.ctree-leaf-del{color:#c8505059;cursor:pointer;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;padding:0;font-size:8px;line-height:1;transition:color .12s,background .12s;display:flex}.ctree-leaf-del:hover{color:#f87171;background:#f871711f}.ctree-vadd{align-items:center;gap:3px;padding:2px 6px;display:flex}.ctree-vadd-ok{padding:2px 7px!important;font-size:10px!important}.ctree-vadd-cancel{padding:2px 5px!important;font-size:10px!important}.ctree-add-link{color:#a5b4fc73;cursor:pointer;letter-spacing:.06em;text-align:left;background:0 0;border:none;padding:1px 6px;font-size:8px;transition:color .15s}.ctree-add-link:hover{color:#a5b4fc}.ctree-ver-node{flex-direction:column;gap:0;display:flex}.ctree-ver-row{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;margin:1px 0;padding:3px 6px 3px 4px;transition:background .12s,box-shadow .12s;display:flex}.ctree-ver-row:hover{background:#6366f114}.ctree-ver-row--selected{background:#6366f12e;border-color:#6366f159;box-shadow:inset 3px 0 #6366f1a6}.ctree-ver-row--selected:hover{background:#6366f13d}.ctree-ver-label{color:#a5b4fc;letter-spacing:.03em;background:#6366f138;border:1px solid #6366f159;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:flex}.ctree-ver-row--selected .ctree-ver-label{color:#c7d2fe;background:#6366f166;border-color:#6366f1b3}.ctree-ver-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;overflow:hidden}.ctree-ver-row--selected .ctree-ver-name{color:var(--text-primary)}.ctree-ver-unnamed{opacity:.5;font-style:italic}.ctree-ver-date{color:var(--text-muted);flex-shrink:0;font-size:8px}.ctree-ver-recos{border-left:1px solid #34d39926;flex-direction:column;gap:1px;margin-left:10px;padding-bottom:3px;padding-left:10px;animation:.15s both ctree-fade;display:flex}.application-panel{flex-direction:column;flex:0 0 220px;gap:8px;height:100%;padding:14px 12px;display:flex;overflow-y:auto}.app-panel-title{color:var(--text-primary);text-align:center;font-size:14px;font-weight:600}.app-panel-divider{background:var(--border-color);height:1px}.app-item{cursor:pointer;background:#6ee7b70a;border:1.5px solid #6ee7b74d;border-radius:8px;padding:8px 10px;transition:all .2s}.app-item:hover{background:#6ee7b714;border-color:#6ee7b799}.app-item.active{background:#6ee7b71f;border-color:#6ee7b7}.app-item-name{color:#6ee7b7;text-align:center;padding:2px 0;font-size:13px;font-weight:700;display:block}.app-item-actions{justify-content:center;gap:8px;margin-top:8px;display:flex}.app-action-btn{background:#ffffff0f;border-color:#ffffff26;padding:5px 14px;font-size:12px}.app-action-btn:hover{background:#ffffff1f}.app-type-label{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:10px;display:block}.app-type-label--active{color:#6ee7b799}.add-app-btn{width:100%;margin-top:4px;padding:9px;font-size:12px}.create-app-form{flex-direction:column;gap:10px;display:flex}.create-app-label{color:var(--text-secondary);text-align:center;font-size:12px}.form-field{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--text-secondary);text-align:center;font-size:11px;font-weight:600}.create-app-select{color:#222;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E") right 10px center/10px no-repeat;border:1.5px solid #ccc;border-radius:8px;outline:none;width:100%;padding:7px 28px 7px 10px;font-size:12px}.create-app-select:focus{border-color:var(--accent-blue)}.create-app-input{text-align:center;color:#222;background:#ffffffe6;border:1.5px solid #ccc;border-radius:20px;padding:7px 10px;font-size:12px}.create-app-input::placeholder{color:#aaa}.create-app-input:focus{border-color:var(--accent-blue);outline:none}.form-info{align-items:center}.form-chip{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff14;border-radius:20px;padding:5px 16px;font-size:12px;font-weight:600}.form-created-by{color:var(--text-secondary);font-size:12px}.create-app-actions{justify-content:center;gap:10px;margin-top:4px;display:flex}.component-panel{flex-direction:column;flex:0 0 220px;gap:10px;height:100%;padding:14px 12px;display:flex;overflow-y:auto}.comp-panel-title{color:var(--text-primary);text-align:center;font-size:14px;font-weight:600}.comp-panel-divider{background:var(--border-color);height:1px}.comp-app-badge{text-align:center;color:#6ee7b7;background:#6ee7b71a;border:1.5px solid #6ee7b74d;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700}.comp-item{border:1px solid var(--border-color);cursor:pointer;background:#4a9eff0a;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;transition:all .15s;display:flex}.comp-item:hover{background:#4a9eff14;border-color:#4a9eff66}.comp-item.active{border-color:var(--accent-blue);background:#4a9eff1f}.comp-item-name{color:var(--text-primary);letter-spacing:.02em;font-size:12px;font-weight:600}.comp-item-type{color:#4a9effa6;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700}.comp-item-ver-hint{color:#6366f1b3;padding:2px 0;font-size:9px;font-style:italic;line-height:1.4}.comp-item-ver-hint--none{color:#fb923ca6}.comp-action-btn--del{color:#f87171!important;background:#f8717114!important;border-color:#f871714d!important}.comp-action-btn--del:hover{background:#f8717133!important;border-color:#f87171!important}.comp-del-confirm{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0 2px;display:flex}.comp-del-text{color:#f87171;flex:1;font-size:10px}.comp-del-yes{color:#f87171!important;background:#f8717126!important;border-color:#f8717166!important;padding:3px 9px!important;font-size:10px!important}.comp-del-no{padding:3px 9px!important;font-size:10px!important}.ctree-item{border:1px solid var(--border-color);background:#4a9eff08;border-radius:7px;transition:border-color .15s;overflow:hidden}.ctree-item--active{border-color:var(--accent-blue);background:#4a9eff12}.ctree-item:hover:not(.ctree-item--active){border-color:#4a9eff4d}.ctree-row{cursor:pointer;align-items:center;gap:5px;min-height:34px;padding:6px 8px;display:flex}.ctree-expand{width:16px;height:16px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .2s;display:flex}.ctree-expand--open{color:var(--accent-blue);transform:rotate(90deg)}.ctree-expand--ghost{opacity:.25;cursor:default;pointer-events:none}.ctree-expand:hover:not(.ctree-expand--ghost){color:var(--text-primary)}.ctree-row-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ctree-row-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.ctree-row-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.ctree-badge{letter-spacing:.04em;border-radius:20px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.ctree-badge--ver{color:#a5b4fc;background:#6366f12e;border:1px solid #6366f14d}.ctree-badge--reco{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.ctree-actions{flex-shrink:0;gap:3px;display:flex}.ctree-add-ver-btn{color:#a5b4fc!important;background:#6366f11f!important;border-color:#6366f14d!important}.ctree-add-ver-btn:hover{background:#6366f140!important;border-color:#a5b4fc!important}.ctree-subtree{background:#00000026;border-top:1px solid #ffffff0d;flex-direction:column;gap:6px;padding:6px 6px 6px 22px;animation:.2s both ctree-open;display:flex}@keyframes ctree-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ctree-sub-section{flex-direction:column;gap:2px;display:flex}.ctree-sub-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.7;align-items:center;gap:4px;padding:2px 0;font-size:8px;font-weight:700;display:flex}.ctree-sub-label-icon{font-size:10px}.ctree-sub-row{background:#ffffff06;border:1px solid #ffffff0d;border-radius:5px;align-items:center;gap:5px;min-height:24px;padding:3px 6px;display:flex}.ctree-sub-row:hover{background:#ffffff0d}.ctree-ver-badge{color:#a5b4fc;letter-spacing:0;background:#6366f140;border:1px solid #6366f166;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;font-weight:800;display:flex}.ctree-sub-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;font-weight:600;overflow:hidden}.ctree-sub-date{color:var(--text-muted);letter-spacing:.02em;flex-shrink:0;font-size:8px}.ctree-sub-remove{color:#c8646466;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:9px;line-height:1;transition:color .15s,background .15s;display:flex}.ctree-sub-remove:hover{color:#f87171;background:#f871711f}.ctree-reco-dots{flex-shrink:0;gap:2px;display:flex}.ctree-reco-dot{border-radius:50%;width:6px;height:6px;display:block}.ctree-reco-swatch{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:9px;height:9px}.ctree-sub-mat{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:60px;font-size:9px;overflow:hidden}.ctree-vadd-form{align-items:center;gap:3px;padding:2px 0;display:flex}.ctree-vadd-input{color:#a5b4fc;background:#6366f114;border:1px solid #6366f166;border-radius:4px;outline:none;flex:1;padding:3px 7px;font-size:10px}.ctree-vadd-input::placeholder{color:#a5b4fc59}.ctree-vadd-input:focus{border-color:#a5b4fc}.ctree-vadd-ok{min-width:24px;padding:2px 7px!important;font-size:11px!important}.ctree-vadd-cancel{min-width:22px;padding:2px 6px!important;font-size:10px!important}.ctree-add-item-btn{color:#a5b4fc99;cursor:pointer;letter-spacing:.04em;background:0 0;border:1px dashed #6366f140;border-radius:4px;margin-top:1px;padding:2px 6px;font-size:9px;font-weight:600;transition:color .15s,border-color .15s}.ctree-add-item-btn:hover{color:#a5b4fc;border-color:#6366f180}.ctree-empty-hint{padding:2px 0}.comp-item-actions{gap:5px;margin-top:6px;display:flex}.comp-action-btn{color:var(--accent-blue);letter-spacing:.04em;background:#4a9eff1a;border-color:#4a9eff59;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:600}.comp-action-btn:hover{border-color:var(--accent-blue);background:#4a9eff33}.add-comp-btn{width:100%;margin-top:auto}.comp-ask{flex-direction:column;align-items:center;gap:14px;padding:8px 0;display:flex}.comp-ask-text{color:var(--text-secondary);text-align:center;font-size:13px;line-height:1.4}.comp-ask-actions{gap:10px;display:flex}.comp-btn-no{background:#ffffff0f;border-color:#ffffff26;padding:8px 22px;font-weight:600}.comp-btn-no:hover{background:#ffffff1f}.comp-btn-yes{padding:8px 22px;font-weight:600}.comp-form{flex-direction:column;gap:10px;display:flex}.comp-form-label{color:var(--text-secondary);text-align:center;font-size:12px}.comp-field{flex-direction:column;gap:4px;display:flex}.comp-label{color:var(--text-secondary);text-align:center;font-size:11px;font-weight:600}.comp-select{color:#222;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E") right 10px center/10px no-repeat;border:1.5px solid #ccc;border-radius:8px;outline:none;width:100%;padding:7px 28px 7px 10px;font-size:12px}.comp-select:disabled{opacity:.7;cursor:default}.comp-select:focus{border-color:var(--accent-blue)}.comp-input{text-align:center;color:#6ee7b7;background:#6ee7b714;border:1.5px solid #6ee7b780;border-radius:20px;padding:7px 10px;font-size:12px;font-weight:600}.comp-input::placeholder{color:#6ee7b766}.comp-input:focus{background:#6ee7b724;border-color:#6ee7b7;outline:none}.comp-info-row{align-items:center}.comp-created-by{color:var(--text-secondary);text-align:center;font-size:12px}.comp-form-actions{justify-content:center;gap:10px;margin-top:4px;display:flex}.comp-success{flex-direction:column;align-items:center;gap:10px;padding:4px 0;display:flex}.comp-success-badge{color:#6ee7b7;background:#6ee7b71a;border:1.5px solid #6ee7b766;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:700}.comp-success-text{color:var(--text-secondary);text-align:center;font-size:13px;line-height:1.6}.process-panel{flex-direction:column;flex:0 0 200px;gap:12px;height:100%;padding:14px 12px;display:flex;overflow-y:auto}.proc-title{color:var(--text-primary);text-align:center;font-size:14px;font-weight:600}.proc-divider{background:var(--border-color);height:1px}.proc-info-block{flex-direction:column;align-items:center;gap:4px;display:flex}.proc-comp-badge{color:#6ee7b7;text-align:center;background:#6ee7b71a;border:1.5px solid #6ee7b759;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700}.proc-comp-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px}.proc-version-badge{background:#6366f11f;border:1px solid #6366f147;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin:-6px 0;padding:4px 10px;display:flex}.proc-version-label{color:#a5b4fc;letter-spacing:.04em;background:#6366f147;border:1px solid #6366f173;border-radius:3px;padding:0 5px;font-size:9px;font-weight:800}.proc-version-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:10px;overflow:hidden}.proc-no-version{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;display:flex}.proc-no-version-icon{color:#6366f180;font-size:24px;animation:3s linear infinite proc-spin}@keyframes proc-spin{to{transform:rotate(360deg)}}.proc-no-version-title{color:var(--text-secondary);font-size:12px;font-weight:600}.proc-no-version-sub{color:var(--text-muted);font-size:10px;line-height:1.5}.proc-app-info{border:1px solid var(--border-color);background:#4a9eff0d;border-radius:8px;gap:2px;padding:8px}.proc-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.proc-info-value{color:var(--text-primary);font-size:12px;font-weight:600}.proc-info-sub{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.proc-status-row{justify-content:center;align-items:center;gap:6px;display:flex}.proc-status-dot{background:#6b7280;border-radius:50%;width:8px;height:8px}.proc-status-dot.active{background:#34d399;box-shadow:0 0 6px #34d39966}.proc-status-dot.research{background:#60a5fa}.proc-status-dot.maintenance{background:#fbbf24}.proc-status-dot.replaced{background:#f87171}.proc-status-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.proc-spacer{flex:1}.proc-divider--light{opacity:.4;margin:2px 0}.proc-data-row{align-items:center;gap:8px;padding:3px 0;display:flex}.proc-data-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .4s,box-shadow .4s}.proc-data-dot--grey{background:#3a4560}.proc-data-dot--orange{background:#fb923c;box-shadow:0 0 6px #fb923c8c}.proc-data-dot--green{background:#34d399;box-shadow:0 0 6px #34d3998c}.proc-data-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500;transition:color .3s}.proc-data-row:has(.proc-data-dot--green) .proc-data-label{color:#34d399}.proc-data-row:has(.proc-data-dot--orange) .proc-data-label{color:#fb923c}.proc-rec-btn{color:#4ae6ff;cursor:pointer;background:linear-gradient(135deg,#0a2850e6,#051937f2);border:1.5px solid #4ae6ff80;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;margin:6px 0;padding:12px 8px;font-family:Inter,sans-serif;transition:transform .15s,box-shadow .2s;animation:2.2s ease-in-out infinite proc-rec-pulse;display:flex}.proc-rec-btn:hover{transform:scale(1.03);box-shadow:0 0 22px #4ae6ff73}.proc-rec-btn:active{transform:scale(.97)}.proc-rec-icon{filter:drop-shadow(0 0 6px #4ae6ff);font-size:22px;line-height:1}.proc-rec-text{letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:11px;font-weight:700;line-height:1.4}@keyframes proc-rec-pulse{0%,to{box-shadow:0 0 8px #4ae6ff40,inset 0 0 12px #4ae6ff0a}50%{box-shadow:0 0 20px #4ae6ff80,inset 0 0 20px #4ae6ff14}}.proc-rec-btn--ready{color:#34d399;background:linear-gradient(135deg,#0a3723eb,#052316f5);border-color:#34d39999;animation:2s ease-in-out infinite proc-rec-pulse-green}.proc-rec-btn--ready .proc-rec-icon{filter:drop-shadow(0 0 6px #34d399)}@keyframes proc-rec-pulse-green{0%,to{box-shadow:0 0 8px #34d39940,inset 0 0 12px #34d3990a}50%{box-shadow:0 0 22px #34d3998c,inset 0 0 20px #34d3991a}}.proc-rec-btn--completed{color:#b4c8e68c;cursor:default;box-shadow:none;opacity:.85;background:#0f162db3;border-color:#6478a04d;animation:none}.proc-rec-btn--completed .proc-rec-icon{filter:none;color:#64c88cb3}.proc-view-report-btn{color:#7dd3fc;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:#0a1e3c99;border:1px solid #4ae6ff47;border-radius:7px;width:100%;padding:7px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.proc-view-report-btn:hover{color:#4ae6ff;background:#4ae6ff1a;border-color:#4ae6ff8c}.proc-view-report-btn--active{color:#4ae6ff;background:#4ae6ff14;border-color:#4ae6ff8c}.proc-view-recos-btn{color:#a78bfacc;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:#8b5cf60f;border:1px solid #8b5cf647;border-radius:7px;width:100%;margin-top:5px;padding:6px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.proc-view-recos-btn:hover{color:#a78bfa;background:#8b5cf624;border-color:#8b5cf680}.proc-rec-btn--none{color:#fb923c;background:linear-gradient(135deg,#3c1e08eb,#281405f5);border-color:#fb923c8c;animation:2s ease-in-out infinite proc-rec-pulse-orange}.proc-rec-btn--none .proc-rec-icon{filter:drop-shadow(0 0 5px #fb923c)}@keyframes proc-rec-pulse-orange{0%,to{box-shadow:0 0 8px #fb923c33,inset 0 0 12px #fb923c08}50%{box-shadow:0 0 20px #fb923c73,inset 0 0 18px #fb923c14}}.proc-launch-btn--redo{position:relative;overflow:hidden;color:#fbbf24d9!important;background:repeating-linear-gradient(-48deg,#fbbf2412 0 7px,#00000017 7px 14px),linear-gradient(135deg,#1c1204eb,#120a02f2)!important;border-color:#fbbf244d!important}.proc-launch-btn--redo:hover{color:#fbbf24!important;background:repeating-linear-gradient(-48deg,#fbbf2421 0 7px,#0000001a 7px 14px),linear-gradient(135deg,#231604f2,#160e02fa)!important;border-color:#fbbf248c!important}.proc-launch-btn{letter-spacing:.04em;width:100%;padding:10px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .15s}.proc-launch-btn:active{transform:scale(.97)}.proc-launch-btn--active{color:var(--accent-blue);background:#4a9eff26;border-color:#4a9eff80;font-weight:600}.proc-launch-btn--continue{letter-spacing:.02em;font-size:10.5px}.hw3d-mount{cursor:grab;width:100%;height:100%;display:block}.hw3d-mount:active{cursor:grabbing}.csel{width:175px;font-family:Inter,sans-serif;font-size:12px;display:inline-block;position:relative}.csel-trigger{color:#e8edf5;cursor:pointer;text-align:left;background:#0d1f3c;border:1.5px solid #4a9eff26;border-radius:6px;outline:none;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:5px 10px 5px 9px;font-family:inherit;font-size:12px;transition:border-color .15s;display:flex}.csel-trigger:hover{border-color:#4a9eff73}.csel--open .csel-trigger{border-color:#4a9eff;border-bottom-right-radius:0;border-bottom-left-radius:0}.csel--disabled .csel-trigger{opacity:.5;cursor:default}.csel-label{text-overflow:ellipsis;white-space:nowrap;color:#e8edf5;flex:1;overflow:hidden}.csel-label--empty{color:#556080;font-style:italic}.csel-arrow{color:#89b;flex-shrink:0;transition:transform .18s}.csel--open .csel-arrow{transform:rotate(180deg)}.csel-menu{z-index:9999;background:#0d1f3c;border:1.5px solid #4a9eff;border-top:none;border-radius:0 0 6px 6px;max-height:220px;margin:0;padding:3px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.csel-menu::-webkit-scrollbar{width:4px}.csel-menu::-webkit-scrollbar-track{background:0 0}.csel-menu::-webkit-scrollbar-thumb{background:#2563eb;border-radius:2px}.csel-item{cursor:pointer;color:#e8edf5;white-space:nowrap;text-overflow:ellipsis;padding:7px 10px;font-size:12px;transition:background .1s;overflow:hidden}.csel-item:hover{color:#fff;background:#4a9eff2e}.csel-item--selected{color:#4a9eff;background:#4a9eff1f;font-weight:600}.csel-item--placeholder{color:#556080;font-style:italic;font-weight:400}.csel-item--placeholder.csel-item--selected{color:#556080}.hardware-panel{flex-direction:column;flex:1;min-width:0;max-width:480px;height:100%;transition:opacity .3s,max-width .44s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.hardware-panel--visible{opacity:1;pointer-events:auto;max-width:480px;animation:.38s cubic-bezier(.4,0,.2,1) both hp-slide-in}.hardware-panel--hidden{opacity:0;pointer-events:none;border:none;flex:0;max-width:0;padding:0;overflow:hidden}@keyframes hp-slide-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.hp-edge-toggle{z-index:10;width:18px;height:48px;position:absolute;top:50%;left:-19px;transform:translateY(-50%)}.hp-tabbar{border-bottom:1px solid var(--border-color);scrollbar-width:none;background:#ffffff03;flex-shrink:0;gap:0;display:flex;overflow-x:auto}.hp-tabbar::-webkit-scrollbar{display:none}.hp-tab{color:var(--text-muted);cursor:pointer;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:7px 10px;font-size:10px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.hp-tab:hover{color:var(--text-secondary);background:#4a9eff0a}.hp-tab--active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);background:#4a9eff0f}.hp-tab--pulse{color:#00e5ffd9;animation:1.8s ease-in-out infinite hp-tab-pulse}.hp-tab--pulse:hover{color:#00e5ff}.hp-tab-nudge{margin-left:4px;font-size:13px;line-height:1;animation:1.8s ease-in-out infinite hp-nudge-bounce;display:inline-block}@keyframes hp-tab-pulse{0%,to{background:0 0;border-bottom-color:#0000}50%{background:#00e5ff14;border-bottom-color:#00e5ff80}}@keyframes hp-nudge-bounce{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.hptab-label{flex-direction:column;justify-content:center;align-items:center;gap:3px;line-height:1;display:flex}.hptab-badges{align-items:center;gap:3px;display:flex}.hptab-badge{letter-spacing:.06em;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:1px 5px;font-size:8px;font-weight:700;line-height:1.4}.hptab-badge--static{color:#4a9eff8c;background:#4a9eff12;border:1px solid #4a9eff26}.hptab-badge--axial{color:#6ee7b78c;background:#6ee7b70d;border:1px solid #6ee7b726}.hptab-badge--media{color:#fbbf248c;background:#fbbf240f;border:1px solid #fbbf2426}.hp-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:10px 14px 6px}.hp-title-row{align-items:center;gap:8px;display:flex}.hp-title{color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.hp-badge{letter-spacing:.07em;border-radius:10px;padding:2px 7px;font-size:9px;font-weight:700}.hp-badge--static{color:#4a9eff;background:#4a9eff1f;border:1px solid #4a9eff4d}.hp-badge--dynamic{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c4d}.hp-badge--axial{color:#6ee7b7;background:#6ee7b71a;border:1px solid #6ee7b74d}.hp-badge--radial{color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa4d}.hp-subtitle{color:var(--text-muted);margin-top:3px;font-size:10px}.hp-body{flex:1;min-height:0;display:flex;overflow:hidden}.hp-viewer-col{border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:6px;width:200px;padding:8px;display:flex}.hp-viewer{border:1px solid var(--border-color);background:#050f1e99;border-radius:8px;flex:1;min-height:0;overflow:hidden}.hp-viewer-placeholder{color:var(--text-muted);text-align:center;background:#050f1e4d;border:1px dashed #4a9eff26;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.hp-viewer-placeholder p{color:var(--text-muted);font-size:11px;line-height:1.5}.hp-viewer-controls{align-items:center;gap:6px;display:flex}.hp-ctrl-btn{border-radius:5px;padding:4px 10px;font-size:11px}.hp-ctrl-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a9eff33}.hp-ctrl-hint{color:var(--text-muted);font-size:10px}.hp-legend{flex-direction:column;gap:3px;display:flex}.hp-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:10px;display:flex}.hp-legend-btn{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;padding:3px 6px 3px 4px;transition:background .15s,border-color .15s,opacity .15s}.hp-legend-btn:hover{background:#ffffff0f;border-color:#ffffff24}.hp-legend-btn--off{opacity:.35}.hp-legend-btn--off .hp-dot{filter:grayscale()}.hp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.hp-dot--gland{background:#2e8050}.hp-dot--oring{background:#aa1212}.hp-dot--groove{background:#1a4080}.hp-params-col{flex-direction:column;flex:1;gap:10px;min-width:0;padding:10px 12px;display:flex;overflow-y:auto}.hp-params-col::-webkit-scrollbar{width:3px}.hp-params-col::-webkit-scrollbar-thumb{background:var(--accent-blue-dark);border-radius:2px}.hp-section{border:1px solid var(--border-color);background:#ffffff04;border-radius:8px;flex-direction:column;gap:5px;padding:8px 10px;display:flex}.hp-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-blue);margin-bottom:2px;font-size:9px;font-weight:700}.hp-section--calc{background:#4a9eff08}.hp-row{justify-content:space-between;align-items:center;gap:6px;min-height:26px;display:flex}.hp-row--computed{opacity:.9}.hp-label{color:var(--text-secondary);flex:1;min-width:0;font-size:11px;line-height:1.3}.hp-input-wrap{align-items:center;gap:4px;display:flex}.hp-input{border:1.5px solid var(--border-color);width:70px;color:var(--text-primary);text-align:right;background:#ffffff0d;border-radius:5px;outline:none;padding:4px 6px;font-size:12px;transition:border-color .15s}.hp-input:focus{border-color:var(--accent-blue)}.hp-input::placeholder{color:var(--text-muted)}.hp-unit{color:var(--text-muted);min-width:16px;font-size:10px}.hp-value{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:600}.hp-value--empty{color:var(--text-muted);font-style:italic;font-weight:400}.hp-badge-small{border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.hp-ok{color:#4ac88c;background:#4ac88c1f;border:1px solid #4ac88c4d}.hp-warn{color:#ffb432;background:#ffb4321f;border:1px solid #ffb4324d}.hp-body--single{padding:10px 12px;overflow-y:auto}.hp-body--single .hp-params-col{flex:1;padding:0;overflow:visible}.hp-tag{color:var(--accent-blue);background:#4a9eff1a;border:1px solid #4a9eff40;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.hp-unit--bold{color:var(--text-secondary);font-size:11px;font-weight:700}.compviewer3d-mount{cursor:grab;width:100%;height:100%;display:block}.compviewer3d-mount:active{cursor:grabbing}.right-panel{width:var(--left-panel-width);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;height:100%;padding:8px 4px;display:flex}.right-panel-badge{letter-spacing:.12em;color:var(--text-secondary);border:1px solid var(--border-color);text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#4a9eff14;border-radius:4px;width:100%;padding:3px 8px;font-size:10px;font-weight:700;overflow:hidden}.comp-viewport{border:1px solid var(--border-color);background:#050f1e80;border-radius:8px;flex:1;width:100%;min-height:0;overflow:hidden}.comp-controls{justify-content:center;gap:6px;width:100%;display:flex}.comp-ctrl-btn{border-radius:6px;flex:1;gap:4px;padding:5px 8px;font-size:11px}.comp-ctrl-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a9eff40}.rec-panel{flex-direction:column;flex:1;gap:8px;min-width:0;transition:max-width .44s cubic-bezier(.4,0,.2,1),opacity .3s;animation:.45s cubic-bezier(.22,1,.36,1) both rec-panel-in;display:flex;overflow:hidden}.rec-panel--hidden{opacity:0;pointer-events:none;border:none;flex:0;max-width:0;padding:0}@keyframes rec-panel-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.rec-panel-header{border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.rec-panel-icon{color:#4ae6ff;filter:drop-shadow(0 0 6px #4ae6ff);font-size:18px}.rec-panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-bright,#e8edf5);font-family:Orbitron,Inter,sans-serif;font-size:13px;font-weight:700}.rec-panel-sub{color:var(--text-muted,#8892a4);letter-spacing:.06em;margin-left:auto;font-size:10px}.rec-cards{flex-direction:row;flex:1;gap:8px;min-height:0;display:flex;overflow-x:auto}.rec-cards::-webkit-scrollbar{height:4px}.rec-cards::-webkit-scrollbar-track{background:0 0}.rec-cards::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.rec-card{background:#0a14328c;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;flex:1;gap:6px;min-width:200px;max-width:280px;padding:10px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.rec-card--loaded{border-color:#4ae6ff2e}.rec-card--loading{justify-content:center;align-items:center}.rec-card-num{color:#ffffff40;letter-spacing:.05em;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;position:absolute;top:8px;left:10px}.rec-loading-wrap{flex-direction:column;align-items:center;gap:8px;padding:20px 0;display:flex}.rec-loading-icon{color:#4ae6ff99;font-size:24px;animation:1.4s linear infinite rec-spin}@keyframes rec-spin{to{transform:rotate(360deg)}}.rec-loading-label{color:var(--text-muted,#8892a4);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.rec-bar-track{background:#ffffff14;border-radius:2px;width:100%;height:3px;overflow:hidden}.rec-bar-fill{background:linear-gradient(90deg,#1a6fff,#4ae6ff);border-radius:2px;height:100%;transition:width 80ms linear;box-shadow:0 0 8px #4ae6ff80}.rec-pct{color:#4ae6ffb3;letter-spacing:.05em;font-family:Orbitron,monospace;font-size:10px}.rec-info{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.rec-divider{background:#ffffff12;height:1px;margin:3px 0}.rec-info-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.rec-info-row--material{flex-direction:column;align-items:flex-start;gap:1px}.rec-mat-label{color:#4ae6ffb3;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:600}.rec-mat-val{color:#e8edf5;letter-spacing:.02em;font-size:12px;font-weight:700}.rec-field-name{color:var(--text-muted,#8892a4);letter-spacing:.05em;flex-shrink:0;font-size:9px}.rec-field-val{color:#c8d3e8;text-align:right;font-size:10px}.rec-detail-link{color:#4ae6ff99;cursor:pointer;font-size:9px}.rec-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:2px 7px;font-size:9px;font-weight:700}.rec-badge--green{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.rec-badge--orange{color:#fb923c;background:#fb923c26;border:1px solid #fb923c4d}.rec-badge--red{color:#f87171;background:#f8717126;border:1px solid #f871714d}.rec-card--best{border:2px solid #34d399a6;box-shadow:0 0 22px #34d3992e,inset 0 0 20px #34d3990d}.rec-3d-wrap{background:#0000004d;border-radius:6px;flex:1;min-height:120px;position:relative;overflow:hidden}.rec-3d-overlay{pointer-events:none;z-index:2;white-space:nowrap;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.rec-3d-badge{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;padding:2px 9px;font-size:8px;font-weight:700}.rec-3d-badge--best{color:#34d399;text-shadow:0 0 8px #34d39980;background:#34d39938;border:1px solid #34d39973}.rec-3d-badge--potential{color:#b4c3dca6;background:#ffffff12;border:1px solid #ffffff1a}.rec-select-btn{color:#b4c3dc80;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;width:100%;padding:5px 8px;font-family:Inter,sans-serif;font-size:9px;font-weight:500;transition:border-color .2s,color .2s,background .2s}.rec-select-btn:hover{color:#4ae6ff;background:#4ae6ff12;border-color:#4ae6ff66}.rec-select-btn--best{color:#34d39999;border-color:#34d39933}.rec-select-btn--best:hover{color:#34d399;background:#34d39914;border-color:#34d3998c}.rec-select-btn--pulse{animation:2s ease-in-out infinite rec-btn-pulse}.rec-select-btn--best.rec-select-btn--pulse{animation:2s ease-in-out infinite rec-btn-pulse-best}@keyframes rec-btn-pulse{0%,to{color:#b4c3dc99;box-shadow:none;border-color:#4ae6ff2e}50%{color:#4ae6ff;border-color:#4ae6ff99;box-shadow:0 0 8px #4ae6ff40}}@keyframes rec-btn-pulse-best{0%,to{color:#34d399a6;box-shadow:none;border-color:#34d39940}50%{color:#34d399;border-color:#34d399b3;box-shadow:0 0 10px #34d3994d}}.drp-panel{flex-direction:column;flex:1;min-width:260px;max-width:420px;animation:.45s cubic-bezier(.22,1,.36,1) both drp-in;display:flex;overflow:hidden}@keyframes drp-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.drp-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.drp-header-left{align-items:center;gap:8px;display:flex}.drp-header-icon{font-size:16px}.drp-header-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-bright,#e8edf5);font-family:Orbitron,Inter,sans-serif;font-size:12px;font-weight:700}.drp-header-sub{color:var(--text-muted,#8892a4);letter-spacing:.06em;margin-top:1px;font-size:9px}.drp-header-meta{color:var(--text-muted,#8892a4);letter-spacing:.04em;flex-direction:column;align-items:flex-end;gap:1px;font-size:9px;display:flex}.drp-body{flex-direction:column;flex:1;gap:6px;padding-right:2px;display:flex;overflow:hidden auto}.drp-body::-webkit-scrollbar{width:3px}.drp-body::-webkit-scrollbar-track{background:0 0}.drp-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.drp-design-banner{border:1px solid;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:9px 10px;display:flex}.drp-design-banner--best{background:#34d3990f;border-color:#34d39959}.drp-design-banner--potential{background:#94a3b80a;border-color:#94a3b840}.drp-design-banner-icon{flex-shrink:0;font-size:20px;line-height:1}.drp-design-banner--best .drp-design-banner-icon{filter:drop-shadow(0 0 5px #34d399)}.drp-design-banner-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-bright,#e8edf5);font-size:11px;font-weight:700}.drp-design-banner-mat{color:var(--text-muted,#8892a4);align-items:center;gap:5px;margin-top:2px;font-size:10px;display:flex}.drp-mat-swatch{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.drp-section{background:#ffffff06;border:1px solid #ffffff0e;border-radius:7px;flex-direction:column;gap:3px;padding:7px 9px;display:flex}.drp-section-title{letter-spacing:.12em;text-transform:uppercase;color:#4ae6ffa6;border-bottom:1px solid #ffffff0d;margin-bottom:3px;padding-bottom:4px;font-size:9px;font-weight:700}.drp-row{justify-content:space-between;align-items:baseline;gap:6px;min-height:16px;display:flex}.drp-label{color:var(--text-muted,#8892a4);letter-spacing:.04em;flex-shrink:0;font-size:9px}.drp-value{color:var(--text-secondary,#c8d3e8);text-align:right;word-break:break-word;max-width:60%;font-size:10px;font-weight:500}.drp-value--green{color:#34d399}.drp-value--orange{color:#fb923c}.drp-value--red{color:#f87171}.drp-footer{border-top:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:8px;padding-top:8px;display:flex}.drp-footer-row{align-items:center;gap:8px;display:flex}.drp-order-btn{color:#4a9eff;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:#4a9eff1a;border:1px solid #4a9eff73;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 16px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .15s;display:flex}.drp-order-btn:hover:not(:disabled){background:#4a9eff38;border-color:#4a9effcc;transform:translateY(-1px)}.drp-order-btn:active:not(:disabled){transform:translateY(0)}.drp-order-btn--done{color:#34d399;cursor:default;background:#34d39914;border-color:#34d39966}.drp-download-btn{color:#b4c3dc66;letter-spacing:.07em;text-transform:uppercase;cursor:not-allowed;opacity:.6;background:#0f193299;border:1px solid #6478a04d;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;display:flex}.drp-download-hint{color:#8291a580;letter-spacing:.04em;font-size:9px;font-style:italic}.lc-panel{flex-direction:column;flex-shrink:0;width:360px;height:100%;animation:.42s cubic-bezier(.22,1,.36,1) both lc-slide-in;display:flex;overflow:hidden}@keyframes lc-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.lc-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 12px;display:flex}.lc-header-left{align-items:center;gap:10px;display:flex}.lc-header-icon{color:#4a9eff;opacity:.8;flex-shrink:0}.lc-header-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:700}.lc-header-sub{color:var(--text-muted);letter-spacing:.03em;margin-top:2px;font-size:9.5px}.lc-progress-wrap{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.lc-progress-label{color:var(--text-muted);letter-spacing:.04em;font-size:9px}.lc-progress-bar{background:#ffffff14;border-radius:2px;width:80px;height:3px;overflow:hidden}.lc-progress-fill{background:linear-gradient(90deg,#4a9eff,#34d399);border-radius:2px;height:100%;transition:width .6s}.lc-progress-pct{color:#4a9eff;letter-spacing:.04em;font-size:10px;font-weight:700}.lc-active-callout{background:#4a9eff12;border:1px solid #4a9eff2e;border-radius:7px;flex-shrink:0;align-items:center;gap:8px;margin:10px 14px 0;padding:7px 12px;display:flex}.lc-active-callout--delayed{background:#f59e0b12;border-color:#f59e0b40}.lc-active-callout--complete{background:#34d39912;border-color:#34d39933}.lc-active-dot{background:#4a9eff;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite lc-dot-blink}.lc-active-dot--complete{background:#34d399;animation:none}.lc-active-callout--delayed .lc-active-dot{background:#f59e0b}@keyframes lc-dot-blink{0%,to{opacity:1}50%{opacity:.35}}.lc-active-text{color:var(--text-secondary);letter-spacing:.02em;font-size:10px}.lc-active-text strong{color:var(--text-primary);font-weight:600}.lc-timeline{scrollbar-width:thin;scrollbar-color:#4a9eff33 transparent;flex-direction:column;flex:1;gap:0;padding:14px 16px 10px;display:flex;overflow-y:auto}.lc-timeline::-webkit-scrollbar{width:3px}.lc-timeline::-webkit-scrollbar-thumb{background:#4a9eff33;border-radius:2px}.lc-step{align-items:flex-start;gap:12px;padding-bottom:18px;display:flex;position:relative}.lc-connector{background:#ffffff14;width:1px;position:absolute;top:18px;bottom:0;left:7px}.lc-step--done .lc-connector{background:#34d39940}.lc-step--active .lc-connector{background:#4a9eff33}.lc-dot{z-index:1;background:#0f1932cc;border:1.5px solid #ffffff26;border-radius:50%;flex-shrink:0;width:15px;height:15px;margin-top:1px}.lc-step--done .lc-dot{background:#34d39926;border-color:#34d399}.lc-step--active .lc-dot{background:#4a9eff26;border-color:#4a9eff}.lc-step--delayed .lc-dot{background:#f59e0b26;border-color:#f59e0b}.lc-step--pending .lc-dot{border-color:#ffffff1a}.lc-dot--pulse{animation:2s ease-in-out infinite lc-step-pulse}@keyframes lc-step-pulse{0%,to{box-shadow:0 0 #4a9eff00}50%{box-shadow:0 0 0 5px #4a9eff2e}}.lc-step-body{flex:1;min-width:0}.lc-step-head{align-items:flex-start;gap:8px;display:flex}.lc-step-icon{opacity:.85;flex-shrink:0;margin-top:1px}.lc-step-titles{flex:1;min-width:0}.lc-step-label{color:var(--text-primary);letter-spacing:.02em;font-size:11px;font-weight:600;display:block}.lc-step--pending .lc-step-label{color:var(--text-muted)}.lc-step-sub{color:var(--text-muted);letter-spacing:.03em;margin-top:1px;font-size:9.5px;display:block}.lc-step-date{color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;text-align:right;flex-shrink:0;font-size:9.5px}.lc-step-date--overdue{color:#f87171}.lc-delay-tag{letter-spacing:.07em;color:#f59e0b;vertical-align:middle;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;margin-left:4px;padding:1px 4px;font-size:8px;font-weight:700;display:inline-block}.lc-delay-tag--overdue{color:#f87171;background:#f871711f;border-color:#f871714d}.lc-step-note{color:var(--text-muted);margin-top:4px;padding-left:24px;font-size:9.5px;line-height:1.45}.lc-step-note--warn{color:#f59e0b}.lc-carrier{opacity:.65;font-style:italic}.lc-footer{border-top:1px solid #ffffff0d;flex-shrink:0;padding:8px 16px 12px}.lc-footer-note{color:#8291aa73;letter-spacing:.04em;font-size:9px;font-style:italic}.game-view{flex-direction:row;flex:1;align-items:stretch;gap:8px;width:100%;min-height:0;padding:8px;display:flex;overflow:hidden}.gv-nav-wrap{opacity:1;flex-direction:row;flex-shrink:0;gap:8px;max-width:1000px;transition:max-width .44s cubic-bezier(.4,0,.2,1),opacity .28s,gap .44s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.gv-nav-wrap--collapsed{opacity:0;pointer-events:none;gap:0;max-width:0}.gv-nav-toggle{cursor:pointer;width:18px;color:var(--text-secondary);background:#4a9eff0d;border:1px solid #4a9eff2e;border-radius:5px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0;transition:background .2s,border-color .2s,color .2s,transform .44s cubic-bezier(.4,0,.2,1);display:flex}.gv-nav-toggle:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a9eff2e}.gv-nav-toggle--right{color:var(--accent-blue);background:#4a9eff1f;border-color:#4a9eff80}.gv-nav-toggle--right:hover{background:#4a9eff40}.gv-hw-toggle{cursor:pointer;color:#4ae6ff99;background:#4ae6ff0f;border:1px solid #4ae6ff2e;border-radius:5px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:18px;padding:0;transition:background .2s,border-color .2s,color .2s;display:flex}.gv-hw-toggle:hover{color:#4ae6ff;background:#4ae6ff2e;border-color:#4ae6ff}@media (width<=1100px){.game-view{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#4a9eff59 transparent;scroll-padding-left:8px;overflow:auto hidden}.game-view::-webkit-scrollbar{height:4px}.game-view::-webkit-scrollbar-track{background:0 0}.game-view::-webkit-scrollbar-thumb{background:#4a9eff59;border-radius:2px}.game-view>*,.gv-nav-wrap>*{scroll-snap-align:start;flex-shrink:0}}@media (width<=560px){.game-view::-webkit-scrollbar{display:none}.game-view{scrollbar-width:none;scroll-snap-type:x mandatory}.game-view>.left-panel,.game-view>.right-panel,.game-view>.process-panel,.game-view>.hardware-panel,.game-view>.rec-panel,.game-view>.drp-panel,.gv-nav-wrap>.program-panel,.gv-nav-wrap>.subsystem-tree,.gv-nav-wrap>.application-panel,.gv-nav-wrap>.component-panel{height:100%;flex:0 0 calc(100vw - 32px)!important;width:calc(100vw - 32px)!important;min-width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}.gv-nav-wrap:not(.gv-nav-wrap--collapsed){max-width:none}.gv-nav-toggle,.gv-hw-toggle{display:none}.hardware-panel--visible{max-width:calc(100vw - 32px)!important}.hardware-panel--hidden{max-width:0!important}}.designer-section{flex-direction:column;gap:16px;max-width:700px;display:flex}.section-title{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.ds-card{border:1px solid var(--border-color);background:#0a1932b3;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.ds-card-title{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:13px;font-weight:700}.ds-row{align-items:center;gap:12px;display:flex}.ds-label{color:var(--text-secondary);flex-shrink:0;width:140px;font-size:12px}.ds-color-row{flex:1;align-items:center;gap:8px;display:flex}.ds-color-picker{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;width:36px;height:28px;padding:2px}.ds-value{color:var(--text-muted);text-align:right;width:36px;font-size:11px}.ds-steps-list{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.ds-step-row{align-items:center;gap:8px;display:flex}.ds-step-num{width:24px;color:var(--text-muted);text-align:right;flex-shrink:0;font-size:11px}.ds-remove-btn{color:#ff6b6b;background:#ff6b6b0d;border-color:#ff6b6b4d;padding:4px 8px;font-size:11px}.ds-remove-btn:hover{background:#ff6b6b26;border-color:#ff6b6b}.ds-add-btn{align-self:flex-start;padding:7px 16px;font-size:12px}.ds-save-row{justify-content:flex-end;margin-top:8px;display:flex}.ds-save-btn{padding:10px 28px;font-size:13px}.ds-save-btn.saved{background:#16a34a;border-color:#16a34a}.ds-programs-list{flex-direction:column;gap:8px;display:flex}.ds-program-item{border:1px solid var(--border-color);cursor:pointer;background:#050f1e99;border-radius:8px;padding:12px;transition:border-color .2s}.ds-program-item:hover{border-color:var(--accent-blue)}.ds-program-item.active{border-color:var(--accent-blue);background:#4a9eff14}.ds-program-name{color:var(--text-primary);font-size:14px;font-weight:700}.ds-program-meta{color:var(--text-muted);margin-top:3px;font-size:11px}.ds-split{gap:16px;display:flex}.ds-split-left{flex-shrink:0;width:200px}.ds-split-right{flex:1}.ds-stages-list{flex-direction:column;gap:8px;display:flex}.ds-stage-card{border:1px solid var(--border-color);background:#0a193280;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.ds-stage-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ds-stage-order{color:var(--text-muted);width:20px;font-size:10px}.ds-subprogram-list{flex-direction:column;gap:6px;display:flex}.ds-subprogram-item{border:1px solid var(--border-color);background:#050f1e80;border-radius:6px;padding:8px 10px}.ds-subprogram-name{color:var(--text-primary);margin-bottom:6px;font-size:12px;font-weight:600}.ds-subsystem-list{flex-direction:column;gap:4px;padding-left:12px;display:flex}.ds-subsystem-item{align-items:center;gap:8px;display:flex}.ds-subsystem-name-input{flex:1}.designer-loading{color:var(--text-muted);padding:20px}.ds-hint{color:var(--text-muted);padding:2px 0;font-size:10px;font-style:italic;line-height:1.5}.ds-typo-preview{border:1px solid var(--border-color);text-align:center;background:#050f1e66;border-radius:6px;padding:6px 10px!important}.ds-apptype-list{flex-direction:column;gap:6px;display:flex}.ds-apptype-row{align-items:center;gap:8px;display:flex}@media (width<=900px){.designer-section{max-width:100%}.ds-split{flex-direction:column;gap:12px}.ds-split-left,.ds-split-right{width:100%}.ds-row{flex-wrap:wrap;gap:6px 10px}.ds-label{width:100%;font-weight:600}.ds-step-row .input,.ds-step-row input[type=text]{flex:1;min-width:0}.ds-steps-list{max-height:44vh}}@media (width<=560px){.ds-card{gap:10px;padding:12px}.section-title{font-size:16px}.ds-save-btn{padding:10px 18px;font-size:12px}}.hw-design{flex-direction:column;gap:16px;width:100%;display:flex}.hw-header{border-bottom:1px solid var(--border-color);padding-bottom:14px}.hw-title-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.hw-title{letter-spacing:.06em;color:var(--text-primary);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:15px;font-weight:700}.hw-subtitle{color:var(--text-muted);letter-spacing:.03em;font-size:11px}.hw-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:700}.hw-badge--static{color:#4ac88c;background:#4ac88c1f;border:1px solid #4ac88c59}.hw-badge--dynamic{color:#ffb432;background:#ffb4321f;border:1px solid #ffb43259}.hw-badge--axial{color:var(--accent-blue);background:#4a9eff1f;border:1px solid #4a9eff59}.hw-badge--radial{color:#c864ff;background:#c864ff1f;border:1px solid #c864ff59}.hw-body{flex-direction:row;align-items:flex-start;gap:20px;display:flex}.hw-viewer-col{flex-direction:column;flex:0 0 54%;gap:8px;min-width:0;display:flex}.hw-viewer{background:#040c1ab3;border:1px solid #4a9eff33;border-radius:10px;width:100%;height:360px;overflow:hidden}.hw-viewer-controls{align-items:center;gap:10px;display:flex}.hw-ctrl-btn{border-radius:6px;align-items:center;gap:5px;padding:5px 14px;font-size:11px;display:flex}.hw-ctrl-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a9eff38}.hw-ctrl-hint{color:var(--text-muted);font-size:10px;font-style:italic}.hw-legend{border:1px solid var(--border-color);background:#ffffff08;border-radius:6px;gap:14px;padding:8px 10px;display:flex}.hw-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.hw-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.hw-legend-dot--gland{background:#2a5aa0}.hw-legend-dot--oring{background:#8b1515}.hw-legend-dot--groove{background:#2e6e45}.hw-params-col{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.hw-section{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;flex-direction:column;gap:7px;padding:10px 12px;display:flex}.hw-section--calc{background:#4a9eff0a;border-color:#4a9eff33}.hw-section-title{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding-bottom:5px;font-size:10px;font-weight:700}.hw-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hw-row--computed{opacity:.9}.hw-label{color:var(--text-secondary);flex:1;font-size:11px;line-height:1.3}.hw-input-wrap{align-items:center;gap:4px;display:flex}.hw-input{text-align:right;border:1.5px solid var(--border-color);width:64px;color:var(--text-primary);background:#ffffff0f;border-radius:6px;outline:none;padding:5px 8px;font-size:12px;font-weight:600;transition:border-color .15s}.hw-input:focus{border-color:var(--accent-blue);background:#4a9eff14}.hw-input--text{text-align:left;width:120px}.hw-unit{color:var(--text-muted);min-width:18px;font-size:10px}.hw-select{border:1.5px solid var(--border-color);color:#e8edf5;appearance:none;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1f3c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238899bb'/%3E%3C/svg%3E") right 8px center/8px no-repeat;border-radius:6px;outline:none;width:175px;padding:5px 26px 5px 8px;font-size:12px}.hw-select:focus{border-color:var(--accent,#4a9eff)}.hw-select option{color:#e8edf5;background:#0d1f3c}.hw-value{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:600}.hw-value--highlight{color:#6ee7b7;background:#6ee7b71a;border:1px solid #6ee7b740;border-radius:4px;padding:2px 8px}.hw-value--empty{color:var(--text-muted);font-style:italic;font-weight:400}.hw-badge-small{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.hw-ok{color:#4ac88c;background:#4ac88c1f;border:1px solid #4ac88c4d}.hw-warn{color:#ffb432;background:#ffb4321f;border:1px solid #ffb4324d}.hw-mat-manager{border:1.5px solid var(--border-color);background:#ffffff05;border-radius:12px;margin-top:28px;padding:20px 24px}.hw-mat-manager-header{align-items:baseline;gap:14px;margin-bottom:16px;display:flex}.hw-mat-manager-title{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.hw-mat-manager-hint{color:var(--text-muted);font-size:11px}.hw-mat-list{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.hw-mat-row{align-items:center;gap:10px;display:flex}.hw-mat-num{color:var(--text-muted);text-align:right;min-width:18px;font-size:11px}.hw-mat-input{border:1.5px solid var(--border-color);color:var(--text-primary);background:#ffffff0d;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:12px;transition:border-color .15s}.hw-mat-input:focus{border-color:var(--accent)}.hw-mat-remove{color:#f87171;cursor:pointer;background:#dc3c3c26;border:1px solid #dc3c3c59;border-radius:5px;padding:4px 8px;font-size:11px;transition:background .15s}.hw-mat-remove:hover{background:#dc3c3c4d}.hw-mat-empty{color:var(--text-muted);text-align:center;padding:10px 0;font-size:12px;font-style:italic}.hw-mat-actions{align-items:center;gap:12px;display:flex}.hw-mat-add{padding:7px 14px;font-size:12px}.hw-mat-save{margin-left:auto;padding:7px 18px;font-size:12px}.hw-mat-save.saved{color:#4ac88c;background:#1a5c3a;border-color:#4ac88c}@media (width<=1100px){.hw-body{flex-direction:column;gap:14px}.hw-viewer-col{flex:none;width:100%}.hw-params-col{width:100%}.hw-viewer{height:300px}}@media (width<=560px){.hw-title{font-size:13px}.hw-viewer{height:260px}.hw-viewer-controls{flex-wrap:wrap}.hw-ctrl-hint{flex-basis:100%}.hw-row{flex-wrap:wrap;gap:6px 10px}.hw-label{flex:100%}.hw-input-wrap{margin-left:auto}.hw-input--text,.hw-select{width:100%}.hw-mat-manager{margin-top:16px;padding:14px}.hw-mat-manager-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:12px}.hw-mat-actions{flex-wrap:wrap}.hw-mat-save{margin-left:0}}.env-field{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.env-field:last-child{border-bottom:none}.env-label{color:var(--text-secondary);white-space:nowrap;font-size:12px}.env-radio-group{flex-wrap:wrap;gap:6px;display:flex}.env-radio-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border-radius:6px;align-items:center;gap:0;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.env-radio-btn input{display:none}.env-radio-btn:hover{color:var(--text-primary);border-color:#4a9eff66}.env-radio-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a9eff26;font-weight:600}.ds-card-hint{color:var(--text-muted);margin:-4px 0 8px;font-size:11px;font-style:italic}@media (width<=560px){.env-field{flex-wrap:wrap;gap:6px 10px}.env-label{white-space:normal;flex-basis:100%;font-weight:600}.env-radio-group{flex:100%}}.designer-view{gap:0;width:100%;height:100%;display:flex}.designer-sidebar{border-right:1px solid var(--border-color);background:#050f23e6;flex-direction:column;flex-shrink:0;gap:16px;width:200px;padding:16px 12px;display:flex}.designer-title{border-bottom:1px solid var(--border-color);flex-direction:column;gap:4px;padding-bottom:12px;display:flex}.designer-badge{letter-spacing:.12em;color:#ffb400;background:#ffb4001a;border:1px solid #ffb4004d;border-radius:4px;width:fit-content;padding:3px 8px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;display:inline-block}.designer-subtitle{color:var(--text-muted);font-size:11px}.designer-nav{flex-direction:column;gap:4px;display:flex}.designer-nav-btn{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.designer-nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.designer-nav-btn.active{color:#ffb400;background:#ffb4001f;font-weight:600}.tab-icon{font-size:16px}.designer-content{flex:1;min-width:0;padding:20px;overflow-y:auto}@media (width<=1100px){.designer-view{flex-direction:column;height:100%}.designer-sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-shrink:0;gap:10px;width:100%;padding:10px 12px}.designer-title{border-bottom:none;flex-direction:row;align-items:center;gap:10px;padding-bottom:0}.designer-subtitle{display:none}.designer-nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:row;gap:6px;padding-bottom:2px;overflow:auto hidden}.designer-nav::-webkit-scrollbar{height:3px}.designer-nav::-webkit-scrollbar-thumb{background:#ffb40059;border-radius:2px}.designer-nav-btn{border:1px solid var(--border-color);background:#ffffff05;flex-shrink:0;gap:6px;padding:8px 12px;font-size:12px}.designer-nav-btn.active{border-color:#ffb40073}.designer-content{padding:14px}}@media (width<=560px){.designer-nav-btn{padding:7px 10px;font-size:11px}.designer-nav-btn .tab-icon{font-size:14px}.designer-content{padding:12px 10px}.designer-badge{padding:2px 6px;font-size:10px}}.app-shell{background:radial-gradient(at 50% 110%,#2a0c00 0%,#120820 25%,#060d1a 55%,#020508 100%);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.app-main{padding-top:var(--header-height);padding-bottom:calc(var(--steps-height) + 32px);z-index:5;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}