.navigation{position:fixed;top:0;left:0;width:var(--nav-width);height:100vh;background-color:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal),transform var(--transition-normal)}.navigation.collapsed{width:var(--nav-width-collapsed)}.nav-overlay{display:none}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md) 0 var(--spacing-lg);border-bottom:1px solid var(--color-border);min-height:60px}.navigation.collapsed .nav-header{justify-content:center;padding:0}.nav-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);white-space:nowrap;overflow:hidden}.navigation.collapsed .nav-title{display:none}.nav-header-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-collapse-btn,.nav-close-btn{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-collapse-btn:hover,.nav-close-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.nav-collapse-btn:focus-visible,.nav-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-close-btn{display:none}.nav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-md)}.nav-group+.nav-group{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.nav-group-label{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;overflow:hidden}.navigation.collapsed .nav-group-label{height:var(--spacing-sm);padding:0;font-size:0}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-item{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:7px var(--spacing-sm) 7px 10px;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.nav-item.active{background-color:var(--color-primary-alpha);color:var(--color-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background-color:var(--color-primary)}.nav-item:focus{outline:none}.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:inherit;opacity:.85}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.nav-icon svg{width:20px;height:20px;display:block}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation.collapsed .nav-scroll{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.navigation.collapsed .nav-label{display:none}.navigation.collapsed .nav-item{justify-content:center;padding:9px 0}.navigation.collapsed .nav-item.active:before{top:8px;bottom:8px}.nav-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}.nav-version{font-size:.6875rem;color:var(--color-text-light);white-space:nowrap}@media(max-width:768px){.navigation{transform:translate(-100%);width:280px;box-shadow:var(--shadow-lg)}.navigation.open{transform:translate(0)}.nav-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:99}.nav-close-btn{display:flex;min-width:40px;min-height:40px}.nav-item{padding-top:10px;padding-bottom:10px;font-size:.9375rem}}@media(min-width:768px)and (max-width:1024px){.navigation{width:var(--nav-width-collapsed)}.navigation .nav-scroll{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.navigation .nav-label,.navigation .nav-title,.navigation .nav-collapse-btn{display:none}.navigation .nav-group-label{height:var(--spacing-sm);padding:0;font-size:0}.navigation .nav-item{justify-content:center;padding:9px 0}.navigation .nav-header{justify-content:center;padding:0}}.auth-gate-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg, #f8fafc)}.auth-gate-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:380px;padding:40px 44px;border:1px solid var(--color-border, #e2e8f0);border-radius:12px;background:var(--color-bg-card, #ffffff);text-align:center}.auth-gate-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#1e40af;color:#fff;font-weight:700;font-size:16px}.auth-gate-card h1{font-size:20px;color:var(--color-text, #0f172a)}.auth-gate-card p{font-size:13px;color:var(--color-text-muted, #64748b)}.auth-gate-signin{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 18px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-bg-card, #fff);color:var(--color-text, #0f172a);font-size:14px;font-weight:600;cursor:pointer}.auth-gate-signin:hover{border-color:var(--color-primary, #1e40af)}.auth-gate-signin:disabled{opacity:.6;cursor:default}.account-menu{position:relative}.account-menu-chip{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border, #e2e8f0);background:var(--color-primary, #1e40af);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.account-menu-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;padding:10px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-bg-card, #fff);box-shadow:0 6px 24px #00000026;z-index:50;display:flex;flex-direction:column;gap:8px;text-align:left}.account-menu-name{font-weight:600;font-size:13px;color:var(--color-text, #0f172a)}.account-menu-email{font-size:12px;color:var(--color-text-muted, #64748b);word-break:break-all}.account-menu-signout{align-self:stretch;padding:7px 10px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;background:transparent;color:var(--color-text, #0f172a);font-size:13px;cursor:pointer}.account-menu-signout:hover{border-color:var(--color-error, #dc2626);color:var(--color-error, #dc2626)}.export-button-container{position:relative}.export-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.export-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-focus)}.export-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.export-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);min-width:180px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--color-text);font-size:.875rem;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.export-menu-item:hover{background:var(--color-bg-hover)}.export-menu-item:focus-visible{outline:none;background:var(--color-bg-hover)}.export-menu-item svg{flex-shrink:0;color:var(--color-text-muted)}@media print{.export-button-container{display:none}}.header{position:fixed;top:0;left:var(--nav-width);right:0;height:60px;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:50;transition:left var(--transition-normal)}.nav-collapsed .header{left:var(--nav-width-collapsed)}.header-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1 1 auto}.header-menu-btn{display:none;padding:var(--spacing-sm);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.header-menu-btn:hover{background-color:var(--color-bg-hover)}.header-brand{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.header-logo{background-color:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:700;font-size:.875rem}.header-title{font-size:1.25rem;font-weight:600;color:var(--color-text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.header-actions:not(:empty){padding-right:var(--spacing-md);margin-right:var(--spacing-xs);border-right:1px solid var(--color-border)}.header-actions .calc-actions{flex-wrap:nowrap}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.header-icon-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-primary)}.header-icon-btn:focus-visible,.header-menu-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.header-icon-btn svg{flex-shrink:0}.header-icon-btn.has-badge{position:relative}.header-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;border:2px solid var(--color-bg-card)}.header-aluminum-indicator{display:none}.header-aluminum-badge{display:flex;align-items:center;justify-content:center;background:var(--color-error);color:#fff;font-weight:700;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);white-space:nowrap;animation:fadeIn var(--transition-normal)}@media(max-width:1200px){.header-actions .mode-text-full{display:none}.header-actions .mode-text-short{display:inline}.header-actions .calc-preset-menu .dropdown-label{display:none}.header-actions .calc-preset-menu .dropdown-select{max-width:180px}}@media(max-width:768px){.header{left:0;padding:0 var(--spacing-md);gap:var(--spacing-sm)}.header-menu-btn{display:flex}.header-title{font-size:1rem}.header-icon-btn{width:36px;height:36px}.header-right{gap:var(--spacing-xs)}.header-aluminum-indicator{display:flex}.header-actions{display:none}}@media(max-width:480px){.header-title{display:none}}@media(min-width:768px)and (max-width:1024px){.header{left:200px}.header-aluminum-indicator{display:flex}}.copyable-value{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.copyable-value:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary-light)}.copyable-value:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.copyable-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.copyable-content{display:flex;align-items:center;gap:var(--spacing-sm)}.copyable-text{font-size:1.125rem;font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.copyable-unit{font-size:.875rem;color:var(--color-text-muted)}.copyable-value.compact{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.copyable-value.compact .copyable-label{font-size:.8125rem;text-transform:none;letter-spacing:normal}.copyable-value.compact .copyable-text{font-size:1rem}.copyable-value.large .copyable-text{font-size:1.5rem}.result-with-calc{display:flex;flex-direction:column;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.result-with-calc.expanded{border-color:var(--color-primary-light)}.result-main{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none}.result-main:hover{background-color:var(--color-bg-hover)}.result-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.result-content{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs) var(--spacing-sm)}.result-value{font-size:1.125rem;font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.result-unit{font-size:.875rem;color:var(--color-text-muted)}.calc-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:none;border:1px solid var(--color-border);border-radius:50%;color:var(--color-primary);font-size:.75rem;line-height:1;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.calc-toggle:hover,.calc-toggle.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.calc-detail{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-alt);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calc-formula{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.calc-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;border-radius:50%;font-size:.7rem;font-weight:600;flex-shrink:0}.calc-formula code{display:inline-block;padding:2px var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Fira Code,Consolas,monospace;font-size:.8rem;color:var(--color-text)}.calc-breakdown{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:.85rem;color:var(--color-success);font-weight:500}.calc-reference{margin-top:var(--spacing-xs)}.calc-reference .reference-tag{display:inline-block;padding:2px var(--spacing-xs);background-color:#1e40af1a;color:var(--color-primary);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500}.result-with-calc.compact .result-main{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.result-with-calc.compact .result-label{font-size:.8125rem;text-transform:none;letter-spacing:normal}.result-with-calc.compact .result-value{font-size:1rem}.result-with-calc.compact .calc-detail{padding:var(--spacing-xs) var(--spacing-sm)}.result-with-calc.large .result-value{font-size:1.5rem}.result-with-calc.full-width{width:100%}.input-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.input-wrapper{position:relative;display:flex;align-items:center}.input-element{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);color:var(--color-text);font-family:var(--font-mono);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-element.has-unit{padding-right:3rem}.input-element:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.input-element:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.input-element:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.input-unit{position:absolute;right:var(--spacing-md);font-size:.875rem;color:var(--color-text-muted);pointer-events:none}.input-error,.input-warning,.input-help{font-size:.75rem;display:flex;align-items:center;gap:var(--spacing-xs)}.input-error{color:var(--color-error)}.input-warning{color:var(--color-warning)}.input-help{color:var(--color-text-muted)}.input-field.has-error .input-element{border-color:var(--color-error)}.input-field.has-error .input-element:focus{box-shadow:0 0 0 3px #dc26261a}.input-field.has-warning .input-element{border-color:var(--color-warning)}.input-field.has-warning .input-element:focus{box-shadow:0 0 0 3px #ca8a041a}.input-field.inline{flex-direction:row;align-items:center;gap:var(--spacing-md)}.input-field.inline .input-label{min-width:120px;margin-bottom:0}.input-field.inline .input-wrapper{flex:1}@media(max-width:768px){.input-element{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);font-size:16px}.input-field.inline{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.input-field.inline .input-label{min-width:unset}}@media(max-width:480px){.input-label{font-size:.8125rem}.input-element{padding:var(--spacing-sm)}}.input-recent{display:flex;flex-wrap:wrap;gap:4px}.input-recent-chip{padding:2px 8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem;line-height:1.4;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.input-recent-chip:hover,.input-recent-chip:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:none}@media(pointer:coarse){.input-recent-chip{min-height:32px;padding:4px 12px;font-size:.8125rem}}.dropdown-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dropdown-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.dropdown-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dropdown-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.dropdown-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.dropdown-select:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.dropdown-field.inline{flex-direction:row;align-items:center;gap:var(--spacing-md)}.dropdown-field.inline .dropdown-label{min-width:120px;margin-bottom:0}.dropdown-field.inline .dropdown-select{flex:1}@media(max-width:768px){.dropdown-select{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;font-size:16px}.dropdown-field.inline{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.dropdown-field.inline .dropdown-label{min-width:unset}}@media(max-width:480px){.dropdown-label{font-size:.8125rem}}.combo-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.combo-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.combo-row{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.combo-wrapper{position:relative;flex:1}.combo-unit{position:absolute;right:2.25rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:var(--color-text-muted);pointer-events:none}.combo-element{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:2rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);color:var(--color-text);font-family:var(--font-mono);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.combo-element:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.combo-element:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.combo-element:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.combo-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.combo-toggle:hover{color:var(--color-text);background-color:var(--color-bg-hover, rgba(0, 0, 0, .05))}.combo-toggle:disabled{cursor:not-allowed;opacity:.5}.combo-dropdown{position:absolute;top:100%;left:0;min-width:120px;margin-top:4px;max-height:200px;overflow-y:auto;list-style:none;padding:4px 0;margin-bottom:0;background-color:var(--color-bg-input, #fff);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:50}.combo-option{padding:6px 12px;font-size:.875rem;font-family:var(--font-mono);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast)}.combo-option:hover{background-color:var(--color-bg-hover, rgba(59, 130, 246, .08))}.combo-option.selected{background-color:var(--color-bg-hover, rgba(59, 130, 246, .12));font-weight:600}.combo-wrapper:has(.combo-unit) .combo-element{padding-right:4.25rem}.combo-error,.combo-warning{font-size:.75rem;display:flex;align-items:center;gap:var(--spacing-xs)}.combo-error{color:var(--color-error)}.combo-warning{color:var(--color-warning)}.combo-input.has-error .combo-element{border-color:var(--color-error)}.combo-input.has-error .combo-element:focus{box-shadow:0 0 0 3px #dc26261a}.combo-input.has-warning .combo-element{border-color:var(--color-warning)}.combo-input.has-warning .combo-element:focus{box-shadow:0 0 0 3px #ca8a041a}@media(max-width:768px){.combo-element{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);padding-right:2rem;font-size:16px}}@media(max-width:480px){.combo-label{font-size:.8125rem}.combo-element{padding:var(--spacing-sm);padding-right:2rem}}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.toggle-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.toggle-switch{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;min-width:5rem;height:2rem;padding:0 var(--spacing-sm);padding-left:2rem;border:1px solid var(--color-border);border-radius:9999px;background-color:var(--color-bg);cursor:pointer;transition:all var(--transition-fast)}.toggle-switch:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.toggle-switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.toggle-switch.checked{justify-content:flex-start;padding-left:var(--spacing-sm);padding-right:2rem;background-color:var(--color-primary);border-color:var(--color-primary)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:absolute;left:2px;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:left var(--transition-fast)}.toggle-switch.checked .toggle-slider{left:calc(100% - 1.5rem - 2px)}.toggle-text{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);transition:color var(--transition-fast)}.toggle-switch.checked .toggle-text{color:#fff}.toggle-field.inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:initial}.toggle-field.compact{gap:var(--spacing-sm)}.toggle-field.compact .toggle-switch{min-width:2.5rem;height:1.5rem;padding-left:1.25rem}.toggle-field.compact .toggle-switch.checked{padding-left:var(--spacing-xs);padding-right:1.25rem}.toggle-field.compact .toggle-slider{width:1rem;height:1rem}.toggle-field.compact .toggle-switch.checked .toggle-slider{left:calc(100% - 1rem - 2px)}.toggle-field.compact .toggle-text{display:none}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.status-icon{font-size:1rem}.status-indicator.status-ok{background-color:var(--color-success-light);color:var(--color-success)}.status-indicator.status-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.status-indicator.status-error{background-color:var(--color-error-light);color:var(--color-error)}.status-indicator.status-info{background-color:var(--color-info-light);color:var(--color-info)}.status-indicator.compact{padding:0;background:none}.status-indicator.large{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.status-indicator.large .status-icon{font-size:1.25rem}.calculation-explainer{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.calculation-explainer.always-open{margin-top:0;border-top:none;padding-top:0}.calculation-explainer.always-open .explainer-content{margin-top:0;padding:0;background:none}.explainer-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.explainer-toggle:hover{color:var(--color-primary-hover)}.toggle-icon{transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(90deg)}.explainer-content{padding:var(--spacing-md);background-color:var(--color-surface-alt);border-radius:var(--radius-md);margin-top:var(--spacing-sm);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calculation-steps{list-style:none;padding:0;margin:0;counter-reset:step-counter}.calculation-step{position:relative;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-xl);border-left:2px solid var(--color-border);margin-left:var(--spacing-sm)}.calculation-step:before{counter-increment:step-counter;content:counter(step-counter);position:absolute;left:-12px;top:var(--spacing-sm);width:22px;height:22px;background-color:var(--color-primary);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.calculation-step:last-child{border-left-color:transparent}.step-label{font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.step-formula{margin:var(--spacing-xs) 0}.step-formula code{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Fira Code,Consolas,monospace;font-size:.85rem;color:var(--color-text)}.step-value{margin:var(--spacing-xs) 0}.value-result{font-weight:600;color:var(--color-success)}.step-reference{margin-top:var(--spacing-xs)}.reference-tag{display:inline-block;padding:2px var(--spacing-xs);background-color:#1e40af1a;color:var(--color-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.calculation-step{scroll-margin-top:calc(var(--header-height, 60px) + 88px)}.calculation-step.step-target{animation:step-target-flash 1.6s ease-out}@keyframes step-target-flash{0%{background-color:#1e40af2e}to{background-color:transparent}}@media(prefers-reduced-motion:reduce){.calculation-step.step-target{animation:none;background-color:#1e40af1f}}.step-details{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px var(--spacing-md);margin:var(--spacing-xs) 0;font-size:.8125rem}.step-detail{display:contents}.step-detail dt{color:var(--color-text-muted)}.step-detail dd{margin:0;font-family:var(--font-mono);color:var(--color-text)}.step-detail.current dt,.step-detail.current dd{color:var(--color-success);font-weight:600}@media(max-width:600px){.step-details{grid-template-columns:minmax(0,1fr)}.step-detail dd{margin-bottom:var(--spacing-xs)}}.scroll-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:48px;height:48px;border-radius:50%;background-color:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:all var(--transition-fast);animation:fadeInUp .3s ease}.scroll-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 12px 20px -5px #0003}.scroll-to-top:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scroll-to-top{bottom:var(--spacing-lg);right:var(--spacing-lg);width:44px;height:44px}}.material-toggle-container{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.material-toggle-label{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.material-toggle{display:flex;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:3px;gap:2px}.material-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.material-option:hover:not(.active){background:var(--color-bg-hover);color:var(--color-text)}.material-option.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.material-option.aluminum.active{background:var(--color-error)}.material-abbr{font-weight:700;font-size:.9rem}.material-name{font-weight:400}.material-toggle-container.compact .material-toggle{padding:2px}.material-toggle-container.compact .material-option{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.material-toggle-container.compact .material-name{display:none}.material-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .material-option.active{background:var(--color-primary)}[data-theme=dark] .material-option.aluminum.active{background:var(--color-error)}[data-theme=dark] .material-option:hover:not(.active){background:var(--color-bg-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;min-height:200px}.empty-state-icon{margin-bottom:var(--spacing-md);color:var(--color-text-muted);opacity:.5}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{margin:0 0 var(--spacing-xs);font-size:1rem;font-weight:600;color:var(--color-text)}.empty-state-description{margin:0 0 var(--spacing-lg);font-size:.875rem;color:var(--color-text-muted);max-width:280px;line-height:1.5}.empty-state-action{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.empty-state-action:hover{background:var(--color-primary-dark)}.empty-state-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.empty-state.compact{padding:var(--spacing-lg);min-height:120px}.empty-state.compact .empty-state-icon svg{width:32px;height:32px}.empty-state.compact .empty-state-title{font-size:.9rem}.empty-state.compact .empty-state-description{font-size:.8rem}.quick-presets{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.quick-presets-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.quick-presets-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.quick-preset-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.quick-preset-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quick-preset-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quick-preset-btn:active{transform:scale(.98)}.quick-preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.quick-preset-btn.active:before{content:"✓";font-size:.75em}.quick-presets.compact .quick-preset-btn{padding:4px 8px;font-size:.75rem}.quick-presets.inline{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.quick-presets.inline .quick-presets-label{margin-bottom:0}[data-theme=dark] .quick-preset-btn{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .quick-preset-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}@media(max-width:480px){.quick-preset-btn{padding:6px 10px;font-size:.75rem;min-height:36px}}@media(max-width:360px){.quick-presets-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.quick-presets-buttons::-webkit-scrollbar{height:4px}.quick-presets-buttons::-webkit-scrollbar-track{background:var(--color-bg);border-radius:2px}.quick-presets-buttons::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.quick-preset-btn{flex-shrink:0}}.tooltip-wrapper{display:inline-flex;align-items:center}.tooltip{position:fixed;z-index:9999;pointer-events:none;display:none}.tooltip.tooltip-visible{display:block;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.tooltip-content{background:var(--color-bg-elevated, #1f2937);color:var(--color-text-inverse, #f9fafb);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;line-height:1.4;max-width:250px;box-shadow:var(--shadow-lg);white-space:normal;word-wrap:break-word}[data-theme=dark] .tooltip-content{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--color-bg-elevated, #1f2937);transform:rotate(45deg)}[data-theme=dark] .tooltip-arrow{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;transform:translate(-50%) rotate(45deg);border-bottom:none;border-right:none}.tooltip-left .tooltip-arrow{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg);border-left:none;border-bottom:none}.tooltip-right .tooltip-arrow{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none}.info-icon{color:var(--color-text-muted);transition:color var(--transition-fast)}.info-icon:hover{color:var(--color-primary)}.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:help;color:var(--color-text-muted);border-radius:50%;transition:all var(--transition-fast)}.help-tooltip-trigger:hover{color:var(--color-primary);background:#3b82f61a}.help-tooltip-trigger:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-alpha)}.input-label .tooltip-wrapper,.section-title .tooltip-wrapper{margin-left:var(--spacing-xs)}@media(max-width:600px){.help-tooltip-trigger{padding:7px;margin:-5px}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg)}.loading-spinner-container.inline{flex-direction:row;padding:var(--spacing-xs)}.loading-spinner{position:relative;display:inline-block}.spinner-sm{width:16px;height:16px}.spinner-md{width:32px;height:32px}.spinner-lg{width:48px;height:48px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-primary);animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(1){animation-delay:0s;opacity:1}.spinner-ring:nth-child(2){animation-delay:.1s;opacity:.8;width:85%;height:85%;top:7.5%;left:7.5%}.spinner-ring:nth-child(3){animation-delay:.2s;opacity:.6;width:70%;height:70%;top:15%;left:15%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:.875rem;color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-hover) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:1em;border-radius:var(--radius-sm);margin:.25em 0}.skeleton-rectangular{border-radius:var(--radius-md)}.skeleton-circular{border-radius:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-overlay-container{position:relative}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:10}[data-theme=dark] .loading-overlay{background:#111827cc}.pulse-loader{display:inline-flex;align-items:center;gap:4px}.pulse-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.conduit-fill-diagram{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius-lg)}.conduit-svg{width:100%;max-width:200px;height:auto;aspect-ratio:1}.conduit-fill-info{text-align:center}.conduit-fill-info .fill-percentage{font-size:2rem;font-weight:700;font-family:var(--font-mono);line-height:1.1}.conduit-fill-info .fill-label{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.conduit-fill-info .conduit-size-label{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);font-weight:500}.conductor-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;width:100%;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.legend-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-text{white-space:nowrap}@media(min-width:768px){.conduit-fill-diagram{padding:var(--spacing-xl)}.conduit-svg{max-width:220px}}.conduit-fill-diagram.is-compact{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-md);align-self:stretch;width:100%;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md)}.conduit-fill-diagram.is-compact .conduit-svg{flex:0 0 auto;width:168px;max-width:168px}.conduit-fill-diagram.is-compact .conduit-fill-side{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.conduit-fill-diagram.is-compact .conductor-legend{justify-content:flex-start}.conduit-fill-diagram.is-compact .legend-text{white-space:normal}.nec-table-viewer{--nec-header-row-height: 26px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-xs)}.nec-table-viewer:last-child{margin-bottom:0}.nec-table-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left}.nec-table-header:hover:not(:disabled){background:var(--color-bg-hover)}.nec-table-header:disabled{cursor:default}.nec-table-title{display:flex;flex-direction:column;gap:2px}.nec-table-title strong{font-size:.85rem;color:var(--color-text)}.nec-table-description{font-size:.75rem;color:var(--color-text-muted)}.nec-collapse-icon{font-size:.7rem;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-sm)}.nec-collapse-icon.expanded{transform:rotate(180deg)}.nec-table-content{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);max-height:400px;overflow:auto;overflow-x:auto}.nec-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:350px;scrollbar-width:thin}.nec-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.nec-table-wrapper::-webkit-scrollbar-track{background:var(--color-bg);border-radius:4px}.nec-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.nec-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.nec-table-explanation{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);font-size:.75rem;line-height:1.5;color:var(--color-text);background:#3b82f614;border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.nec-data-table{width:100%;border-collapse:collapse;font-size:.75rem;white-space:nowrap}.nec-data-table th,.nec-data-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:center;border:1px solid var(--color-border-light)}.nec-data-table th{background:var(--color-bg);font-weight:600;color:var(--color-text);position:sticky;top:0;z-index:1}.nec-data-table tbody tr:nth-child(2n){background:var(--color-bg)}.nec-data-table tbody tr:nth-child(odd){background:var(--color-bg-secondary)}.nec-data-table td.size-col{text-align:left;font-weight:500}.nec-data-table td.na-cell{color:var(--color-text-muted)}.nec-data-table tr.highlighted,.nec-data-table tr.highlighted-row{background:#22c55e26!important}.nec-data-table td.highlighted{background:#22c55e40!important;font-weight:600;border-color:var(--color-success)}.nec-data-table th.highlighted-col{background:#22c55e26}.nec-data-table tr.sub-header th{font-size:.65rem;font-weight:500;color:var(--color-text-muted);padding:2px var(--spacing-xs)}.nec-data-table .sub-col{display:inline-block;width:50%;text-align:center}.nec-data-table .sub-col:first-child{border-right:1px solid var(--color-border-light)}.nec-data-table.table-4 th,.nec-data-table.table-4 td{min-width:60px}.nec-data-table.table-4 thead tr:first-child th{position:sticky;top:0;z-index:2;background-color:#f1f5f9}.nec-data-table.table-4 thead tr.sub-header th{position:sticky;top:var(--nec-header-row-height);z-index:2;background-color:#f1f5f9}.nec-data-table.table-5 th,.nec-data-table.table-5 td{min-width:50px}.nec-data-table.table-5 thead tr:first-child th{position:sticky;top:0;z-index:2;background-color:#f1f5f9}.nec-data-table.table-5 thead tr.sub-header th{position:sticky;top:var(--nec-header-row-height);z-index:2;background-color:#f1f5f9}.nec-data-table.table-9{min-width:800px}.nec-data-table.table-9 th,.nec-data-table.table-9 td{min-width:55px;padding:var(--spacing-xs) 6px}.nec-data-table.table-9 td.size-col{min-width:70px;position:sticky;left:0;z-index:1;border-right:2px solid var(--color-border);background-color:#f8fafc!important}.nec-data-table.table-9 tbody tr:nth-child(2n) td.size-col{background-color:#fff!important}.nec-data-table.table-9 tbody tr.highlighted-row td.size-col{background-color:#dcfce7!important}.nec-data-table.table-9 thead th{position:sticky;top:0;z-index:2;background-color:#f1f5f9!important}.nec-data-table.table-9 thead tr:nth-child(2) th{top:var(--nec-header-row-height)}.nec-data-table.table-9 thead th:first-child{position:sticky;left:0;top:0;z-index:4;border-right:2px solid var(--color-border);background-color:#f1f5f9!important}.nec-data-table.table-9 thead tr:nth-child(2) th:first-child{top:var(--nec-header-row-height);z-index:4}.nec-table-note{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.nec-table-note strong{color:var(--color-text)}@media(min-width:768px){.nec-table-wrapper.no-scroll{max-height:none;overflow:visible}.nec-table-content{max-height:500px}.nec-table-wrapper{max-height:450px}}@media(max-width:768px){.nec-table-content{max-height:300px}.nec-data-table{font-size:.75rem}.nec-data-table.table-9{min-width:unset}.nec-data-table th,.nec-data-table td{padding:4px 6px}.nec-table-title strong{font-size:.8rem}.nec-table-description{font-size:.7rem}}.toast-container{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;width:calc(100% - 2 * var(--spacing-lg))}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-slide-up .3s ease-out;background-color:var(--color-bg-card);border:1px solid var(--color-border)}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem;font-weight:700}.toast-message{flex:1;font-size:.875rem;color:var(--color-text)}.toast-close{flex-shrink:0;background:none;border:none;padding:var(--spacing-xs);color:var(--color-text-muted);cursor:pointer;font-size:1.25rem;line-height:1;transition:color var(--transition-fast)}.toast-close:hover{color:var(--color-text)}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{background-color:var(--color-success);color:#fff}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{background-color:var(--color-error);color:#fff}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{background-color:var(--color-warning);color:#fff}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{background-color:var(--color-info);color:#fff}[data-theme=dark] .toast{background-color:var(--color-bg-card);border-color:var(--color-border)}@media(max-width:480px){.toast-container{bottom:var(--spacing-md);max-width:calc(100% - 2 * var(--spacing-md))}.toast{padding:var(--spacing-xs) var(--spacing-sm)}.toast-message{font-size:.8rem}}.toast-action{border:1px solid currentColor;background:transparent;color:inherit;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.toast-action:hover{filter:brightness(1.2)}.transformer-circuit-diagram{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.transformer-circuit-diagram h4{margin:0 0 var(--spacing-md) 0;font-size:.9rem;color:var(--color-text)}.transformer-svg{width:100%;max-width:750px;height:auto;margin:0 auto;display:block}.transformer-svg .clickable{cursor:pointer;transition:opacity var(--transition-fast)}.transformer-svg .clickable:hover{opacity:.8}.transformer-svg .clickable:focus{outline:none}.transformer-svg .clickable:focus-visible rect,.transformer-svg .clickable:focus-visible circle{stroke-width:3}.transformer-svg rect{fill:var(--color-bg-card);stroke:var(--color-border);stroke-width:1.5}.transformer-svg .panel rect{fill:var(--color-bg-hover);stroke:var(--color-text-muted);stroke-width:2}.transformer-svg .breaker rect{fill:#ef44441a;stroke:var(--color-error)}.transformer-svg .primary-breaker rect{fill:#ef44441a;stroke:var(--color-error)}.transformer-svg .secondary-breaker rect{fill:#3b82f61a;stroke:var(--color-primary)}.transformer-svg .transformer rect{fill:#8b5cf614;stroke:#8b5cf6;stroke-width:2}.transformer-svg .winding-primary{fill:#ef44441a;stroke:var(--color-error);stroke-width:1.5}.transformer-svg .winding-secondary{fill:#3b82f61a;stroke:var(--color-primary);stroke-width:1.5}.transformer-svg .winding-symbol{font-size:16px;font-weight:700;fill:var(--color-text)}.transformer-svg .load rect{fill:#22c55e1a;stroke:var(--color-success);stroke-width:2}.transformer-svg .wire-line{stroke:var(--color-text);stroke-width:2.5;stroke-linecap:square}.transformer-svg .component-label{font-size:12px;font-weight:600;fill:var(--color-text)}.transformer-svg .component-sublabel{font-size:10px;fill:var(--color-text-muted)}.transformer-svg .component-value{font-size:11px;font-weight:500;fill:var(--color-text-muted)}.transformer-svg .transformer-label{font-size:11px;font-weight:600;fill:#8b5cf6}.transformer-svg .transformer-kva{font-size:12px;font-weight:700;fill:var(--color-text)}.transformer-svg .wire-spec{font-size:10px;fill:var(--color-text-muted);font-weight:500}.transformer-svg .wire-spec.status-ok{fill:var(--color-success)}.transformer-svg .wire-spec.status-warning{fill:var(--color-warning)}.transformer-svg .wire-spec.status-error{fill:var(--color-error)}.transformer-svg .phase-indicator{font-size:9px;fill:var(--color-text-light)}.transformer-circuit-diagram .diagram-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.transformer-circuit-diagram .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.transformer-circuit-diagram .legend-color{width:12px;height:12px;border-radius:2px;border:1px solid}.transformer-circuit-diagram .legend-color.panel-color{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.transformer-circuit-diagram .legend-color.breaker-color{background-color:#ef44441a;border-color:var(--color-error)}.transformer-circuit-diagram .legend-color.transformer-color{background-color:#8b5cf614;border-color:#8b5cf6}.transformer-circuit-diagram .legend-color.load-color{background-color:#22c55e1a;border-color:var(--color-success)}.transformer-circuit-diagram .legend-note{font-style:italic;color:var(--color-text-light)}@media(max-width:600px){.transformer-svg{max-width:100%}.transformer-circuit-diagram .diagram-legend{flex-direction:column;gap:var(--spacing-xs)}}[data-theme=dark] .transformer-svg .component-label,[data-theme=dark] .transformer-svg .component-value,[data-theme=dark] .transformer-svg .winding-symbol,[data-theme=dark] .transformer-svg .transformer-kva{fill:var(--color-text)}[data-theme=dark] .transformer-svg .wire-line{stroke-width:2}[data-theme=dark] .transformer-svg .transformer rect{fill:#8b5cf626}[data-theme=dark] .transformer-svg .breaker rect{fill:#ef444426}[data-theme=dark] .transformer-svg .secondary-breaker rect{fill:#3b82f626}[data-theme=dark] .transformer-svg .load rect{fill:#22c55e26}@media print{.transformer-circuit-diagram{page-break-inside:avoid;background:#fff!important;padding:10px!important}.transformer-svg rect,.transformer-svg circle{stroke-width:1!important}.transformer-svg .wire-line{stroke:#000!important;stroke-width:1.5!important}.transformer-circuit-diagram .diagram-legend{display:flex!important}}.k-factor-slider{padding:var(--spacing-md);background-color:var(--color-surface, var(--color-bg));border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.k-factor-slider.disabled{opacity:.6;pointer-events:none}.k-factor-label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-md)}.k-factor-track-container{position:relative;padding:var(--spacing-md) 0;cursor:pointer}.k-factor-track-container:focus{outline:none}.k-factor-track-container:focus-visible .k-factor-thumb{box-shadow:0 0 0 3px #3b82f64d}.k-factor-track{position:relative;height:8px;background-color:var(--color-border);border-radius:4px;margin:0 8px}.k-factor-track-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:4px;transition:width .15s ease}.k-factor-stop{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1}.k-factor-stop .stop-dot{display:block;width:12px;height:12px;margin:6px;background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:50%;transition:all .15s ease}.k-factor-stop:hover .stop-dot{border-color:var(--color-primary);transform:scale(1.1)}.k-factor-stop.active .stop-dot{background-color:var(--color-primary);border-color:var(--color-primary)}.k-factor-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--color-primary);border:3px solid var(--color-bg-card);border-radius:50%;box-shadow:0 2px 4px #0003;z-index:2;transition:left .15s ease;pointer-events:none}.k-factor-labels{position:relative;height:24px;margin:var(--spacing-xs) 8px 0}.k-factor-stop-label{position:absolute;transform:translate(-50%);font-size:.75rem;color:var(--color-text-muted);font-weight:500;transition:color .15s ease;white-space:nowrap}.k-factor-stop-label.active{color:var(--color-primary);font-weight:600}.k-factor-capacity{margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.capacity-bar-container{flex:1;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden}.capacity-bar-fill{height:100%;background-color:var(--color-success);border-radius:4px;transition:width .3s ease,background-color .3s ease}.capacity-bar-fill.warning{background-color:var(--color-warning)}.capacity-bar-fill.caution{background-color:#f97316}.capacity-text{font-size:.8rem;font-weight:600;color:var(--color-text);min-width:90px;text-align:right}.k-factor-description{margin-top:var(--spacing-sm);font-size:.85rem;color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg);border-radius:var(--radius-sm)}[data-theme=dark] .k-factor-slider{background-color:var(--color-bg-card)}[data-theme=dark] .k-factor-track{background-color:var(--color-bg-hover)}[data-theme=dark] .k-factor-stop .stop-dot{background-color:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .k-factor-thumb{border-color:var(--color-bg-card)}[data-theme=dark] .capacity-bar-container{background-color:var(--color-bg-hover)}@media(max-width:480px){.k-factor-slider{padding:var(--spacing-sm)}.k-factor-stop-label{font-size:.7rem}.capacity-text{font-size:.75rem;min-width:80px}}@media print{.k-factor-slider{border:1px solid #ccc!important;background:#fff!important}.k-factor-track-fill,.capacity-bar-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.voltage-drop-bar{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.voltage-drop-bar.status-ok{border-left:3px solid var(--color-success)}.voltage-drop-bar.status-warning{border-left:3px solid var(--color-warning)}.voltage-drop-bar.status-error{border-left:3px solid var(--color-error)}.vd-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.vd-label{font-size:.85rem;font-weight:500;color:var(--color-text)}.vd-percentage{font-size:1rem;font-weight:700;margin-left:auto}.status-ok .vd-percentage{color:var(--color-success)}.status-warning .vd-percentage{color:var(--color-warning)}.status-error .vd-percentage{color:var(--color-error)}.status-icon{width:18px;height:18px}.status-icon.ok{color:var(--color-success)}.status-icon.warning{color:var(--color-warning)}.status-icon.error{color:var(--color-error)}.vd-bar-container{margin-bottom:var(--spacing-sm)}.vd-bar-track{position:relative;height:12px;background-color:var(--color-border);border-radius:6px;overflow:visible}.vd-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.vd-bar-fill.status-ok{background:linear-gradient(90deg,#22c55e,#4ade80)}.vd-bar-fill.status-warning{background:linear-gradient(90deg,#eab308,#facc15)}.vd-bar-fill.status-error{background:linear-gradient(90deg,#ef4444,#f87171)}.vd-marker{position:absolute;top:-4px;transform:translate(-50%);z-index:1}.marker-line{width:2px;height:20px;background-color:var(--color-text-muted)}.warning-marker .marker-line{background-color:var(--color-warning)}.max-marker .marker-line{background-color:var(--color-error)}.marker-label{position:absolute;top:22px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:600;white-space:nowrap}.warning-marker .marker-label{color:var(--color-warning)}.max-marker .marker-label{color:var(--color-error)}.vd-scale{display:flex;justify-content:space-between;margin-top:18px;font-size:.65rem;color:var(--color-text-light)}.vd-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.vd-detail{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem}.detail-label{color:var(--color-text-muted)}.detail-value{font-weight:600;color:var(--color-text)}.detail-arrow{color:var(--color-text-muted);font-size:.9rem}.final-voltage{color:var(--color-primary)}.vd-message{margin-top:var(--spacing-xs);font-size:.75rem;font-style:italic}.status-ok .vd-message{color:var(--color-success)}.status-warning .vd-message{color:var(--color-warning)}.status-error .vd-message{color:var(--color-error)}[data-theme=dark] .voltage-drop-bar{background-color:var(--color-bg-card)}[data-theme=dark] .vd-bar-track{background-color:var(--color-bg-hover)}[data-theme=dark] .vd-bar-fill.status-ok{background:linear-gradient(90deg,#4ade80,#86efac)}[data-theme=dark] .vd-bar-fill.status-warning{background:linear-gradient(90deg,#fbbf24,#fcd34d)}[data-theme=dark] .vd-bar-fill.status-error{background:linear-gradient(90deg,#f87171,#fca5a5)}@media(max-width:480px){.voltage-drop-bar{padding:var(--spacing-sm)}.vd-details{flex-direction:column;gap:var(--spacing-xs)}.vd-header{flex-wrap:wrap}}@media print{.voltage-drop-bar{border:1px solid #ccc!important;background:#fff!important;page-break-inside:avoid}.vd-bar-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.status-ok .vd-bar-fill{background:#22c55e!important}.status-warning .vd-bar-fill{background:#eab308!important}.status-error .vd-bar-fill{background:#ef4444!important}}.collapsible-section{border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden;background-color:var(--color-bg-card)}.collapsible-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;text-align:left;font-size:.9rem;font-weight:500;color:var(--color-text);transition:background-color var(--transition-fast)}.collapsible-header:hover{background-color:var(--color-bg-hover)}.collapsible-header:focus{outline:none}.collapsible-header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.collapsible-chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.collapsible-section.expanded .collapsible-chevron{transform:rotate(0)}.collapsible-section.collapsed .collapsible-chevron{transform:rotate(-90deg)}.collapsible-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0}.collapsible-icon svg{width:100%;height:100%}.collapsible-title{flex:1;font-weight:500}.collapsible-subtitle{margin-left:var(--spacing-sm);font-size:.8125rem;font-weight:400;color:var(--color-text-muted)}.collapsible-badge{padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.collapsible-badge.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.collapsible-badge.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.collapsible-badge.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.collapsible-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.collapsible-section.expanded .collapsible-content{grid-template-rows:1fr}.collapsible-inner{overflow:hidden}.collapsible-section.expanded .collapsible-inner{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);overflow-x:auto}.collapsible-inner>.collapsible-section{border-color:var(--color-border-light);background-color:var(--color-bg)}.collapsible-section.expanded .collapsible-inner:before{content:"";display:block;height:1px;background-color:var(--color-border-light);margin-bottom:var(--spacing-md)}[data-theme=dark] .collapsible-section{border-color:var(--color-border)}[data-theme=dark] .collapsible-header:hover{background-color:var(--color-bg-hover)}[data-theme=dark] .collapsible-badge.badge-info{background-color:#0ea5e926}[data-theme=dark] .collapsible-badge.badge-warning{background-color:#eab30826}[data-theme=dark] .collapsible-badge.badge-error{background-color:#ef444426}@media(max-width:480px){.collapsible-header{padding:var(--spacing-sm);font-size:.85rem}.collapsible-section.expanded .collapsible-inner{padding:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)}.collapsible-badge{font-size:.65rem;padding:1px 6px}}@media print{.collapsible-section{border:1px solid #ccc!important;background:#fff!important}.collapsible-content{grid-template-rows:1fr!important}.collapsible-inner{padding:0 10px 10px!important}.collapsible-chevron{display:none!important}.collapsible-header{background:#f5f5f5!important;border-bottom:1px solid #ccc!important}}.conductor-comparison-table{margin-top:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg)}.comparison-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text);transition:background-color var(--transition-fast)}.comparison-toggle:hover{background-color:var(--color-bg-hover)}.comparison-toggle:focus{outline:none}.comparison-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.toggle-chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .2s ease}.toggle-chevron.expanded{transform:rotate(180deg)}.comparison-content{border-top:1px solid var(--color-border-light);padding:var(--spacing-sm)}.comparison-table{width:100%;border-collapse:collapse;font-size:.8rem}.comparison-table th{text-align:left;padding:var(--spacing-xs) var(--spacing-sm);font-weight:600;color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border-light)}.comparison-table td{padding:var(--spacing-xs) var(--spacing-sm);vertical-align:middle}.comparison-table tbody tr{transition:background-color var(--transition-fast)}.comparison-table tbody tr.selectable{cursor:pointer}.comparison-table tbody tr:hover{background-color:var(--color-bg-hover)}.comparison-table tbody tr.selected{background-color:#3b82f614}.option-label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.check-icon{width:14px;height:14px;color:var(--color-success)}.size-cell{font-family:var(--font-mono);font-size:.75rem}.runs-cell{text-align:center}.vd-cell{font-weight:600;text-align:center}.vd-cell.vd-ok{color:var(--color-success)}.vd-cell.vd-warning{color:var(--color-warning)}.vd-cell.vd-error{color:var(--color-error)}.cost-cell{font-weight:500;color:var(--color-text-muted)}.select-cell{text-align:right}.select-btn{padding:2px 8px;font-size:.7rem;font-weight:500;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.select-btn:hover{background-color:var(--color-primary-dark)}.select-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.comparison-legend{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);font-size:.7rem;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.vd-indicator{width:10px;height:10px;border-radius:2px}.vd-indicator.vd-ok{background-color:var(--color-success)}.vd-indicator.vd-warning{background-color:var(--color-warning)}.vd-indicator.vd-error{background-color:var(--color-error)}[data-theme=dark] .conductor-comparison-table{background-color:var(--color-bg-card)}[data-theme=dark] .comparison-table tbody tr.selected{background-color:#3b82f626}@media(max-width:600px){.comparison-content{padding:var(--spacing-xs)}.comparison-table{display:block}.comparison-table thead{display:none}.comparison-table tbody{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comparison-table tbody tr{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.comparison-table tbody tr.selected{border-color:var(--color-primary)}.comparison-table td{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);font-size:.85rem}.comparison-table td:before{content:attr(data-label);font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase}.comparison-table td:first-child{flex:1 1 100%;font-weight:600;font-size:.95rem;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xs)}.comparison-table td:first-child:before{display:none}.comparison-table td.select-cell{flex:0 0 auto;margin-left:auto}.comparison-table td.select-cell:before{display:none}.comparison-legend{flex-wrap:wrap;gap:var(--spacing-sm)}}@media print{.conductor-comparison-table{border:1px solid #ccc!important;background:#fff!important}.comparison-toggle{display:none!important}.comparison-content{display:block!important;border-top:none!important}.select-cell,.select-btn{display:none!important}}.arc-flash-indicator{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.arc-flash-indicator.cat-0{background-color:#22c55e0d;border-color:#22c55e4d}.arc-flash-indicator.cat-1{background-color:#3b82f60d;border-color:#3b82f64d}.arc-flash-indicator.cat-2{background-color:#eab3080d;border-color:#eab3084d}.arc-flash-indicator.cat-3{background-color:#f973160d;border-color:#f973164d}.arc-flash-indicator.cat-4{background-color:#ef44440d;border-color:#ef44444d}.arc-flash-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.arc-flash-icon{width:20px;height:20px;color:#f97316}.arc-flash-title{font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--color-text)}.arc-flash-category-display{padding:var(--spacing-md);background-color:var(--color-bg-card);border-radius:var(--radius-md);border:2px solid;text-align:center;margin-bottom:var(--spacing-md)}.category-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.03em;margin-bottom:var(--spacing-sm)}.incident-energy{margin-bottom:var(--spacing-xs)}.energy-value{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1.1}.energy-unit{font-size:.85rem;color:var(--color-text-muted);margin-left:var(--spacing-xs)}.arc-boundary{font-size:.85rem;color:var(--color-text-muted)}.boundary-label{margin-right:var(--spacing-xs)}.boundary-value{font-weight:600;color:var(--color-text)}.ppe-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm);background-color:var(--color-bg-hover);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text);transition:background-color var(--transition-fast)}.ppe-toggle:hover{background-color:var(--color-border-light)}.ppe-toggle:focus{outline:none}.ppe-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-icon{width:16px;height:16px;color:var(--color-text-muted);transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(180deg)}.ppe-list{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-card);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.ppe-rating{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}.ppe-list ul{list-style:none;margin:0;padding:0}.ppe-list li{position:relative;padding-left:var(--spacing-md);font-size:.8rem;color:var(--color-text);margin-bottom:var(--spacing-xs)}.ppe-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.ppe-list li:last-child{margin-bottom:0}.arc-flash-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:#ef44441a;border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-error)}.warning-icon{width:16px;height:16px;flex-shrink:0;margin-top:1px}.arc-flash-disclaimer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);font-size:.7rem;font-style:italic;color:var(--color-text-light);text-align:center}[data-theme=dark] .arc-flash-indicator.cat-0{background-color:#4ade8014}[data-theme=dark] .arc-flash-indicator.cat-1{background-color:#3b82f614}[data-theme=dark] .arc-flash-indicator.cat-2{background-color:#fbbf2414}[data-theme=dark] .arc-flash-indicator.cat-3{background-color:#f9731614}[data-theme=dark] .arc-flash-indicator.cat-4{background-color:#f8717114}[data-theme=dark] .arc-flash-category-display{background-color:var(--color-bg)}[data-theme=dark] .ppe-toggle{background-color:var(--color-bg-card)}[data-theme=dark] .ppe-toggle:hover{background-color:var(--color-bg-hover)}@media(max-width:480px){.arc-flash-indicator,.arc-flash-category-display{padding:var(--spacing-sm)}.energy-value{font-size:1.5rem}}@media print{.arc-flash-indicator{border:2px solid black!important;background:#fff!important;page-break-inside:avoid}.category-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ppe-toggle{display:none!important}.ppe-list{display:block!important;margin-top:10px!important}}.nec-decision-tree{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.tree-header{margin-bottom:var(--spacing-md)}.tree-header h4{margin:0;font-size:.9rem;color:var(--color-text);font-weight:600}.tree-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) 0}.tree-node{position:relative}.node-content{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);text-align:center;min-width:120px}.tree-node.root .node-content{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.tree-node.decision .node-content{background-color:var(--color-bg-card);border-color:var(--color-border)}.tree-node.result .node-content{background-color:#22c55e14;border-color:var(--color-success)}.tree-branch.active .tree-node.decision .node-content,.tiered-path.active .tree-node.decision .node-content{background-color:#3b82f61a;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.node-question{font-size:.85rem;font-weight:600;color:var(--color-text)}.node-condition{font-size:.7rem;color:var(--color-text-muted);margin-bottom:2px}.node-title{font-size:.85rem;font-weight:600;color:var(--color-text)}.node-value{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.your-path{display:inline-block;margin-top:var(--spacing-xs);padding:2px 6px;background-color:var(--color-primary);color:#fff;font-size:.65rem;font-weight:600;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.tree-branches{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-md);padding-top:var(--spacing-md);position:relative}.tree-branches:before{content:"";position:absolute;top:0;left:50%;width:2px;height:var(--spacing-md);background-color:var(--color-border);transform:translate(-50%)}.tree-branch{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:opacity .2s ease}.tree-branch.active{opacity:1}.branch-line{position:relative;width:100%;height:30px;margin-bottom:var(--spacing-xs)}.branch-line:before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background-color:var(--color-border)}.tree-branch.active .branch-line:before{background-color:var(--color-primary)}.branch-label{position:absolute;top:5px;left:50%;transform:translate(calc(-50% + 15px));font-size:.7rem;font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg);padding:0 4px}.tree-branch.active .branch-label{color:var(--color-primary)}.branch-connector.vertical{width:2px;height:20px;background-color:var(--color-border);margin:var(--spacing-xs) 0}.tree-branch.active .branch-connector.vertical{background-color:var(--color-primary)}.tiered-paths{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tiered-path{opacity:.5;transition:opacity .2s ease}.tiered-path.active{opacity:1}.tiered-path .node-content{min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)}.tree-reference{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);font-size:.75rem;text-align:center}.reference-label{color:var(--color-text-muted);margin-right:var(--spacing-xs)}.reference-value{font-weight:500;color:var(--color-text)}[data-theme=dark] .nec-decision-tree{background-color:var(--color-bg-card)}[data-theme=dark] .tree-node.root .node-content{background-color:var(--color-bg)}[data-theme=dark] .tree-branch.active .tree-node.decision .node-content,[data-theme=dark] .tiered-path.active .tree-node.decision .node-content{background-color:#3b82f626}[data-theme=dark] .tree-node.result .node-content{background-color:#4ade801a}@media(max-width:600px){.tree-branches{flex-direction:column;gap:var(--spacing-md)}.tree-branches:before{display:none}.tree-branch{width:100%}.branch-line{height:20px}.tiered-paths{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.tiered-path .node-content{min-width:80px;font-size:.75rem}}@media print{.nec-decision-tree{border:1px solid #ccc!important;background:#fff!important;page-break-inside:avoid}.tree-branch,.tiered-path{opacity:1!important}.tree-branch.active .node-content,.tiered-path.active .node-content{border-width:3px!important}}.generator-circuit-diagram{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.generator-circuit-diagram h4{margin:0 0 var(--spacing-md) 0;font-size:.9rem;color:var(--color-text)}.generator-svg{width:100%;max-width:500px;height:auto;margin:0 auto;display:block}.generator-svg rect{fill:var(--color-bg-card);stroke:var(--color-border);stroke-width:1.5}.generator-svg .gen-box{fill:#22c55e1a;stroke:var(--color-success);stroke-width:2}.generator-svg .gen-circle{fill:var(--color-bg-card);stroke:var(--color-success);stroke-width:2}.generator-svg .gen-symbol{font-size:18px;font-weight:700;fill:var(--color-success)}.generator-svg .gen-breaker rect{fill:#ef44441a;stroke:var(--color-error)}.generator-svg .ats rect{fill:#3b82f61a;stroke:var(--color-primary);stroke-width:2}.generator-svg .ats-switch{stroke:var(--color-primary);stroke-width:2}.generator-svg .ats-contact{fill:var(--color-primary)}.generator-svg .load rect{fill:#8b5cf61a;stroke:#8b5cf6;stroke-width:2}.generator-svg .wire-line{stroke:var(--color-text);stroke-width:2.5;stroke-linecap:square}.generator-svg .utility-line{stroke:var(--color-text-muted);stroke-width:2;stroke-dasharray:4 2}.generator-svg .utility-label{font-size:9px;fill:var(--color-text-muted)}.generator-svg .ground-line{stroke:var(--color-text);stroke-width:1.5}.generator-svg .gec-label{font-size:9px;fill:var(--color-text-muted)}.generator-svg .component-label{font-size:11px;font-weight:600;fill:var(--color-text)}.generator-svg .component-sublabel{font-size:9px;fill:var(--color-text-muted)}.generator-svg .component-value{font-size:11px;font-weight:500;fill:var(--color-text-muted)}.generator-svg .wire-spec{font-size:9px;fill:var(--color-text-muted);font-weight:500}.generator-svg .wire-spec.status-ok{fill:var(--color-success)}.generator-svg .wire-spec.status-warning{fill:var(--color-warning)}.generator-svg .wire-spec.status-error{fill:var(--color-error)}.generator-svg .phase-indicator{font-size:9px;fill:var(--color-text-light)}.generator-circuit-diagram .diagram-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.generator-circuit-diagram .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.generator-circuit-diagram .legend-color{width:12px;height:12px;border-radius:2px;border:1px solid}.generator-circuit-diagram .legend-color.gen-color{background-color:#22c55e1a;border-color:var(--color-success)}.generator-circuit-diagram .legend-color.breaker-color{background-color:#ef44441a;border-color:var(--color-error)}.generator-circuit-diagram .legend-color.ats-color{background-color:#3b82f61a;border-color:var(--color-primary)}.generator-circuit-diagram .legend-color.load-color{background-color:#8b5cf61a;border-color:#8b5cf6}.generator-circuit-diagram .legend-note{font-style:italic;color:var(--color-text-light)}@media(max-width:600px){.generator-svg{max-width:100%}.generator-circuit-diagram .diagram-legend{flex-direction:column;gap:var(--spacing-xs)}}[data-theme=dark] .generator-svg .component-label,[data-theme=dark] .generator-svg .component-value,[data-theme=dark] .generator-svg .gen-symbol{fill:var(--color-text)}[data-theme=dark] .generator-svg .wire-line{stroke-width:2}[data-theme=dark] .generator-svg .gen-box{fill:#22c55e26}[data-theme=dark] .generator-svg .gen-breaker rect{fill:#ef444426}[data-theme=dark] .generator-svg .ats rect{fill:#3b82f626}[data-theme=dark] .generator-svg .load rect{fill:#8b5cf626}@media print{.generator-circuit-diagram{page-break-inside:avoid;background:#fff!important;padding:10px!important}.generator-svg rect,.generator-svg circle{stroke-width:1!important}.generator-svg .wire-line{stroke:#000!important;stroke-width:1.5!important}.generator-circuit-diagram .diagram-legend{display:flex!important}}.feeder-circuit-diagram{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.feeder-circuit-diagram .diagram-title{font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);text-align:center}.feeder-circuit-diagram .diagram-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) 0}.feeder-circuit-diagram .source-panel,.feeder-circuit-diagram .load-panel{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:80px}.feeder-circuit-diagram .panel-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.feeder-circuit-diagram .panel-box{width:70px;padding:var(--spacing-sm);background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-sm);text-align:center}.feeder-circuit-diagram .panel-info{font-size:.85rem;font-weight:600;color:var(--color-text)}.feeder-circuit-diagram .panel-info-sub{font-size:.7rem;color:var(--color-text-muted)}.feeder-circuit-diagram .breaker-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.feeder-circuit-diagram .breaker-symbol{width:30px;height:45px}.feeder-circuit-diagram .breaker-icon{width:100%;height:100%;color:var(--color-text)}.feeder-circuit-diagram .breaker-label{font-size:.75rem;font-weight:600;color:var(--color-primary)}.feeder-circuit-diagram .feeder-conductors{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-hover);border-radius:var(--radius-sm);position:relative}.feeder-circuit-diagram .feeder-conductors.vd-ok{border-left:3px solid var(--color-success);border-right:3px solid var(--color-success)}.feeder-circuit-diagram .feeder-conductors.vd-warning{border-left:3px solid var(--color-warning);border-right:3px solid var(--color-warning)}.feeder-circuit-diagram .feeder-conductors.vd-error{border-left:3px solid var(--color-error);border-right:3px solid var(--color-error)}.feeder-circuit-diagram .conductor-lines{display:flex;flex-direction:column;gap:4px}.feeder-circuit-diagram .conductor-line{display:flex;align-items:center;gap:0}.feeder-circuit-diagram .conductor-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text)}.feeder-circuit-diagram .conductor-dot.green{background-color:var(--color-success)}.feeder-circuit-diagram .conductor-wire{flex:1;height:2px;background-color:var(--color-text)}.feeder-circuit-diagram .conductor-wire.dashed{background:repeating-linear-gradient(90deg,var(--color-text) 0,var(--color-text) 4px,transparent 4px,transparent 8px)}.feeder-circuit-diagram .conductor-wire.green{background-color:var(--color-success)}.feeder-circuit-diagram .neutral-line .conductor-dot,.feeder-circuit-diagram .neutral-line .conductor-wire{background-color:var(--color-text-muted)}.feeder-circuit-diagram .conductor-info{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.feeder-circuit-diagram .conductor-spec{font-size:.75rem;display:flex;gap:4px}.feeder-circuit-diagram .spec-label{color:var(--color-text-muted)}.feeder-circuit-diagram .spec-value{font-weight:600;color:var(--color-text)}.feeder-circuit-diagram .distance-annotation{display:flex;flex-direction:column;align-items:center;gap:2px}.feeder-circuit-diagram .distance-arrow{width:100%;height:15px;color:var(--color-text-muted)}.feeder-circuit-diagram .distance-label{font-size:.7rem;color:var(--color-text-muted)}.feeder-circuit-diagram .vd-annotation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.feeder-circuit-diagram .vd-annotation.vd-ok{background-color:#22c55e1a;color:var(--color-success)}.feeder-circuit-diagram .vd-annotation.vd-warning{background-color:#eab3081a;color:var(--color-warning)}.feeder-circuit-diagram .vd-annotation.vd-error{background-color:#ef44441a;color:var(--color-error)}.feeder-circuit-diagram .vd-icon{font-size:.9rem}.feeder-circuit-diagram .diagram-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.feeder-circuit-diagram .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.feeder-circuit-diagram .legend-line{width:20px;height:2px}.feeder-circuit-diagram .legend-line.phase{background-color:var(--color-text)}.feeder-circuit-diagram .legend-line.neutral{background:repeating-linear-gradient(90deg,var(--color-text-muted) 0,var(--color-text-muted) 3px,transparent 3px,transparent 6px)}.feeder-circuit-diagram .legend-line.egc{background-color:var(--color-success)}@media(max-width:600px){.feeder-circuit-diagram .diagram-container{flex-direction:column}.feeder-circuit-diagram .source-panel,.feeder-circuit-diagram .load-panel{flex-direction:row;justify-content:center;width:100%}.feeder-circuit-diagram .feeder-conductors{width:100%;min-height:100px}.feeder-circuit-diagram .conductor-lines{flex-direction:row;justify-content:center}.feeder-circuit-diagram .conductor-line{flex-direction:column;height:60px;width:auto}.feeder-circuit-diagram .conductor-wire{width:2px;height:100%}.feeder-circuit-diagram .conductor-wire.dashed{background:repeating-linear-gradient(180deg,var(--color-text) 0,var(--color-text) 4px,transparent 4px,transparent 8px)}.feeder-circuit-diagram .diagram-legend{flex-wrap:wrap;gap:var(--spacing-sm)}}@media print{.feeder-circuit-diagram{background-color:#fff;border:1px solid #ccc;page-break-inside:avoid}.feeder-circuit-diagram .panel-box{background-color:#fff}.feeder-circuit-diagram .feeder-conductors{background-color:#f5f5f5}}.aluminum-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#dc26261a;border:1px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.aluminum-warning-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-error);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.aluminum-warning-text{font-size:.85rem;color:var(--color-error);line-height:1.3}.aluminum-warning-text strong{font-weight:700}@media(max-width:768px){.aluminum-warning{padding:var(--spacing-sm)}.aluminum-warning-text{font-size:.8rem}}[data-theme=dark] .aluminum-warning{background:#dc262626}.recent-calcs{display:flex;align-items:stretch;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.recent-calcs-heading{align-self:center;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.recent-calcs-list{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm);margin:0;padding:0;list-style:none}.recent-calc{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;height:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.recent-calc:hover{border-color:var(--color-primary)}.recent-calc:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.recent-calc-when{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.recent-calc-label{font-size:.875rem;font-weight:600;overflow-wrap:anywhere}.recent-calc-result{font-size:.8125rem;font-style:italic;color:var(--color-text-muted);overflow-wrap:anywhere}@media(max-width:600px){.recent-calcs{flex-direction:column;gap:var(--spacing-xs)}.recent-calcs-heading{align-self:flex-start}.recent-calcs-list{grid-template-columns:minmax(0,1fr);gap:var(--spacing-xs)}}@media print{.recent-calcs{display:none}}.answer-strip-host{position:sticky;top:var(--header-height, 60px);z-index:20}.answer-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tiles side" "row2 row2" "extra extra";gap:var(--spacing-sm) var(--spacing-lg);align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:padding var(--transition-fast),box-shadow var(--transition-fast)}.answer-strip-title{display:none;grid-area:title;padding:0;border:none;background:none;font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap}.answer-strip-tiles{grid-area:tiles;display:flex;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-lg);min-width:0}.answer-strip-break{flex-basis:100%;height:0}.answer-strip-row2{grid-area:row2;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.answer-strip-extra{grid-area:extra}.answer-strip-side{grid-area:side;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.answer-strip-empty{grid-area:tiles;color:var(--color-text-muted);font-size:.9rem;padding:var(--spacing-xs) 0}.answer-strip-link{padding:0;border:none;background:none;color:var(--color-primary);font-size:.8125rem;font-weight:500;white-space:nowrap}.answer-strip-link:hover{text-decoration:underline}.answer-strip-side{max-width:340px}.answer-strip-status{text-align:left}.answer-strip-status .status-message{overflow-wrap:anywhere}.answer-strip-host.is-pinned .answer-strip-status{max-width:360px}.answer-strip-host.is-pinned .answer-strip-status .status-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.answer-tile{display:flex;flex-direction:column;min-width:0}.answer-tile-main{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm));border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.answer-tile-main:hover{background-color:var(--color-bg-hover)}.answer-tile-main:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.answer-tile-label{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.answer-tile-value{display:flex;align-items:baseline;gap:.35rem;font-family:var(--font-mono);font-size:2rem;font-weight:600;line-height:1.1;color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.answer-tile-unit{font-size:.9rem;font-weight:500;color:var(--color-text-muted)}.answer-tile-note{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.answer-tile.spec .answer-tile-value{font-size:1.25rem;letter-spacing:0}.answer-tile.spec .answer-tile-number{white-space:normal}.answer-tile.status-ok .answer-tile-number{color:var(--color-success)}.answer-tile.status-warning .answer-tile-number{color:var(--color-warning)}.answer-tile.status-error .answer-tile-number{color:var(--color-error)}.answer-tile.is-muted .answer-tile-number,.answer-tile.is-muted .answer-tile-note{color:var(--color-text-muted);font-style:italic}.answer-tile-calc{padding:0 4px;border:none;background:none;color:var(--color-text-light);font-size:.875rem;line-height:1;align-self:center}.answer-tile-calc:hover,.answer-tile-calc.active{color:var(--color-primary)}.answer-tile-detail{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs) var(--spacing-sm);margin-top:2px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-muted)}.answer-tile-detail code{font-family:var(--font-mono);color:var(--color-text)}.answer-tile-ref{font-family:var(--font-mono);color:var(--color-primary)}.answer-strip-frame,.answer-strip-body{display:contents}.answer-strip-host.has-lead .answer-strip-frame{display:flex;align-items:stretch;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.answer-strip-host.has-lead .answer-strip-body{display:block;flex:1 1 auto;min-width:0;container-type:inline-size}.answer-strip-host.has-lead .answer-strip{border:none;border-radius:0;box-shadow:none;background:none}.answer-strip-lead{display:flex;align-items:center;justify-content:center;flex:0 0 10rem;width:10rem;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid var(--color-border-light)}.answer-strip-host.has-lead.is-pinned .answer-strip-frame{border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md)}.answer-strip-host.has-lead.is-pinned .answer-strip-lead{flex-basis:10rem;padding:var(--spacing-xs) var(--spacing-sm)}.answer-strip-host.has-lead.is-pinned .answer-strip-title{display:none!important}.answer-strip-host.has-lead.is-pinned .answer-strip{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tiles side"}@media(max-width:600px){.answer-strip-host.has-lead .answer-strip-frame{flex-direction:column}.answer-strip-host.has-lead .answer-strip-lead{flex-basis:auto;width:auto;border-right:none;border-bottom:1px solid var(--color-border-light)}.answer-strip-host.has-lead.is-pinned .answer-strip-frame{flex-direction:row;border-radius:0}.answer-strip-host.has-lead.is-pinned .answer-strip-lead{flex-basis:auto;width:auto;border-bottom:none;border-right:1px solid var(--color-border-light)}}.answer-strip-host.is-pinned .answer-strip{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"title tiles side";padding:var(--spacing-xs) var(--spacing-md);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md)}.answer-strip-host.is-pinned .answer-strip-title{display:block}.answer-strip-host.is-pinned .answer-strip-tiles{flex-wrap:wrap;overflow:visible;gap:2px var(--spacing-md)}.answer-strip-host.is-pinned .answer-strip-tiles::-webkit-scrollbar{display:none}.answer-strip-host.is-pinned .answer-tile{flex:0 1 auto;min-width:0}.answer-strip-host.is-pinned .answer-tile-main{flex-direction:row;align-items:baseline;gap:.4rem;padding:2px var(--spacing-xs);margin:0}.answer-strip-host.is-pinned .answer-tile-label{font-size:.6875rem;letter-spacing:.03em}.answer-strip-host.is-pinned .answer-tile-value{font-size:1.05rem;white-space:nowrap}.answer-strip-host.is-pinned .answer-tile.spec .answer-tile-value{font-size:.9rem}.answer-strip-host.is-pinned .answer-tile.spec .answer-tile-number{white-space:normal}.answer-strip-host.is-pinned .answer-tile-unit{font-size:.75rem}.answer-strip-host.is-pinned .answer-strip-break,.answer-strip-host.is-pinned .answer-tile-note,.answer-strip-host.is-pinned .answer-tile-calc,.answer-strip-host.is-pinned .answer-tile-detail,.answer-strip-host.is-pinned .answer-strip-row2,.answer-strip-host.is-pinned .answer-strip-extra,.answer-strip-host.is-pinned .answer-strip-link{display:none}.answer-strip-host.is-pinned .answer-strip-side{flex-direction:row;align-items:center}.answer-strip-host.pins-row2{container-type:inline-size}.answer-strip-host.is-pinned.pins-row2 .answer-strip{grid-template-areas:"title tiles side" "title row2 side";row-gap:2px}.answer-strip-host.is-pinned.pins-row2 .answer-strip-row2{display:flex;padding-top:0;border-top:none}@container (max-width: 999px){.answer-strip-host.is-pinned.pins-row2 .answer-strip-title,.answer-strip-host.is-pinned.pins-row2 .answer-strip-status .status-message{display:none}}@container (max-width: 640px){.answer-strip-host.is-pinned.pins-row2 .answer-strip{grid-template-columns:repeat(var(--answer-pinned-fixed-cols, 2),auto) minmax(0,1fr) auto;grid-template-areas:none}.answer-strip-host.is-pinned.pins-row2 .answer-strip-side{grid-column:-2 / -1;grid-row:1 / span 2}.answer-strip-host.is-pinned.pins-row2 .answer-strip-tiles{display:grid;grid-template-columns:subgrid;grid-column:1 / -2;grid-row:1;align-items:end}.answer-strip-host.is-pinned.pins-row2 .answer-strip-row2{grid-row:2}.answer-strip-host.is-pinned.pins-row2 .answer-tile.spec{grid-column:1 / -1}.answer-strip-host.is-pinned.pins-row2 .answer-tile-main{flex-direction:column;align-items:flex-start;gap:0}}@container (min-width: 641px){.answer-strip-host.is-pinned.pins-row2 .answer-strip{grid-template-columns:repeat(var(--answer-pinned-fixed-cols, 2),auto) minmax(0,1fr) auto;grid-template-areas:none}.answer-strip-host.is-pinned.pins-row2 .answer-strip-side{grid-column:-2 / -1;grid-row:1 / span 2}.answer-strip-host.is-pinned.pins-row2 .answer-strip-tiles{display:grid;grid-template-columns:subgrid;grid-column:1 / -2;grid-row:1;align-items:end}.answer-strip-host.is-pinned.pins-row2 .answer-strip-row2{grid-row:2}.answer-strip-host.is-pinned.pins-row2 .answer-tile-main{flex-direction:column;align-items:flex-start;gap:0}.answer-strip-host.is-pinned.pins-row2 .answer-tile-value{white-space:normal}}@container (min-width: 1000px){.answer-strip-host.is-pinned.pins-row2 .answer-strip{grid-template-columns:auto repeat(var(--answer-pinned-fixed-cols, 2),auto) minmax(0,1fr) auto}.answer-strip-host.is-pinned.pins-row2 .answer-strip-title{grid-column:1;grid-row:1 / span 2}.answer-strip-host.is-pinned.pins-row2 .answer-strip-tiles{grid-column:2 / -2}}.answer-strip-host.has-row2,.answer-strip-host.has-lines,.answer-strip-host.fit-one-line{container-type:inline-size}@media(min-width:1025px){@container (min-width: 860px){.answer-strip-host.has-row2:not(.is-pinned) .answer-strip{grid-template-columns:repeat(var(--answer-fixed-cols, 2),auto) minmax(18rem,1fr) auto;grid-template-areas:none;align-items:start}.answer-strip-host.has-row2:not(.is-pinned) .answer-strip-tiles{display:grid;grid-template-columns:subgrid;grid-column:1 / -2;grid-row:1}.answer-strip-host.has-row2:not(.is-pinned) .answer-strip-row2{grid-row:2}.answer-strip-host.has-row2:not(.is-pinned) .answer-strip-side{grid-column:-2 / -1;grid-row:1 / span 2;align-self:center;max-width:17rem}.answer-strip-host.has-row2:not(.is-pinned) .answer-strip-extra{grid-column:1 / -1;grid-row:3}.answer-strip-host.fit-one-line:not(.is-pinned) .answer-strip-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:auto;justify-content:start;align-items:start}.answer-strip-host.fit-one-line:not(.is-pinned) .answer-strip-side{max-width:17rem}.answer-strip-host.fit-one-line:not(.is-pinned) .answer-tile:not(.spec){min-width:min-content}.answer-strip-host.fit-one-line:not(.is-pinned) .answer-tile.spec{min-width:17rem}.answer-strip-host.fit-one-line:not(.is-pinned) .answer-tile:not(.spec) .answer-tile-number{white-space:nowrap}.answer-strip-host.fit-one-line:not(.is-pinned) .answer-tile-note{white-space:normal}.answer-strip-host.has-lines:not(.is-pinned) .answer-strip-tiles{display:grid;grid-template-columns:repeat(var(--answer-line-cols, 3),auto);justify-content:start;align-items:start}.answer-strip-host.has-lines:not(.is-pinned) .answer-strip-break{display:none}.answer-strip-host.has-lines:not(.is-pinned) .answer-tile:not(.spec),.answer-strip-host.has-row2:not(.is-pinned) .answer-tile:not(.spec){min-width:min-content}.answer-strip-host.has-lines:not(.is-pinned) .answer-tile:not(.spec) .answer-tile-number,.answer-strip-host.has-row2:not(.is-pinned) .answer-tile:not(.spec) .answer-tile-number{white-space:nowrap}.answer-strip-host.has-lines:not(.is-pinned) .answer-tile-note,.answer-strip-host.has-row2:not(.is-pinned) .answer-tile-note{white-space:normal}}}@media(max-width:1024px){.answer-strip{grid-template-columns:minmax(0,1fr);grid-template-areas:"tiles" "side" "row2" "extra"}.answer-strip-side{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}}@media(max-width:600px){.answer-strip{padding:var(--spacing-sm) var(--spacing-md)}.answer-strip-tiles{gap:var(--spacing-xs) var(--spacing-md)}.answer-tile-value{font-size:1.5rem}.answer-tile.spec .answer-tile-value{font-size:1rem}.answer-tile-note{white-space:normal}.answer-strip-host.is-pinned .answer-strip{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tiles side";border-radius:0}.answer-strip-host.is-pinned .answer-strip-title,.answer-strip-host.is-pinned .answer-strip-status .status-message{display:none}.answer-strip-host.is-pinned .answer-tile.spec{flex:1 1 100%}.answer-strip-host.is-pinned .answer-tile.spec .answer-tile-main{flex-direction:column;align-items:flex-start;gap:0}.answer-tile-calc{padding:6px 8px;margin:-6px 0}.answer-strip-link{padding:8px 0}}@media(prefers-reduced-motion:reduce){.answer-strip,.answer-tile-main{transition:none}}@media print{.answer-strip-host{position:static}.answer-strip{box-shadow:none;border:1px solid #ccc;border-left:4px solid #000;page-break-inside:avoid}.answer-strip-link,.answer-tile-calc{display:none}.answer-tile-value{color:#000}}.rating-lead{--rating-fit: 1;display:flex;flex-direction:column;align-items:center;gap:.15rem;font-family:var(--font-mono);font-weight:700;white-space:nowrap;line-height:1}.rating-lead.is-single{color:var(--color-error)}.rating-lead.is-three,.rating-lead.is-neutral{color:var(--color-primary)}.rating-lead-rating{display:flex;align-items:baseline;gap:.3rem}.rating-lead-value{font-size:calc(2.25rem * var(--rating-fit))}.rating-lead-unit{font-size:calc(.95rem * var(--rating-fit));font-weight:600}.rating-lead-phase{font-size:1.75rem}.answer-strip-host.is-pinned .rating-lead{flex-direction:row;align-items:baseline;gap:.4rem}.answer-strip-host.is-pinned .rating-lead-value{font-size:calc(1.35rem * var(--rating-fit))}.answer-strip-host.is-pinned .rating-lead-phase{font-size:1.35rem}.answer-strip-host.is-pinned .rating-lead-unit{font-size:calc(.75rem * var(--rating-fit))}@media(max-width:600px){.rating-lead{flex-direction:row;align-items:baseline;gap:.5rem}.rating-lead-value,.rating-lead-phase{font-size:1.75rem}}.key-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.key-results-grid>.full-width{grid-column:1 / -1}.key-results-grid>.copyable-value,.key-results-grid>.result-with-calc{min-width:0;height:100%}.key-results-grid>.copyable-value{justify-content:space-between}.key-results-grid>.result-with-calc>.result-main{flex:1}.key-results-grid>.result-with-calc .result-content,.key-results-grid>.copyable-value .copyable-content{margin-top:auto;flex-wrap:nowrap;min-width:0}.key-results-grid .result-value,.key-results-grid .copyable-text{min-width:0;overflow-wrap:anywhere}.key-results-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:.8125rem;color:var(--color-text-muted)}.key-results-heading{grid-column:1 / -1;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.key-results-heading:first-child{margin-top:0}@media(max-width:600px){.key-results-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.calc-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.calc-details-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.calc-details-head .section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.calc-details-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.calc-details-nav button{padding:2px 10px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.75rem;font-weight:500;white-space:nowrap}.calc-details-nav button:hover{color:var(--color-text);border-color:var(--color-border-focus);background:var(--color-bg-hover)}.calc-details-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-section{scroll-margin-top:calc(var(--header-height, 60px) + 72px)}.detail-section .collapsible-section{margin-bottom:0}.detail-section .collapsible-header{padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem}.detail-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);align-items:start}.detail-diagram{display:flex;justify-content:center;overflow-x:auto}.detail-note{font-size:.875rem;color:var(--color-text-muted);max-width:80ch}.detail-note ul{margin:var(--spacing-xs) 0 0;padding-left:1.25rem}.detail-note li{margin:4px 0}.detail-note strong{color:var(--color-text)}@media print{.calc-details-nav{display:none}}.nec-ref{display:inline-flex;align-items:center;padding:1px 8px;border:1px solid var(--color-primary-alpha, rgba(59, 130, 246, .3));border-radius:999px;background:var(--color-primary-alpha, rgba(59, 130, 246, .1));color:var(--color-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:default}.nec-ref-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.nec-ref-list-label{font-size:.75rem;color:var(--color-text-muted)}@media print{.nec-ref{border-color:#999;background:none;color:#000}}.number-stepper{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:120px}.number-stepper label{font-size:.875rem;font-weight:500;color:var(--color-text)}.number-stepper.is-highlighted label{color:var(--color-warning-text, #856404)}.number-stepper-control{display:inline-flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-input);width:fit-content}.number-stepper.is-highlighted .number-stepper-control{border-color:var(--color-warning, #ffc107);box-shadow:0 0 0 1px var(--color-warning, #ffc107)}.number-stepper-control input{width:48px;text-align:center;border:none;border-radius:0;padding:var(--spacing-sm) var(--spacing-xs);font-family:var(--font-mono);font-size:1rem;font-weight:600;background:transparent;color:var(--color-text);-moz-appearance:textfield}.number-stepper-control input::-webkit-outer-spin-button,.number-stepper-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-stepper-control input:focus{outline:none;box-shadow:none}.number-stepper-btn{width:36px;padding:0;border:none;border-radius:0;background:var(--color-bg);color:var(--color-text);font-size:1.125rem;font-weight:600;-webkit-user-select:none;user-select:none}.number-stepper-btn:first-child{border-right:1px solid var(--color-border)}.number-stepper-btn:last-child{border-left:1px solid var(--color-border)}.number-stepper-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.number-stepper-btn:disabled{opacity:.4}@media(max-width:768px){.number-stepper-btn{min-height:44px}}.settings-overlay{position:fixed;inset:0;background-color:#00000080;z-index:200}.settings-panel{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100vh;background-color:var(--color-bg-card);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:201;animation:slideIn .2s ease}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.settings-header h2{font-size:1.25rem;font-weight:600}.settings-close-btn{padding:var(--spacing-sm);background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.settings-close-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.settings-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.settings-section>div{margin-bottom:var(--spacing-md)}.settings-info{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.settings-info p{margin-bottom:var(--spacing-xs)}.settings-info p:last-child{margin-bottom:0}.settings-note{color:var(--color-text-muted);font-size:.8125rem;margin-top:var(--spacing-sm)!important}.settings-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.settings-footer button{flex:1}@media(max-width:480px){.settings-panel{width:100%}}.history-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.history-panel{position:fixed;top:0;right:0;width:360px;max-width:100%;height:100%;background-color:var(--color-surface);box-shadow:-4px 0 20px #0000004d;z-index:1001;display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-alt)}.history-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.history-header .close-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color .2s,background-color .2s}.history-header .close-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.history-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.history-empty .hint{font-size:.875rem;margin-top:var(--spacing-sm)}.history-actions{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.history-actions .clear-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.history-actions .clear-btn:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.history-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.history-entry{position:relative;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-surface-alt);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s}.history-entry:hover{background-color:var(--color-surface-hover)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.entry-calculator{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary)}.entry-time{font-size:.75rem;color:var(--color-text-muted)}.entry-summary{font-size:.875rem;color:var(--color-text);line-height:1.4;padding-right:var(--spacing-lg)}.entry-delete{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);opacity:0;transition:all .2s}.history-entry:hover .entry-delete{opacity:1}.entry-delete:hover{color:var(--color-error);background-color:#ef44441a}.entry-name{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.entry-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .2s}.history-entry:hover .entry-actions{opacity:1}.entry-rename,.entry-delete{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all .2s}.entry-rename:hover{color:var(--color-primary);background-color:#3b82f61a}.history-entry.editing{background-color:var(--color-bg-secondary);cursor:default}.entry-edit{display:flex;flex-direction:column;gap:var(--spacing-sm)}.entry-name-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-focus);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text);font-size:.9rem}.entry-name-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.entry-edit-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.entry-edit-actions .btn-save,.entry-edit-actions .btn-cancel{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.entry-edit-actions .btn-save{background:var(--color-primary);color:#fff}.entry-edit-actions .btn-save:hover{background:var(--color-primary-dark)}.entry-edit-actions .btn-cancel{background:var(--color-bg-secondary);color:var(--color-text-muted)}.entry-edit-actions .btn-cancel:hover{background:var(--color-bg-hover);color:var(--color-text)}@media(max-width:768px){.history-panel{width:100%}.entry-actions{opacity:1}}.project-panel{width:400px}@media(max-width:480px){.project-panel{width:100%}}.panel-tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 var(--spacing-md)}.panel-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.panel-tab:hover:not(:disabled){color:var(--color-text)}.panel-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.panel-tab:disabled{opacity:.5;cursor:not-allowed}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:9px}.current-project-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#3b82f61a;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.current-project-info{display:flex;flex-direction:column}.current-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary)}.current-name{font-weight:600;color:var(--color-text)}.btn-close-project{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-close-project:hover{background:var(--color-bg);color:var(--color-text)}.btn-new-project{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);margin-bottom:var(--spacing-md)}.btn-new-project:hover{background:var(--color-primary-dark)}.create-project-form{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.create-project-form input{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text)}.create-project-form input:focus{outline:none;border-color:var(--color-primary)}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-cancel,.btn-create{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-cancel{background:transparent;color:var(--color-text-muted)}.btn-cancel:hover{background:var(--color-bg-hover)}.btn-create{background:var(--color-primary);color:#fff}.btn-create:hover{background:var(--color-primary-dark)}.projects-list{margin-bottom:var(--spacing-lg)}.empty-projects,.empty-schedule{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.empty-projects .hint,.empty-schedule .hint{font-size:.8125rem;margin-top:var(--spacing-xs)}.project-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);cursor:pointer;transition:background var(--transition-fast)}.project-item:hover{background:var(--color-bg-hover)}.project-item.active{background:#3b82f61a;border-left:3px solid var(--color-primary)}.project-info{flex:1;display:flex;flex-direction:column;gap:2px}.project-name{font-weight:500;color:var(--color-text)}.project-meta{font-size:.75rem;color:var(--color-text-muted)}.btn-delete-project{padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-delete-project:hover{color:var(--color-error);background:#ef44441a}.project-details{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.project-details h4{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.detail-field{margin-bottom:var(--spacing-sm)}.detail-field label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:4px}.detail-field input,.detail-field textarea{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text);font-family:inherit;resize:vertical}.detail-field input:focus,.detail-field textarea:focus{outline:none;border-color:var(--color-primary)}.schedule-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.btn-export{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-export:hover:not(:disabled){background:var(--color-primary-dark)}.btn-export:disabled{opacity:.5;cursor:not-allowed}.btn-export.secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-export.secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn-clear{margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-clear:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.schedule-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.schedule-entry{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.entry-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:4px}.entry-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:50%}.entry-name{flex:1;font-weight:500;color:var(--color-text);cursor:pointer}.entry-name:hover{color:var(--color-primary)}.entry-name-input{flex:1;padding:2px 6px;background:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text)}.btn-remove-entry{padding:4px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-remove-entry:hover{color:var(--color-error);background:#ef44441a}.entry-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-muted);padding-left:calc(20px + var(--spacing-sm))}.entry-details span{padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-sm)}.shortcuts-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.shortcuts-panel{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100%;background-color:var(--color-surface);box-shadow:-4px 0 20px #0000004d;z-index:1001;display:flex;flex-direction:column;animation:shortcutsSlideIn .2s ease-out}@keyframes shortcutsSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-alt)}.shortcuts-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.shortcuts-header .close-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color .2s,background-color .2s}.shortcuts-header .close-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.shortcut-list{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.shortcut-item:last-child{border-bottom:none}.shortcut-keys{display:flex;align-items:center;gap:2px;flex-shrink:0}.shortcut-key{display:inline-block;padding:2px 8px;background:var(--color-bg-hover, var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:monospace;font-size:.8rem;font-weight:600;color:var(--color-text);line-height:1.4}.shortcut-plus{color:var(--color-text-muted);font-size:.75rem;margin:0 2px}.shortcut-description{font-size:.875rem;color:var(--color-text)}[data-theme=dark] .shortcuts-panel{background-color:var(--color-surface)}@media(max-width:480px){.shortcuts-panel{width:100%}}.pwa-update-banner{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--color-primary, #1e40af);color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:10000;font-size:.9rem;animation:slideUp .3s ease}.pwa-update-btn{padding:.3rem .75rem;background:#fff;color:var(--color-primary, #1e40af);border:none;border-radius:4px;font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .15s}.pwa-update-btn:hover{opacity:.9}.pwa-offline-badge{position:fixed;top:.5rem;right:.5rem;padding:.25rem .6rem;background:var(--color-warning, #ff9800);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;z-index:10000;animation:fadeIn .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}:root{--color-primary: #1e40af;--color-primary-dark: #1e3a8a;--color-primary-light: #3b82f6;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #b45309;--color-warning-light: #fef3c7;--color-error: #dc2626;--color-error-light: #fee2e2;--color-info: #0369a1;--color-info-light: #e0f2fe;--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-bg-input: #ffffff;--color-bg-hover: #f1f5f9;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-focus: #3b82f6;--color-text: #1e293b;--color-text-muted: #526075;--color-text-light: #64748b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--transition-fast: .15s ease;--transition-normal: .2s ease;--nav-width: 240px;--nav-width-collapsed: 64px;--header-height: 60px;--mobile-banner-height: 48px;--desktop-banner-height: 48px;--color-surface: var(--color-bg-card);--color-surface-alt: var(--color-bg-hover);--color-surface-hover: var(--color-bg-hover);--color-bg-secondary: var(--color-bg-hover);--color-text-secondary: var(--color-text-muted);--color-primary-hover: var(--color-primary-dark);--color-primary-alpha: rgba(30, 64, 175, .25);--color-bg-elevated: #1e293b;--color-text-inverse: #f8fafc;--color-success-bg: var(--color-success-light);--color-success-border: var(--color-success);--color-warning-bg: var(--color-warning-light);--color-warning-border: var(--color-warning);--color-warning-text: var(--color-warning);--color-info-bg: var(--color-info-light);--color-info-border: var(--color-info);--color-info-text: var(--color-info);--surface-color: var(--color-bg-card);--surface-secondary: var(--color-bg-hover);--card-bg: var(--color-bg-card);--border-color: var(--color-border);--text-color: var(--color-text);--text-muted: var(--color-text-muted);--primary-color: var(--color-primary);--primary-hover: var(--color-primary-dark);--primary-rgb: 30, 64, 175;--hover-bg: var(--color-bg-hover);--accent-color: var(--color-primary);--chip-bg: var(--color-bg-hover);--mono-font: var(--font-mono);--error-color: var(--color-error);--error-bg: var(--color-error-light);--success-color: var(--color-success);--success-bg: var(--color-success-light);--warning-color: var(--color-warning);--warning-bg: var(--color-warning-light);--info-color: var(--color-info);--info-bg: var(--color-info-light)}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-success: #22c55e;--color-success-light: #14532d;--color-warning: #eab308;--color-warning-light: #422006;--color-error: #ef4444;--color-error-light: #450a0a;--color-info: #0ea5e9;--color-info-light: #0c4a6e;--color-bg: #0f172a;--color-bg-card: #1e293b;--color-bg-input: #334155;--color-bg-hover: #334155;--color-border: #334155;--color-border-light: #1e293b;--color-border-focus: #3b82f6;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-light: #8b9bb0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--color-primary-alpha: rgba(96, 165, 250, .3);--color-bg-elevated: #334155;--color-text-inverse: #f1f5f9;--primary-rgb: 59, 130, 246}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);z-index:1000;text-decoration:none;font-weight:500;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--spacing-md)}input,select,textarea,button{font-family:inherit;font-size:inherit}input[type=text],input[type=number],select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[type=text]:focus-visible,input[type=number]:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}input[type=text]:disabled,input[type=number]:disabled,select:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}button:focus{outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.status-ok{color:var(--color-success)}.status-warning{color:var(--color-warning)}.status-error{color:var(--color-error)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.status-badge.ok{background-color:var(--color-success-light);color:var(--color-success)}.status-badge.warning{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge.error{background-color:var(--color-error-light);color:var(--color-error)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.grid-cols-2{grid-template-columns:1fr}}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-mono{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media print{:root{--color-bg: white !important;--color-bg-card: white !important;--color-text: black !important;--color-text-muted: #333 !important;--color-border: #ccc !important;--color-border-light: #ddd !important}body{background:#fff!important;color:#000!important;font-size:11pt;line-height:1.4}.navigation,.header,.nav-toggle,.settings-panel,.history-panel,.project-panel,.scroll-to-top,.no-print,.quick-presets,.calc-actions,.export-button-container,.calculator-inputs button,.btn,.btn-primary,.btn-secondary,.btn-delete,.toggle-field,.checkbox-field input,input,select,.dropdown{display:none!important}.app{display:block!important;padding:0!important;margin:0!important}.main-content{margin:0!important;padding:20px!important;width:100%!important;max-width:100%!important}.calculator{padding:0!important;page-break-inside:avoid}.calculator-header h2{font-size:18pt!important;margin-bottom:10px!important;border-bottom:2px solid black;padding-bottom:8px}.calculator-description{font-size:10pt!important;color:#333!important;margin-bottom:15px!important}.calculator-grid{display:block!important;gap:0!important}.calculator-inputs{display:none!important}.calculator-outputs{width:100%!important;margin:0!important;padding:15px!important;background:none!important;box-shadow:none!important;border:1px solid #ccc!important;border-radius:0!important}.card{background:#fff!important;box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid}.section-title{font-size:12pt!important;font-weight:600!important;border-bottom:1px solid #ccc!important;padding-bottom:5px!important;margin-bottom:10px!important}.copyable-value{border:none!important;background:none!important;padding:5px 0!important}.copyable-value .value-label{font-size:9pt!important;color:#333!important}.copyable-value .value-main{font-size:12pt!important;color:#000!important;font-weight:600!important}.copyable-value.large .value-main{font-size:16pt!important}.status-indicator{padding:5px 10px!important;border-radius:0!important}.output-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.reference-list{margin-top:15px!important;padding:10px!important;border:1px solid #ccc!important}.reference-list li{font-size:9pt!important;margin-bottom:5px!important}.fill-bar-container{height:15px!important;border:1px solid #ccc!important;background:#f0f0f0!important}.conduit-fill-diagram{max-width:200px!important;margin:0 auto!important}.conduit-fill-diagram.is-compact{max-width:none!important}.output-note{padding:8px!important;border:1px solid #ccc!important;background:#f9f9f9!important;font-size:9pt!important}@page{margin:.75in;size:letter portrait}.calculator:before{content:"BGD Electrical Calculator";display:block;font-size:8pt;color:#666;text-align:right;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:5px}.calculator:after{content:"Printed: " attr(data-print-date);display:block;font-size:8pt;color:#666;text-align:right;margin-top:20px;padding-top:10px;border-top:1px solid #ddd}.output-group{page-break-inside:avoid}}.derating-notice{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-warning-bg, #fff3cd);border:1px solid var(--color-warning-border, #ffc107);border-radius:var(--radius-md);border-left:4px solid var(--color-warning, #ffc107)}.derating-notice-title{font-weight:600;font-size:.875rem;color:var(--color-warning-text, #856404);display:block;margin-bottom:var(--spacing-xs)}.derating-notice-list{margin:0;padding-left:var(--spacing-md);font-size:.8125rem;color:var(--color-warning-text, #856404)}.derating-notice-list li{margin-bottom:var(--spacing-xs)}.derating-notice-list li:last-child{margin-bottom:0}.derating-notice-text{margin:0;font-size:.8125rem}.derating-notice-info{background-color:var(--color-info-bg, #d1ecf1);border-color:var(--color-info-border, #17a2b8);border-left-color:var(--color-info, #17a2b8)}.derating-notice-info .derating-notice-title,.derating-notice-info .derating-notice-list{color:var(--color-info-text, #0c5460)}.derating-notice-aluminum{background-color:#fff0e6;border-color:#e8740c;border-left-color:#e8740c}.derating-notice-aluminum .derating-notice-title,.derating-notice-aluminum .derating-notice-text{color:#9a4e00}@media(pointer:coarse){input[type=checkbox],input[type=radio]{width:20px;height:20px;flex-shrink:0}}@keyframes calcFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.calculator{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);animation:calcFadeIn var(--transition-normal)}.calc-page{display:flex;flex-direction:column;gap:var(--spacing-md)}.calc-title,.calc-description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.calc-actions-inline{display:flex;justify-content:flex-end}.calc-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;flex:0 0 auto}.calc-actions .btn-reset{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.calc-actions .btn-reset:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-focus)}.calc-mode-toggle{display:inline-flex;gap:2px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.calc-mode-btn{padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--color-text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.calc-mode-btn:hover:not(.active){background:var(--color-border);color:var(--color-text)}.calc-mode-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.mode-text-short{display:none}@media(max-width:480px){.mode-text-full{display:none}.mode-text-short{display:inline}.calc-mode-btn{padding:var(--spacing-xs);font-size:.75rem}}@media(max-width:600px){.calc-actions{flex:1 1 100%;min-width:0}.calc-actions .btn-reset,.calc-actions .export-btn,.calc-mode-btn{min-height:36px}}.calculator-header{margin-bottom:var(--spacing-sm)}.calculator-header h2{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.calculator-description{color:var(--color-text-muted);margin-bottom:0}.calculator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--spacing-lg);align-items:start}@media(max-width:1200px){.calculator-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:1024px){.calculator-grid{grid-template-columns:1fr}}.calculator-inputs,.calculator-outputs{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.results-header .section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.calculator-inputs .input-field:has(>.input-wrapper>input[type=number])>.input-wrapper{max-width:160px}.input-with-tooltip{display:flex;align-items:flex-start;gap:var(--spacing-xs)}.input-with-tooltip>.input-field,.input-with-tooltip>.dropdown{flex:1}.input-with-tooltip>.tooltip-wrapper{margin-top:24px}.input-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.input-row-group{display:flex;gap:var(--spacing-md);align-items:flex-start}.input-row-group>*{flex:1;min-width:0}.input-static-label{font-size:.875rem;color:var(--color-text)}.input-static-value{font-weight:500;color:var(--color-text)}.input-help-text{font-size:.8125rem;color:var(--color-text-muted);margin:0}.input-derated .input-element{border-color:var(--color-warning, #ffc107);box-shadow:0 0 0 1px var(--color-warning, #ffc107)}.input-derated .input-label{color:var(--color-warning-text, #856404)}.output-group{margin-bottom:var(--spacing-lg)}.output-group:last-child{margin-bottom:0}.output-group h4{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.output-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.output-grid .full-width{grid-column:1 / -1}.output-note{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.output-details{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md)}.detail-row{display:flex;justify-content:space-between;font-size:.875rem;padding:var(--spacing-xs) 0}.detail-row span:first-child{color:var(--color-text-muted)}.detail-row span:last-child{font-family:var(--font-mono);font-weight:500}.no-results{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:.9rem}.reference-list{list-style:none;padding:0;margin:0}.reference-list li{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background-color:var(--color-bg);border-radius:var(--radius-sm);font-size:.8125rem}.reference-list li:last-child{margin-bottom:0}.reference-list strong{display:block;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.ref-description{color:var(--color-text-muted);display:block}@media(max-width:600px){.calculator{padding:var(--spacing-md)}.input-with-tooltip{flex-direction:column;gap:var(--spacing-xs)}.input-with-tooltip>.tooltip-wrapper{margin-top:0;align-self:flex-start}.input-row-group{flex-direction:column;gap:var(--spacing-sm)}.output-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:480px){.calculator{padding:var(--spacing-sm)}.calc-title{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:1.125rem;line-height:1.2}.section-title{font-size:.75rem}.detail-row{font-size:.8125rem}}@media(max-width:360px){.calculator-inputs,.calculator-outputs{padding:var(--spacing-sm)}}@media(prefers-reduced-motion:reduce){.calculator{animation:none}}.app{min-height:100vh;background-color:var(--color-bg);transition:margin-left var(--transition-normal)}.main-content{margin-left:var(--nav-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));padding:var(--spacing-lg);transition:margin-left var(--transition-normal)}.app.nav-collapsed .main-content{margin-left:var(--nav-width-collapsed)}.calculator-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl);text-align:center;background-color:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.calculator-placeholder h2{margin-bottom:var(--spacing-md);color:var(--color-text)}.calculator-placeholder p{color:var(--color-text-muted)}@media(min-width:768px)and (max-width:1024px){.main-content{margin-left:200px}.app.nav-collapsed .main-content{margin-left:var(--nav-width-collapsed)}}@media(max-width:768px){.main-content{margin-left:0;padding:var(--spacing-md)}.app.nav-collapsed .main-content{margin-left:0}}.calculator-loading{min-height:60vh}