@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@500;600;700&display=swap";:root{--bg-color:#0f172a;--header-bg:#1e293bbf;--card-bg:#1e293b;--bg-card-sub:#0b0f19;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#e3001b;--primary-hover:#b8001a;--primary-light:#e3001b26;--primary-border:#e3001b59;--border-color:#334155;--input-bg:#0f172a;--shadow:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006;--shadow-glow:0 2px 8px #e3001b59;--shadow-preview:0 10px 25px -5px #00000080;--font-body:"Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Barlow Condensed", "Barlow", sans-serif;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--radius-seg-inner:12px;--transition:all .18s cubic-bezier(.4, 0, .2, 1);--letter-spacing-wide:.06em;--dot-green:#10b981;--dot-yellow:#f59e0b;--dot-red:#ef4444;--dot-info:#38bdf8;--warning-callout-bg:#f59e0b1a;--warning-callout-border:#f59e0b4d;--warning-callout-text:#fbbf24;--nav-underline-hover:#e3001b6b;--nav-underline-active:var(--primary)}body.light-theme{--bg-color:#f1f5f9;--header-bg:#ffffffbf;--card-bg:#fff;--bg-card-sub:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--primary:#e3001b;--primary-hover:#b8001a;--primary-light:#e3001b12;--primary-border:#e3001b38;--border-color:#e2e8f0;--input-bg:#f1f5f9;--shadow:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--shadow-glow:0 2px 8px #e3001b38;--shadow-preview:0 10px 25px -5px #0000004d;--warning-callout-bg:#fffbeb;--warning-callout-border:#fde68a;--warning-callout-text:#92400e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);min-height:100vh;margin:0;padding:0;line-height:1.55;transition:background-color .25s,color .25s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700}.app-header{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-bottom:20px;display:flex}.app-title-group{flex-direction:column;gap:4px;display:flex}.app-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--text-main);font-size:1.5rem;font-weight:700}.app-subtitle{color:var(--text-muted);font-size:.82rem;font-weight:500}.theme-toggle-btn{all:unset;border-radius:var(--radius-md);background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow);transition:var(--transition);align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;display:flex}@media (hover:hover){.theme-toggle-btn:hover{border-color:var(--primary);background-color:var(--primary-light);color:var(--primary)}}.nav-container{background-color:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:900px;box-shadow:var(--shadow);border:1px solid var(--border-color);justify-content:center;margin-bottom:24px;padding:6px;display:flex}.nav-tabs{gap:4px;width:100%;display:flex}.nav-tab{text-align:center;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none}@media (hover:hover){.nav-tab:hover{color:var(--text-main);background-color:var(--bg-color)}}.nav-tab.active{color:var(--primary);background-color:var(--primary-light);font-weight:600}.card{background-color:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);width:100%;transition:var(--transition);padding:16px}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.card-title-group{align-items:center;gap:12px;display:flex}.card-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-main);font-size:1.3rem;font-weight:700}.checkbox-custom{border:2px solid var(--border-color);cursor:pointer;width:20px;height:20px;accent-color:var(--primary);transition:var(--transition);border-radius:4px;outline:none}.split-layout{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}@media (width<=850px){.split-layout{grid-template-columns:1fr}.visualizer-pane{order:-1}}.settings-pane{flex-direction:column;gap:20px;min-width:0;display:flex}.control-row{width:100%;min-height:48px;transition:var(--transition);justify-content:space-between;align-items:center;gap:16px;display:flex}.control-label{color:var(--text-main);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.control-label-muted{color:var(--text-muted);font-size:.85rem}.color-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-red{background-color:#ef4444;box-shadow:0 0 6px #ef444466}.dot-yellow{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b66}.dot-green{background-color:#10b981;box-shadow:0 0 6px #10b98166}.segmented-control{background-color:var(--input-bg);border-radius:var(--radius-pill);border:1px solid var(--border-color);gap:4px;padding:4px;display:inline-flex}.segmented-option{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-seg-inner);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:8px 16px;font-size:.88rem;font-weight:600}@media (hover:hover){.segmented-option:hover{color:var(--text-main);background-color:#ffffff0d}}.segmented-option.active{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow);font-weight:700}.stepper{border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--input-bg);align-items:center;display:inline-flex;overflow:hidden}.stepper-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}@media (hover:hover){.stepper-btn:hover{background-color:var(--primary);color:#fff}}.stepper-btn:active{background-color:var(--primary);color:#fff}.stepper-input{text-align:center;width:60px;color:var(--text-main);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-size:.95rem;font-weight:500}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit-label{color:var(--text-muted);text-align:right;width:32px;font-size:.88rem}.input-container{align-items:center;gap:8px;display:flex}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 0 2px var(--primary-border)}input:checked+.slider:before{transform:translate(22px)}.dashed-divider{border:none;border-top:1.5px dashed var(--border-color);width:100%;margin:8px 0}.disabled-state{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.visualizer-pane{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-height:350px;padding:12px;position:relative}.visualizer-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;margin-bottom:8px;font-size:.88rem;font-weight:600}.range-slider-container{align-items:center;gap:12px;width:100%;max-width:200px;display:flex}.range-slider{height:6px;accent-color:var(--primary);cursor:pointer;background:#cbd5e1;border-radius:3px;outline:none;flex:1}.slider-val{text-align:right;min-width:28px;font-size:.9rem;font-weight:500}.columns-2{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}@media (width<=600px){.columns-2{grid-template-columns:1fr}}.column-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);padding:16px}.column-title{color:var(--text-main);border-bottom:1px dashed var(--border-color);margin-bottom:12px;padding-bottom:6px;font-size:.9rem;font-weight:600}.sub-settings-grid{grid-template-columns:1fr;gap:12px;display:grid}.sub-grid-row{justify-content:space-between;align-items:center;display:flex}.sub-grid-row span{color:var(--text-muted);font-size:.85rem}.btn-secondary{background-color:var(--card-bg);border:1.5px solid var(--border-color);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:var(--transition);padding:8px 18px;font-size:.85rem;font-weight:700}@media (hover:hover){.btn-secondary:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}}.btn-secondary:active{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}._dashboardHeader_f495s_1{background-color:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);height:70px;box-shadow:var(--shadow);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;transition:background-color .25s,border-color .25s;display:flex;position:sticky;top:0}@media (width<=768px){._dashboardHeader_f495s_1{text-align:center;grid-template-columns:40px 1fr 40px;align-items:center;height:60px;padding:0 16px;display:grid}}._mobileMenuBtn_f495s_29{color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:6px;display:none}@media (hover:hover){._mobileMenuBtn_f495s_29:hover{background-color:var(--primary-light);color:var(--primary)}}@media (width<=768px){._mobileMenuBtn_f495s_29{justify-content:center;align-items:center;display:flex}}._headerTitle_f495s_53{color:var(--text-main);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}@media (width<=768px){._headerTitle_f495s_53{grid-column:2;margin:0 auto;font-size:1.1rem}}._headerThemeBtn_f495s_67{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow);transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}@media (hover:hover){._headerThemeBtn_f495s_67:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light);transform:rotate(15deg)}}._headerThemeBtn_f495s_67:active{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light);transform:rotate(15deg)}@media (width<=768px){._headerThemeBtn_f495s_67{grid-column:3;justify-self:end}}._dashboardSidebar_1wb7t_1{background-color:var(--card-bg);border-right:1px solid var(--border-color);z-index:999999;flex-direction:column;width:260px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=768px){._dashboardSidebar_1wb7t_1{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}._dashboardSidebar_1wb7t_1._open_1wb7t_18{transform:translate(0)}}._sidebarBrand_1wb7t_23{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;height:70px;padding:0 24px;display:flex}._brandLogo_1wb7t_32{background-color:var(--primary-light);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:8px;display:flex}._brandInfo_1wb7t_41{flex-direction:column;display:flex}._sidebarBrand_1wb7t_23 .brandName{color:var(--text-main);font-size:.95rem;font-weight:700}._sidebarBrand_1wb7t_23 .brandVersion{color:var(--text-muted);font-size:.72rem;font-weight:500}._sidebarNav_1wb7t_58{flex-direction:column;flex:1;gap:6px;padding:24px 16px;display:flex;overflow-y:auto}._sidebarLink_1wb7t_67{color:var(--text-muted);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;font-size:.92rem;font-weight:500;text-decoration:none;display:flex}@media (hover:hover){._sidebarLink_1wb7t_67:hover{color:var(--primary);background-color:var(--input-bg)}}._sidebarLink_1wb7t_67._active_1wb7t_85{color:var(--primary);background-color:var(--primary-light);font-weight:600}._sidebarLink_1wb7t_67._active_1wb7t_85 ._linkIcon_1wb7t_90{color:var(--primary)}._linkIcon_1wb7t_90{justify-content:center;align-items:center;transition:transform .25s;display:flex}@media (hover:hover){._sidebarLink_1wb7t_67:hover ._linkIcon_1wb7t_90{transform:translate(2px)}}._linkLabel_1wb7t_106{display:inline-block}._sidebarBackdrop_1wb7t_110{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;background-color:#0f172a99;animation:.25s _fadeIn_1wb7t_1;position:fixed;inset:0}@keyframes _fadeIn_1wb7t_1{0%{opacity:0}to{opacity:1}}.fullscreen-loading{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner-container{flex-direction:column;align-items:center;gap:16px;display:flex}.loading-spinner{border:4px solid #ffffff1a;border-top:4px solid var(--primary);border-radius:50%;width:60px;height:60px;animation:1s linear infinite fullscreen-loading-spin}.loading-text{color:#fff;letter-spacing:.05em;font-size:1rem;font-weight:400}@keyframes fullscreen-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._dashboardContainer_1hg48_1{background-color:var(--bg-color);height:100vh;color:var(--text-main);transition:background-color .25s,color .25s;display:flex;overflow:hidden}._dashboardMain_1hg48_10{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}._dashboardContent_1hg48_18{flex:1;padding:32px}@media (width<=1024px){._dashboardContent_1hg48_18{padding:16px}}._contentContainer_1hg48_28{width:100%;max-width:1200px;margin:0 auto}._page_1pv5k_1{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}._card_1pv5k_10{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);flex-direction:column;gap:28px;padding:40px 36px 36px;display:flex}@media (width<=768px){._card_1pv5k_10{gap:20px;padding:28px 20px 24px}}._logoBlock_1pv5k_29{flex-direction:column;align-items:center;gap:12px;display:flex}._logoImage_1pv5k_36{object-fit:contain;width:auto;height:100px}._modeGrid_1pv5k_42{grid-template-columns:1fr 1fr;gap:12px;display:grid}._modeCard_1pv5k_48{border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-card-sub);cursor:pointer;transition:var(--transition);text-align:center;outline:none;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;display:flex}@media (hover:hover){._modeCard_1pv5k_48:hover{border-color:var(--primary);background:var(--primary-light)}}._modeCard_1pv5k_48._active_1pv5k_68{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px var(--primary-border)}._modeCard_1pv5k_48:focus-visible{box-shadow:0 0 0 3px var(--primary-border)}._modeIcon_1pv5k_77{border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--border-color);justify-content:center;align-items:center;width:44px;height:44px;display:flex}._active_1pv5k_68 ._modeIcon_1pv5k_77{background:var(--primary-light);border-color:var(--primary-border)}._modeIcon_1pv5k_77 svg{transition:var(--transition)}._modeName_1pv5k_95{color:var(--text-main);font-size:.88rem;font-weight:600;line-height:1.2}._modeDesc_1pv5k_102{color:var(--text-muted);font-size:.72rem;line-height:1.4}._fieldGroup_1pv5k_108{flex-direction:column;gap:6px;display:flex}._fieldLabel_1pv5k_114{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:600}._inputWrapper_1pv5k_122{position:relative}._input_1pv5k_122{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);box-sizing:border-box;padding:12px 16px;font-family:inherit;font-size:.95rem}._input_1pv5k_122::placeholder{color:var(--text-muted);opacity:.6}._input_1pv5k_122:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-border);outline:none}._input_1pv5k_122._hasError_1pv5k_147{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}._selectWrapper_1pv5k_152{position:relative}._selectWrapper_1pv5k_152:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--text-muted);pointer-events:none;width:0;height:0;transition:var(--transition);position:absolute;top:50%;right:14px;transform:translateY(-50%)}._select_1pv5k_152{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);cursor:pointer;appearance:none;transition:var(--transition);box-sizing:border-box;padding:12px 40px 12px 16px;font-family:inherit;font-size:.95rem}._select_1pv5k_152:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-border);outline:none}._select_1pv5k_152 option{background:var(--card-bg);color:var(--text-main)}._errorMsg_1pv5k_195{color:#ef4444;align-items:center;gap:5px;margin-top:4px;font-size:.78rem;display:flex}._loginBtn_1pv5k_204{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);letter-spacing:.04em;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:inherit;font-size:1rem;font-weight:700;display:flex}@media (hover:hover){._loginBtn_1pv5k_204:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #e3001b66}}._loginBtn_1pv5k_204:active:not(:disabled){transform:translateY(0)}._loginBtn_1pv5k_204:disabled{opacity:.6;cursor:not-allowed}._spinner_1pv5k_237{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite _spin_1pv5k_237}@keyframes _spin_1pv5k_237{to{transform:rotate(360deg)}}._forgotPasswordWrapper_1pv5k_251{justify-content:center;margin-top:-8px;display:flex}._forgotPasswordLink_1pv5k_257{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;outline:none;padding:4px;font-size:.88rem;font-weight:500}@media (hover:hover){._forgotPasswordLink_1pv5k_257:hover{color:var(--primary)}}._forgotPasswordLink_1pv5k_257:focus-visible{color:var(--primary);outline:1px dashed var(--primary)}._page_1aj31_1{background:var(--bg-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;padding:40px 20px;display:flex}._iconWrap_1aj31_13{border-radius:var(--radius-lg);background:var(--primary-light);border:1px solid var(--primary-border);justify-content:center;align-items:center;width:80px;height:80px;display:flex}._title_1aj31_24{color:var(--text-main);font-size:1.5rem;font-weight:700}._subtitle_1aj31_30{color:var(--text-muted);max-width:320px;font-size:.95rem;line-height:1.6}._badge_1aj31_37{background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary);letter-spacing:.04em;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}._backBtn_1aj31_51{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);cursor:pointer;transition:var(--transition);padding:12px 28px;font-family:inherit;font-size:.9rem;font-weight:600}@media (hover:hover){._backBtn_1aj31_51:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}}._wrap_124tq_2{grid-auto-flow:column;grid-template-columns:repeat(var(--options-count,2), 1fr);scroll-behavior:smooth;background-color:var(--input-bg);border-radius:var(--radius-pill);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:4px;padding:4px;display:grid;position:relative;overflow-x:auto}._wrap_124tq_2::-webkit-scrollbar{display:none}._wrap_124tq_2._disabled_124tq_23{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}._option_124tq_29{text-align:center;white-space:nowrap;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);background:0 0;border:none;width:100%;padding:8px 12px;font-size:.82rem;font-weight:600}@media (hover:hover){._option_124tq_29:hover{color:var(--text-main);background-color:#ffffff0d}}._option_124tq_29._active_124tq_52{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow);font-weight:700}._option_124tq_29._disabled_124tq_23{opacity:.35;cursor:not-allowed;pointer-events:none}._labelWrapper_124tq_64{flex-direction:column;justify-content:center;align-items:center;width:100%;display:inline-flex;position:relative}._labelText_124tq_73{font-weight:inherit}._labelPlaceholder_124tq_77{visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;height:0;font-weight:600;display:block;overflow:hidden}._container_xuij4_1{width:100%;min-width:140px;max-width:180px;display:inline-block;position:relative}._trigger_xuij4_9{text-align:left;background-color:var(--input-bg,#fff);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);cursor:pointer;transition:var(--transition);box-sizing:border-box;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;outline:none;padding:8px 36px 8px 12px;font-size:.88rem;font-weight:500}body.light-theme ._trigger_xuij4_9{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}@media (hover:hover){._trigger_xuij4_9:hover{border-color:var(--primary)}}._trigger_xuij4_9:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-border)}._trigger_xuij4_9:disabled{opacity:.45;cursor:not-allowed}._dropdown_xuij4_45{z-index:1000;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow);box-sizing:border-box;flex-direction:column;gap:4px;max-height:240px;margin-top:6px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) _dropdownFadeIn_xuij4_1;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}@keyframes _dropdownFadeIn_xuij4_1{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}._option_xuij4_79{color:var(--text-main);cursor:pointer;border-radius:var(--radius-xs);transition:var(--transition);text-align:left;background:0 0;border:none;outline:none;width:100%;padding:8px 12px;font-size:.88rem;font-weight:500}@media (hover:hover){._option_xuij4_79:hover{background-color:var(--primary-light);color:var(--primary)}}._option_xuij4_79._selected_xuij4_100{background-color:var(--primary);font-weight:600;color:#fff!important}.trajectory-container{animation:.35s cubic-bezier(.16,1,.3,1) trajectoryFadeIn}@keyframes trajectoryFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sensor-point{fill:#ef4444;stroke:#fff;stroke-width:2px}.visualizer-pane{box-sizing:border-box;flex-direction:column;height:100%;min-height:650px;display:flex}.visualizer-svg{border-radius:var(--radius-md);background:#0f172a;width:100%;height:100%;display:block;overflow:hidden}.visualizer-svg-wrapper{box-sizing:border-box;flex-grow:1;flex-shrink:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.visualizer-svg-wrapper--simple{max-width:500px;margin:0 auto}.visualizer-svg-wrapper--advanced{max-width:650px;margin:0 auto}.grid-line{stroke:#ffffff0a;stroke-width:1px}.grid-line-major{stroke:#ffffff14;stroke-width:1px}.svg-label{fill:#94a3b8;font-size:11px;font-weight:500}.bsd-legend-container{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;border:1px solid #ffffff0d;flex-shrink:0;justify-content:space-around;align-items:center;margin-top:16px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.legend-text{font-weight:500}.legend-value{margin-left:2px;font-weight:600}.is-legend .legend-value{color:#f59e0b}.ws-legend .legend-value{color:#ef4444}.legend-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-indicator.dot-yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.legend-indicator.dot-red{background:#ef4444;box-shadow:0 0 8px #ef4444}.bsd-container{animation:.35s cubic-bezier(.16,1,.3,1) bsdFadeIn}@keyframes bsdFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.global-controls-row{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.mode-tab-header{width:100%;margin-bottom:24px;display:flex}.mode-tab-header .segmented-control{width:100%}.zone-details-header{color:var(--text-main);border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;font-size:1.05rem;font-weight:700;display:flex}.advanced-settings-pane{flex-direction:column;gap:20px;display:flex}.svg-zone-group{cursor:pointer;outline:none}.svg-zone-rect{transition:all .25s}@media (hover:hover){.svg-zone-group:hover .svg-zone-rect.is-rect{fill:#f59e0b33}.svg-zone-group:hover .svg-zone-rect.ws-rect{fill:#ef444440}}.svg-zone-group.active .svg-zone-rect.is-rect{fill:#f59e0b40;stroke:#f59e0b;stroke-width:2.2px}.svg-zone-group.active .svg-zone-rect.ws-rect{fill:#ef444440;stroke:#ef4444;stroke-width:2.2px}.svg-zone-group.disabled .svg-zone-rect{opacity:.45;stroke:#64748b!important;fill:#64748b0a!important;stroke-dasharray:4 4!important}.svg-zone-text{fill:#94a3b8;pointer-events:none;font-size:9px;font-weight:600;transition:fill .25s}.svg-zone-group.active .svg-zone-text{fill:#10b981;font-weight:700}.svg-zone-group.disabled .svg-zone-text{fill:#64748b;opacity:.5}.save-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001a}@media (hover:hover){.save-btn:hover{background-color:var(--primary);filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #00000026}}.save-btn:active{transform:translateY(0)}@media (hover:hover){.modal-close:hover{color:var(--text-main)}}.modal-btn{border-radius:var(--radius-md);cursor:pointer;padding:8px 20px;font-size:.9rem;font-weight:600}.modal-btn-primary{background-color:var(--primary);color:#fff;border:none}@media (hover:hover){.modal-btn-primary:hover{filter:brightness(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.color-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-yellow{background:#f59e0b;box-shadow:0 0 6px #f59e0b8c}.dot-red{background:#ef4444;box-shadow:0 0 6px #ef44448c}.zone-selector-grid{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#00000026;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:20px;padding:12px;display:grid}.zone-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm,6px);color:var(--text-muted);cursor:pointer;text-align:center;background:#ffffff0a;padding:9px 4px;font-size:.78rem;font-weight:600;line-height:1.2;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}@media (hover:hover){.zone-btn:hover{color:#10b981;background:#10b9811a;border-color:#10b98180}}.zone-btn.active{color:#10b981;background:#10b9812e;border-color:#10b981;font-weight:700;box-shadow:0 0 10px #10b98138}.zone-btn.off{opacity:.4;text-decoration:line-through}.grid-2col{grid-template-columns:1fr 1fr;gap:20px 40px;margin-bottom:20px;display:grid}@media (width<=768px){.grid-2col{grid-template-columns:1fr;gap:16px}}.full-width-row{border-bottom:1px solid #e2e8f099;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.full-width-row .control-label{color:var(--text-main);min-width:100px;font-weight:600}.dotted-divider{border:none;border-top:1.5px dotted var(--border-color);width:100%;margin:14px 0}.avm-param-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.avm-param-row span{color:var(--text-muted);font-size:.88rem;font-weight:500}.preview-container-16-9{background-color:var(--bg-card-sub,#f8fafc);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:100%;margin-top:28px;padding:12px;display:flex}body.dark-theme .preview-container-16-9{background-color:#0b0f19}.preview-screen{aspect-ratio:16/9;background-color:#000;flex-direction:row;width:100%;max-width:720px;margin:0 auto;transition:aspect-ratio .4s,max-width .4s,flex-direction .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.preview-left{background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;justify-content:center;align-items:center;width:40%;transition:width .4s,height .4s,border .4s;display:flex;position:relative}.preview-right{color:#94a3b8;background-color:#1e293b;flex-direction:column;justify-content:center;align-items:center;width:60%;font-size:.8rem;transition:width .4s,height .4s;display:flex;position:relative}.preview-screen.portrait{aspect-ratio:9/16;flex-direction:column;max-width:320px}.preview-screen.portrait .preview-left{border-bottom:1px solid #1e293b;border-right:none;width:100%;height:40%}.preview-screen.portrait .preview-right{width:100%;height:60%}.screen-overlay-text{color:#10b981;letter-spacing:.05em;z-index:10;background:#000000a6;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.7rem;position:absolute;top:8px;left:8px}.reverse-grid{z-index:2;background:linear-gradient(#0000 90%,#ef444440 90% 100%),linear-gradient(#0000 70%,#f59e0b33 70% 100%),linear-gradient(#0000 40%,#10b9811a 40% 100%);justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:20px;display:flex;position:absolute}.guideline{border-left:2px dashed #ef4444;border-right:2px dashed #ef4444;width:60%;height:80%;transform:perspective(80px)rotateX(40deg)}.mini-car{width:20px;height:40px;transition:var(--transition);background-color:#475569;border:1.5px solid #94a3b8;border-radius:4px;box-shadow:0 0 8px #ffffff1a}.styled-select{appearance:none;background-color:var(--input-bg,#fff);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;transition:var(--transition);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;outline:none;min-width:140px;padding:8px 36px 8px 12px;font-size:.88rem;font-weight:500}body.light-theme .styled-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}@media (hover:hover){.styled-select:hover{border-color:var(--primary)}}.styled-select option{background-color:var(--card-bg,#fff);color:var(--text-main)}.zoom-container{box-sizing:border-box;width:100%;height:100%;position:relative}.zoom-container.fullscreen-active{z-index:99999!important;box-sizing:border-box!important;background-color:#000!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.zoom-container:fullscreen{box-sizing:border-box!important;background-color:#000!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.zoom-container:fullscreen{box-sizing:border-box!important;background-color:#000!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.zoom-container .fullscreen-content-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex}:-webkit-any(.zoom-container.fullscreen-active .fullscreen-content-wrapper,.zoom-container:fullscreen .fullscreen-content-wrapper,.zoom-container:-webkit-full-screen .fullscreen-content-wrapper){background-color:#000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}:is(.zoom-container.fullscreen-active .fullscreen-content-wrapper,.zoom-container:fullscreen .fullscreen-content-wrapper,.zoom-container:fullscreen .fullscreen-content-wrapper){background-color:#000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.zoom-container.fullscreen-active img,.zoom-container.fullscreen-active video,.zoom-container.fullscreen-active .fullscreen-content-wrapper>*{aspect-ratio:16/9!important;object-fit:contain!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important}.zoom-container:fullscreen img{aspect-ratio:16/9!important;object-fit:contain!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important}.zoom-container:fullscreen video{aspect-ratio:16/9!important;object-fit:contain!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important}.zoom-container:fullscreen .fullscreen-content-wrapper>*{aspect-ratio:16/9!important;object-fit:contain!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important}.zoom-container:-webkit-full-screen img{aspect-ratio:16/9!important;object-fit:contain!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important}.zoom-container:-webkit-full-screen video{aspect-ratio:16/9!important;object-fit:contain!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important}.zoom-container:-webkit-full-screen .fullscreen-content-wrapper>*{aspect-ratio:16/9!important;object-fit:contain!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important}@media screen and (orientation:portrait){.zoom-container.fullscreen-active.iphone-device .fullscreen-content-wrapper{aspect-ratio:16/9!important;object-fit:contain!important;transform-origin:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:177.778vw!important;max-width:100vh!important;height:100vw!important;max-height:56.25vh!important;display:flex!important;transform:rotate(90deg)!important}}.zoom-container .fullscreen-toggle-btn{z-index:100000;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .3s,transform .2s,box-shadow .3s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 14px #0006}.zoom-container .fullscreen-toggle-btn:hover{background:#ffffff47;transform:scale(1.08);box-shadow:0 6px 18px #0000008c}.zoom-container .fullscreen-toggle-btn:active{transform:scale(.92)}.zoom-container .fullscreen-toggle-btn svg{transition:transform .3s;display:block}.zoom-container.is-portrait-preview.fullscreen-active img,.zoom-container.is-portrait-preview.fullscreen-active video,.zoom-container.is-portrait-preview.fullscreen-active .fullscreen-content-wrapper>*{aspect-ratio:9/16!important}.zoom-container.is-portrait-preview:fullscreen img{aspect-ratio:9/16!important}.zoom-container.is-portrait-preview:fullscreen video{aspect-ratio:9/16!important}.zoom-container.is-portrait-preview:fullscreen .fullscreen-content-wrapper>*{aspect-ratio:9/16!important}.zoom-container.is-portrait-preview:-webkit-full-screen img{aspect-ratio:9/16!important}.zoom-container.is-portrait-preview:-webkit-full-screen video{aspect-ratio:9/16!important}.zoom-container.is-portrait-preview:-webkit-full-screen .fullscreen-content-wrapper>*{aspect-ratio:9/16!important}@media screen and (orientation:portrait){.zoom-container.fullscreen-active.iphone-device.is-portrait-preview .fullscreen-content-wrapper{aspect-ratio:9/16!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;transform:none!important}}._pane_60i6o_2{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;padding:16px 12px 12px;display:flex;overflow:hidden}._title_60i6o_18{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;font-size:.82rem;font-weight:600}._svgWrapper_60i6o_27{justify-content:center;width:100%;min-width:0;display:flex;overflow:hidden}._svg_60i6o_27{width:100%;max-width:196px;height:auto;display:block}._camDot_60i6o_42{cursor:pointer}._camDot_60i6o_42 circle{fill:#94a3b8;stroke:#fff;stroke-width:2px;transition:fill .18s,r .18s}._camDot_60i6o_42 text{fill:#fff;pointer-events:none;dominant-baseline:central;text-anchor:middle;font-weight:700;font-family:var(--font-body)}._camDot_60i6o_42._active_60i6o_59 circle{fill:var(--primary)}@media (hover:hover){._camDot_60i6o_42._active_60i6o_59:hover circle{fill:var(--primary-hover)}._camDot_60i6o_42:not(._active_60i6o_59):hover circle{fill:#475569}}._hint_60i6o_73{color:var(--text-muted);text-align:center;font-size:.75rem;line-height:1.4}.top-controls{flex-wrap:wrap;align-items:center;gap:32px;margin-bottom:20px;display:flex}.top-controls .control-row{gap:14px;min-height:auto;margin:0}.camera-layout{grid-template-columns:minmax(180px,260px) 1fr;align-items:start;gap:24px;min-width:0;display:grid}.camera-layout>*{min-width:0;overflow:hidden}.camera-left-column{flex-direction:column;gap:20px;min-width:0;display:flex}@media (width<=720px){.camera-layout{grid-template-columns:1fr}}.settings-panel{background:var(--bg-card-sub,#f8fafc);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:0;padding:20px 24px;display:flex}.camera-tab-panel{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:0;min-width:0;display:flex}.camera-tab-header{border-bottom:1px solid var(--border-color);background:var(--card-bg);padding:12px 16px}.camera-tab-content{flex-direction:column;gap:0;padding:16px;display:flex}.panel-header{border-bottom:1px dashed var(--border-color);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.panel-title{color:var(--text-main);font-size:.95rem;font-weight:600}.panel-control-row{justify-content:space-between;align-items:center;gap:16px;min-height:46px;display:flex}.preview-section{margin-top:4px}.preview-section-title{color:var(--text-main);margin-bottom:12px;font-size:.95rem;font-weight:600}.preview-frame{aspect-ratio:16/9;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.preview-cam-label{color:#10b981;letter-spacing:.06em;background:#0009;border-radius:3px;padding:2px 7px;font-family:monospace;font-size:.68rem;position:absolute;top:10px;left:10px}.preview-placeholder{text-align:center}.preview-placeholder-main{color:#e2e8f0;font-size:1rem;font-weight:500}.preview-placeholder-sub{color:#64748b;margin-top:5px;font-size:.72rem}.mobile-only{display:none}.desktop-only{display:block}@media (width<=720px){.mobile-only{display:block}.desktop-only{display:none}}.calib-actions{align-items:center;gap:10px;margin-bottom:20px;display:flex}.calib-actions .spacer{flex:1}.calib-actions .btn-secondary,.calib-actions .btn-primary{border-radius:var(--radius-sm);transition:var(--transition);padding:8px 18px;font-size:.85rem;font-weight:600}.calib-actions .btn-primary{background-color:var(--primary);border:1px solid var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-glow)}@media (hover:hover){.calib-actions .btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #e3001b66}.calib-actions .btn-secondary:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light);transform:translateY(-1px)}}.calib-actions .btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #e3001b26}.calib-actions .btn-secondary{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer}.calib-actions .btn-secondary:active{background-color:var(--border-color);transform:translateY(0)}.section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-label{color:var(--text-main);font-size:.88rem;font-weight:600}.avm-badge{background:var(--primary-light,#2563eb26);color:var(--primary);border:1px solid var(--border-color);border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600}.preview-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=768px){.preview-grid{grid-template-columns:1fr}}.preview-window{aspect-ratio:16/9;cursor:default;-webkit-user-select:none;user-select:none;background:#0f172a;position:relative;overflow:visible}.preview-window-bg{opacity:.85;border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}@media (hover:hover){.preview-window:not(.inactive):hover{border-color:#475569}}.preview-window.inactive{border-style:dashed;border-color:var(--border-color);background:var(--bg-card-sub,#f8fafc);opacity:.55;pointer-events:none}body.dark-theme .preview-window.inactive{background:#0b0f19}.preview-window:after{content:"";pointer-events:none;z-index:1;border-radius:inherit;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.preview-window.inactive:after{background-image:none}.preview-cam-tag{color:#10b981;letter-spacing:.07em;z-index:10;pointer-events:none;background:#000000a6;border-radius:3px;padding:2px 7px;font-family:monospace;font-size:.6rem;position:absolute;top:8px;left:8px}.preview-window.inactive .preview-cam-tag{color:var(--text-muted);background:#64748b1f}.preview-center-label{color:#94a3b859;pointer-events:none;z-index:2;justify-content:center;align-items:center;font-size:.82rem;display:flex;position:absolute;inset:0}.preview-window.inactive .preview-center-label{color:var(--text-muted);opacity:.6}.cross-marker{cursor:crosshair;z-index:20;touch-action:none;width:32px;height:32px;position:absolute;transform:translate(-50%,-50%)}@media (hover:hover){.cross-marker:hover{cursor:move}.cross-marker:hover .ml,.cross-marker:hover .mc{stroke:#f59e0b}}.cross-marker.dragging .ml,.cross-marker.dragging .mc{stroke:#fbbf24}.preview-slider-wrapper{width:100%;margin-top:12px;position:relative}.preview-slider-container{width:100%;position:relative;overflow:hidden}.preview-window-slide{padding:0}.preview-navigation-bar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.btn-nav-arrow{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;width:38px;height:38px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (hover:hover){.btn-nav-arrow:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#ffffff0d;box-shadow:0 0 8px #22d3ee33}}.btn-nav-arrow:disabled{opacity:.35;cursor:not-allowed}.nav-active-label{flex-direction:column;align-items:center;gap:2px;display:flex}.nav-cam-label{color:var(--text-main);font-size:.9rem;font-weight:600}.magnifier-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);z-index:100001;border:1px solid #ffffff1a;flex-direction:column;gap:12px;width:270px;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) magCenterFadeIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080}@keyframes magCenterFadeIn{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.magnifier-header{color:var(--primary);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:.75rem;font-weight:600;display:flex}.btn-close-mag{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}@media (hover:hover){.btn-close-mag:hover{color:#ef4444}}.magnifier-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.magnifier-lens{border:1px solid var(--border-color);border-radius:50%;width:90px;height:90px;position:relative;overflow:hidden}.lens-camera-image{pointer-events:none;z-index:1;background-color:#0f172a;background-repeat:no-repeat;transition:background-position .12s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.lens-grid-layer{pointer-events:none;z-index:2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);transition:background-position .12s cubic-bezier(.16,1,.3,1),background-size .12s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.lens-marker-center{pointer-events:none;z-index:3;filter:drop-shadow(0 0 3px #22d3eeb3);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpad-controller{flex-direction:column;align-items:center;gap:2px;display:flex}.dpad-middle{align-items:center;gap:2px;display:flex}.btn-dpad{background:var(--card-bg);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;padding:0;font-size:.75rem;display:flex}@media (hover:hover){.btn-dpad:hover{background:var(--primary-light,#e3001b33);border-color:var(--primary);color:var(--primary);box-shadow:0 0 8px #22d3ee33}}.btn-dpad:active{transform:scale(.95)}.dpad-center-dot{background:var(--text-main);border-radius:50%;width:12px;height:12px}.magnifier-coords{color:var(--text-muted);border-top:1px dashed #ffffff14;flex-wrap:wrap;justify-content:space-between;padding-top:6px;font-size:.72rem;display:flex}.magnifier-coords strong{color:var(--text-main)}.keyboard-hint{text-align:center;color:#10b981;width:100%;margin-top:4px;font-size:.65rem}.cross-marker.selected .ml,.cross-marker.selected .mc{stroke:var(--primary);stroke-width:2.2px;filter:drop-shadow(0 0 4px var(--primary))}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172abf;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title{color:var(--text-main);font-size:1.15rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}@media (hover:hover){.modal-close:hover{color:var(--text-main)}}.modal-body{padding:24px;overflow-y:auto}.modal-body pre{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);margin-top:12px;padding:16px;font-family:Courier New,Courier,monospace;font-size:.85rem;overflow-x:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:16px 24px;display:flex}.modal-btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);padding:8px 20px;font-size:.88rem;font-weight:500}.modal-btn-primary{background-color:var(--primary);border:1px solid var(--primary);color:#fff}@media (hover:hover){.modal-btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}}.card-header{justify-content:space-between;align-items:center;display:flex}.hint-row{border-radius:var(--radius-md);background:#f59e0b14;border:1px solid #f59e0b40;align-items:flex-start;gap:8px;margin-top:4px;padding:10px 14px;display:flex}.hint-row span{color:#f59e0b;font-size:.82rem;line-height:1.5}body.light-theme .hint-row{background:#fffbeb;border:1px solid #fde68a}body.light-theme .hint-row span{color:#92400e}.screen-diagram-wrap{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05;flex-direction:column;align-items:center;gap:10px;padding:20px 20px 14px;display:flex}body.light-theme .screen-diagram-wrap{background:#f8fafc}.screen-diagram-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;align-self:flex-start;font-size:.78rem;font-weight:600}.screen-svg{border-radius:6px;width:100%;max-width:320px;overflow:hidden;box-shadow:0 4px 16px #0006}.diagram-note{color:var(--text-muted);text-align:center;font-size:.72rem}.display-container{animation:.35s cubic-bezier(.16,1,.3,1) displayFadeIn}@keyframes displayFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.general-container{animation:.35s cubic-bezier(.16,1,.3,1) generalFadeIn}@keyframes generalFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.time-picker-trigger{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;min-width:200px;transition:var(--transition);color:var(--text-main);justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:.92rem;font-weight:500;display:flex}@media (hover:hover){.time-picker-trigger:hover{border-color:var(--primary);box-shadow:0 0 8px #e3001b26}.time-picker-trigger:hover svg{color:var(--primary);transform:scale(1.05)}}.time-picker-trigger svg{color:var(--text-muted);transition:var(--transition)}.time-picker-wrapper{position:relative}.calendar-dropdown{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg), 0 20px 25px -5px #0000004d;background-color:#1e293bf2;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) dropdownSlideIn;position:absolute;top:calc(100% + 8px);right:0}body.light-theme .calendar-dropdown{box-shadow:var(--shadow-lg), 0 20px 25px -5px #0000001a;background-color:#fffffff2}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.calendar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.calendar-month-year{color:var(--text-main);font-size:.95rem;font-weight:600}.calendar-nav-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;display:flex}@media (hover:hover){.calendar-nav-btn:hover{color:var(--primary);background-color:var(--primary-light)}}.calendar-weeks-grid{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.calendar-week-day{color:var(--text-muted);padding:4px 0;font-size:.75rem;font-weight:600}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px;display:grid}.calendar-day-btn{all:unset;aspect-ratio:1;color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}@media (hover:hover){.calendar-day-btn:hover{background-color:var(--border-color)}}.calendar-day-btn.muted{color:var(--text-muted);opacity:.35}.calendar-day-btn.selected{background-color:var(--primary);box-shadow:var(--shadow-glow);font-weight:600;color:#fff!important}.calendar-day-btn.today{border:1px solid var(--primary);color:var(--primary)}.calendar-time-section{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.calendar-time-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.calendar-time-spinners{align-items:center;gap:6px;display:flex}.time-spinner-select{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);outline:none;padding:4px 8px;font-family:monospace;font-size:.88rem;font-weight:600}.time-spinner-select:focus{border-color:var(--primary)}.time-divider{color:var(--text-muted);font-weight:600}.calendar-footer{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.btn-primary-sm{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:6px 12px;font-size:.82rem;font-weight:600}@media (hover:hover){.btn-primary-sm:hover{background-color:var(--primary-hover);box-shadow:0 0 8px #e3001b4d}}.btn-secondary-sm{color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background-color:#0000;padding:6px 12px;font-size:.82rem;font-weight:500}@media (hover:hover){.btn-secondary-sm:hover{color:var(--text-main);background-color:var(--border-color)}}.engineering-container{animation:.35s cubic-bezier(.16,1,.3,1) engineeringFadeIn}@keyframes engineeringFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.styled-select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;min-width:180px;transition:var(--transition);outline:none;padding:8px 14px;font-size:.9rem;font-weight:500}@media (hover:hover){.styled-select:hover{border-color:var(--primary)}}.styled-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}body.light-theme .styled-select option{color:#0f172a;background-color:#fff}.styled-select option{color:#fff;background-color:#1e293b}.update-container{animation:.35s cubic-bezier(.16,1,.3,1) updateFadeIn;position:relative;overflow:hidden}@keyframes updateFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.update-blocking-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;pointer-events:all;border-radius:var(--radius-lg);background-color:#0f172a73;justify-content:center;align-items:center;animation:.3s fadeInBlocking;display:flex;position:absolute;inset:0}@keyframes fadeInBlocking{0%{opacity:0}to{opacity:1}}.update-blocking-message{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:12px;padding:20px 30px;display:flex}.spinner-icon{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blocking-text{color:var(--text-main);font-size:.95rem;font-weight:600}.file-browse-row{gap:12px;width:100%;display:flex}.file-path-input-mock{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:.9rem;display:flex;overflow:hidden}.file-path-placeholder{color:var(--text-muted)}.btn-browse{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:flex}@media (hover:hover){.btn-browse:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}}.btn-execute-update{background-color:var(--primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:var(--transition);width:100%;box-shadow:var(--shadow-glow);border:none;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex}@media (hover:hover){.btn-execute-update:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 16px #e3001b59}}.btn-execute-update:disabled{background-color:var(--border-color);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.update-status-panel{border:1px dashed var(--border-color);border-radius:var(--radius-lg);background-color:#ffffff03;flex-direction:column;gap:16px;padding:24px;display:flex}body.light-theme .update-status-panel{background-color:#f8fafc}.update-progress-info{justify-content:space-between;align-items:center;display:flex}.update-status-label{color:var(--text-main);font-size:.95rem;font-weight:600}.update-percentage{color:var(--primary);font-family:monospace;font-size:1.1rem;font-weight:700}.progress-bar-container{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, #fb7185 100%);border-radius:4px;height:100%;transition:width .15s linear;position:relative;box-shadow:0 0 8px #e3001b99}.update-log-box{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#a7f3d0;background-color:#0f172a99;flex-direction:column;gap:4px;height:110px;padding:12px 16px;font-family:monospace;font-size:.8rem;display:flex;overflow-y:auto}body.light-theme .update-log-box{color:#34d399;background-color:#0f172a}.log-line{opacity:.85;animation:.2s logFadeIn}@keyframes logFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.log-line.error{color:#f87171}.log-line.success{color:#34d399;font-weight:600}.status-container{flex-direction:column;gap:16px;height:calc(100vh - 160px);min-height:560px;animation:.35s cubic-bezier(.16,1,.3,1) statusFadeIn;display:flex}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.status-top-section{flex-direction:column;flex:2;min-height:0;display:flex}.status-bottom-section{flex-direction:column;flex:1;min-height:0;display:flex}.status-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.88rem;font-weight:600}.subsystem-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding-right:4px;display:grid;overflow-y:auto}.subsystem-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);justify-content:space-between;align-items:center;padding:16px;display:flex}@media (hover:hover){.subsystem-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.subsystem-card:hover .subsystem-icon-wrap{color:var(--primary)}}.subsystem-info{align-items:center;gap:12px;display:flex}.subsystem-icon-wrap{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.subsystem-name-group{flex-direction:column;gap:2px;display:flex}.subsystem-name{color:var(--text-main);font-size:.9rem;font-weight:600}.subsystem-desc{color:var(--text-muted);font-size:.75rem}.status-indicator-light{width:12px;height:12px;transition:var(--transition);border-radius:50%}.status-indicator-light.green{background-color:#10b981;box-shadow:0 0 6px #10b98166}.status-indicator-light.yellow{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b66}.status-indicator-light.red{background-color:#ef4444;box-shadow:0 0 6px #ef444466}.version-list-panel{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;padding:12px;overflow-y:auto}.version-row{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.version-row:last-child{border-bottom:none}.version-label-group{align-items:center;gap:8px;display:flex}.version-name{color:var(--text-main);font-size:.88rem;font-weight:600}.version-value{color:var(--text-muted);font-family:monospace;font-size:.88rem;font-weight:600}.parameter-save-container{animation:.35s cubic-bezier(.16,1,.3,1) paramSaveFadeIn;position:relative;overflow:hidden}@keyframes paramSaveFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.param-actions-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin-bottom:24px;display:grid}@media (width<=992px){.param-actions-grid{grid-template-columns:1fr}}.param-action-card{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);flex-direction:column;align-items:center;padding:24px;display:flex;position:relative}@media (hover:hover){.param-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}}body.light-theme .param-action-card{background-color:#f8fafc}.param-card-icon{border-radius:var(--radius-md);background-color:var(--card-bg);width:48px;height:48px;color:var(--primary);border:1px solid var(--border-color);transition:var(--transition);justify-content:center;align-items:center;margin-bottom:16px;display:flex}@media (hover:hover){.param-action-card:hover .param-card-icon{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}}.param-card-title{font-family:var(--font-heading);color:var(--text-main);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:8px;font-size:1.15rem;font-weight:600}.param-card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:24px;font-size:.85rem;line-height:1.5}.btn-param-action{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-size:.9rem;font-weight:600;display:flex}@media (hover:hover){.btn-param-action:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.btn-param-action.btn-danger:hover:not(:disabled){color:#ef4444;background-color:#ef444426;border-color:#ef4444}}.param-log-panel{border:1px dashed var(--border-color);border-radius:var(--radius-lg);background-color:#ffffff03;flex-direction:column;gap:16px;margin-top:12px;padding:24px;display:flex}body.light-theme .param-log-panel{background-color:#f8fafc}.param-log-header{justify-content:space-between;align-items:center;display:flex}.param-log-title{font-family:var(--font-heading);color:var(--text-main);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:1rem;font-weight:600}.param-log-status{border-radius:var(--radius-pill);background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;font-size:.8rem;font-weight:600}.param-log-status.running{color:var(--primary);border-color:var(--primary);background-color:var(--primary-light);animation:1.5s infinite pulseBorder}@keyframes pulseBorder{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.param-log-status.success{color:#10b981;background-color:#10b9811a;border-color:#10b981}.param-log-status.failed{color:#ef4444;background-color:#ef44441a;border-color:#ef4444}.param-console-box{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#34d399;background-color:#0f172abf;flex-direction:column;gap:6px;height:160px;padding:16px;font-family:monospace;font-size:.82rem;display:flex;overflow-y:auto;box-shadow:inset 0 2px 8px #0006}body.light-theme .param-console-box{color:#34d399;background-color:#0f172a}.param-log-line{opacity:.9;white-space:pre-wrap;word-break:break-all;line-height:1.4;animation:.2s paramLogSlide}@keyframes paramLogSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.param-log-line.error{color:#f87171}.param-log-line.info{color:#60a5fa}.param-log-line.success{color:#34d399;font-weight:600}.param-log-line.warn{color:#fbbf24}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;animation:.25s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:460px;box-shadow:var(--shadow-lg);animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideUp;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-modal-header{border-bottom:1px solid var(--border-color);background-color:#ef44440d;align-items:center;gap:12px;padding:16px 24px;display:flex}.confirm-modal-header.primary{background-color:var(--primary-light)}.confirm-modal-header.success{background-color:#10b9810d}.confirm-modal-title{font-family:var(--font-heading);color:#ef4444;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:1.1rem;font-weight:600}.confirm-modal-title.primary{color:var(--primary)}.confirm-modal-title.success{color:#10b981}.confirm-modal-body{color:var(--text-main);padding:24px;font-size:.92rem;line-height:1.6}.confirm-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-confirm-action{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:10px 20px;font-size:.9rem;font-weight:600}.btn-confirm-action.cancel{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main)}@media (hover:hover){.btn-confirm-action.cancel:hover{background-color:#ffffff0d}body.light-theme .btn-confirm-action.cancel:hover{background-color:#0000000d}.btn-confirm-action.confirm-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}}.btn-confirm-action.confirm-danger{color:#fff;background-color:#ef4444}.btn-confirm-action.confirm-primary{background-color:var(--primary);color:#fff}@media (hover:hover){.btn-confirm-action.confirm-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px var(--primary-light)}}.hidden-file-input{display:none}.change-password-container{max-width:480px;margin:20px auto;animation:.35s cubic-bezier(.16,1,.3,1) pwdFadeIn}@keyframes pwdFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pwd-form{flex-direction:column;gap:20px;display:flex}.pwd-field-group{flex-direction:column;gap:8px;width:100%;display:flex}.pwd-label{color:var(--text-main);letter-spacing:var(--letter-spacing-wide);font-size:.9rem;font-weight:600}.pwd-input-wrapper{width:100%;position:relative}.pwd-input{background-color:var(--input-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);outline:none;padding:12px 16px;font-size:.95rem}.pwd-input:focus{border-color:var(--primary);box-shadow:0 0 8px #e3001b26}.pwd-input.has-error{border-color:var(--dot-red)}.pwd-error-text{color:var(--dot-red);margin-top:4px;font-size:.82rem;font-weight:500}.pwd-success-banner{color:var(--dot-green);border-radius:var(--radius-md);background-color:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.pwd-error-banner{color:var(--dot-red);border-radius:var(--radius-md);background-color:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.pwd-submit-btn{all:unset;background-color:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:var(--transition);box-shadow:var(--shadow);justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:flex}.pwd-submit-btn:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-glow)}.pwd-submit-btn:disabled{opacity:.6;cursor:not-allowed}.pwd-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite pwdSpin}@keyframes pwdSpin{to{transform:rotate(360deg)}}