.electron-config{align-items:stretch;gap:1.25rem;height:auto!important}.electron-config .is-hidden{display:none!important}.electron-config>*{width:100%}.electron-config button{font-family:inherit}.tool-tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.35rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-corners);box-shadow:3px 4px 0 var(--shadow-color)}.tool-tabs button{flex:1 0 auto;padding:.55rem .8rem;border:2px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:700;transition:.2s ease}.tool-tabs button:hover{color:var(--text-color);background:var(--bg-card-hover)}.tool-tabs button.active{color:#fff;background:var(--purple-primary);border-color:var(--purple-primary)}.tool-tabs button i{margin-right:.3rem}.tool-panel,.tool-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-corners);box-shadow:3px 4px 0 var(--shadow-color)}.tool-panel,.tool-card{padding:1rem}.tool-card h2,.tool-panel h2{color:var(--text-color);font-size:1.25rem}.tool-card h2 i,.tool-panel h2 i,.tool-panel strong,#instruction-helper{color:var(--purple-primary)}.tool-card p,.tool-panel p{color:var(--text-muted)}.exercise-header,.button-row,.mode-description,.mode-switch,.card-heading,.notation-card>div{display:flex;align-items:center;gap:.75rem}.exercise-header,.card-heading{justify-content:space-between;flex-wrap:wrap}.exercise-title{margin:0;color:var(--purple-primary);font-size:.9rem;letter-spacing:.08em}.exercise-prompt{margin:0;color:var(--text-color)!important;font-size:1.25rem;font-weight:700}.button-row{flex-wrap:wrap}.button{padding:.55rem .85rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-color);cursor:pointer;font:inherit;font-weight:700;transition:.2s ease}.button:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.button-primary{background:var(--green-base);border-color:var(--green-base);color:#fff}.button-danger{color:var(--red-base)}.mode-description{color:var(--text-muted);font-size:.95rem}.mode-icon{color:var(--orange-base);font-size:1.2rem}.mode-switch{padding:.4rem .65rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-muted);font-size:.95rem}.mode-label{color:var(--text-muted)}.mode-option{padding:.3rem .65rem;border:2px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-weight:700}.mode-option:hover{background:var(--bg-card-hover);color:var(--text-color)}.mode-option.selected{background:var(--purple-primary);border-color:var(--purple-primary);color:#fff}.card-heading{margin-bottom:.85rem}.card-heading h2{margin:0;text-transform:uppercase;letter-spacing:.04em}.card-heading h2 i{margin-right:.35rem}#instruction-helper{font-size:.85rem;font-weight:700}.table-scroll{overflow-x:auto;padding-bottom:.4rem}.notation-card{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.7rem;margin-bottom:.85rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);font-size:.95rem}.notation-card>div{justify-content:space-between;gap:1rem}.notation-card>div>span:first-child{color:var(--text-muted)}#layers-container{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;max-height:400px;overflow-y:auto}#layers-container>div{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:start}.layer-row{min-height:4.3rem}.layer-row:has(.orbital-f){min-height:8.2rem}.orbital-list{display:flex;min-width:0;flex-wrap:wrap;align-items:flex-start;gap:.35rem;row-gap:.4rem}.orbital-group{flex:0 0 auto}#layers-container .orbital-group{display:flex;flex-direction:column;align-items:center;min-width:0}#layers-container .orbital-boxes{display:flex;gap:.15rem;margin-top:.1rem}.orbital-box{width:1.75rem;height:2.15rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:5px;background:var(--bg-card);color:var(--text-color);cursor:pointer;user-select:none;font:700 .95rem monospace;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.orbital-box:hover{border-color:var(--purple-primary);transform:translateY(-2px)}.orbital-f .orbital-box{width:1.75rem;height:2.15rem;font-size:.95rem}.box-up{border-color:var(--blue-base);background:color-mix(in srgb,var(--blue-base) 15%,var(--bg-card))}.box-pair{border-color:var(--green-base);background:color-mix(in srgb,var(--green-base) 15%,var(--bg-card))}.layer-label{width:4rem;color:var(--purple-primary);font-weight:700}.orbital-label{color:var(--text-muted);font:700 .8rem monospace}.element-number{position:absolute;top:.15rem;left:.25rem;color:var(--text-muted);font-size:.65rem}.element-symbol{font-size:.85rem}.arrow-up{color:var(--blue-base)}.arrow-down{color:var(--red-base)}.highlight{color:var(--purple-primary)}.hint{display:block;margin-top:.35rem;color:var(--text-muted);font-size:.9rem}.alert{display:flex;align-items:center;gap:.6rem;padding:.7rem;border:2px solid;border-radius:8px;color:var(--orange-base);background:color-mix(in srgb,var(--orange-base) 12%,var(--bg-card))}#exercise-feedback{margin-top:.75rem;padding:.65rem;border:2px solid;border-radius:8px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);gap:1.25rem}.ptable-container{display:grid;grid-template-columns:repeat(18,minmax(28px,1fr));gap:4px;min-width:650px}.ptable-element{aspect-ratio:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);cursor:pointer;user-select:none;font-size:.75rem;transition:.15s ease}.ptable-element:hover{border-color:var(--purple-primary);transform:translateY(-2px);z-index:2}.ptable-active{background:var(--purple-primary)!important;border-color:var(--purple-primary)!important;color:#fff;transform:scale(1.08);z-index:3}.ptable-exception{border-color:var(--orange-base)}.f-block{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.65rem;margin-top:.8rem;align-items:center}.f-block-label{color:var(--purple-primary);font-weight:700}.f-ptable-container{display:grid;grid-template-columns:repeat(15,minmax(28px,1fr));gap:4px;min-width:450px}.f-element{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:6px;background:color-mix(in srgb,var(--pink-base) 10%,var(--bg-card));color:var(--text-color);cursor:pointer;font-size:.75rem;transition:.15s ease}.f-element:hover,.f-element.active{border-color:var(--purple-primary);background:var(--purple-primary);color:#fff;transform:translateY(-2px)}#layers-container>div{padding:.7rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color)}#notation-full,#notation-noble{font-family:monospace;font-weight:700}#notation-full,#notation-noble{color:var(--purple-primary)}#exception-alert{color:var(--orange-base);border-color:var(--orange-base);background:color-mix(in srgb,var(--orange-base) 12%,var(--bg-card))}@media(max-width:800px){.workspace-grid{grid-template-columns:1fr}.mode-row{align-items:flex-start!important;flex-direction:column}}@media(max-width:520px){.electron-config{padding-inline:.6rem}.tool-panel,.tool-card{padding:.75rem}.orbital-box,.orbital-f .orbital-box{width:1.55rem;height:2rem;font-size:.85rem}.orbital-list{gap:.25rem}.mode-description{align-items:flex-start}.mode-switch{align-self:stretch;justify-content:center}}.toggle-bg{transition:background-color .3s}.toggle-thumb{transition:transform .3s cubic-bezier(.4,0,.2,1)}