.app{display:flex;flex-direction:column;gap:2rem}.app-header{display:flex;align-items:baseline;gap:1rem;border-bottom:1px solid #3a3a28;padding-bottom:1rem}.app-header h1{font-size:1.6rem;font-weight:700;letter-spacing:.12em;color:#e8d98a}.badge{font-size:.7rem;padding:3px 10px;border-radius:99px;background:#2e2a10;color:#c8a83a;border:1px solid #5a4e1a;letter-spacing:.05em;transition:all .2s}.badge-highlight{background:#3e3410;color:#ffc107;border:1px solid #EF9F27;box-shadow:0 0 8px #ffc10740;font-weight:700}.badge-dark{background:#1a1810;color:#7a7060;border:1px solid #3a3a28}.badge-small{margin-left:8px;font-size:.65rem;padding:2px 8px;border-radius:99px;background:#2e2a10;color:#c8a83a;border:1px solid #5a4e1a}.shuffle-box{display:flex;align-items:center;gap:12px;background:#0d0d08;border:1px solid #3a3a28;border-radius:8px;padding:10px 14px}.shuffle-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#7a7060}.shuffle-btn{padding:5px 14px;background:#2e2a10;border:1px solid #5a4e1a;border-radius:5px;color:#c8a83a;font-family:Courier New,monospace;font-size:.8rem;letter-spacing:.05em;cursor:pointer;transition:all .15s}.shuffle-btn:hover{background:#3e3a18;color:#ef9f27;border-color:#ef9f27}.shuffle-hint{font-size:.7rem;font-family:Courier New,monospace;color:#5a5040;letter-spacing:.08em;margin-left:auto}.section-title{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#7a7060;margin-bottom:.6rem}.rotors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rotor-card{background:#141410;border:1px solid #3a3a28;border-radius:8px;padding:12px}.rotor-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#7a7060;margin-bottom:6px;text-align:center}.rotor-letter{font-size:2.2rem;font-weight:700;color:#ef9f27;text-align:center;background:#0d0d08;border-radius:6px;padding:8px 0;margin-bottom:6px;border:1px solid #3a3a28;letter-spacing:.05em}.rotor-btn{width:100%;background:transparent;border:1px solid #3a3a28;border-radius:5px;padding:4px 0;cursor:pointer;font-size:.8rem;color:#7a7060;margin-bottom:4px;transition:background .15s,color .15s}.rotor-btn:hover{background:#2a2a1a;color:#c8a83a}.field-label{display:block;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#7a7060;margin:8px 0 3px}select{width:100%;padding:5px 8px;background:#0d0d08;border:1px solid #3a3a28;border-radius:5px;color:#d4c89a;font-family:Courier New,monospace;font-size:.8rem;cursor:pointer}.notch-info{margin-top:8px;font-size:.65rem;color:#7a7060;display:flex;align-items:center;gap:4px}.notch-dot{width:6px;height:6px;border-radius:50%;background:#ef9f27;display:inline-block;flex-shrink:0}.plug-input{width:100%;padding:10px 12px;background:#0d0d08;border:1px solid #3a3a28;border-radius:6px;color:#ef9f27;font-family:Courier New,monospace;font-size:1rem;letter-spacing:.1em}.plug-input::placeholder{color:#3a3a28}.plug-input:focus{outline:none;border-color:#5a4e1a}.plug-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.plug-tag{font-size:.75rem;padding:3px 10px;background:#2e2a10;color:#c8a83a;border:1px solid #5a4e1a;border-radius:4px;font-weight:700;letter-spacing:.05em}.mode-tabs{display:flex;gap:8px}.tab{padding:6px 16px;border:1px solid #3a3a28;border-radius:6px;background:transparent;color:#7a7060;cursor:pointer;font-family:Courier New,monospace;font-size:.8rem;letter-spacing:.05em;transition:all .15s}.tab:hover{background:#2a2a1a;color:#c8a83a}.tab.active{background:#2e2a10;color:#c8a83a;border-color:#5a4e1a}textarea{width:100%;padding:10px 12px;background:#0d0d08;border:1px solid #3a3a28;border-radius:6px;color:#d4c89a;font-family:Courier New,monospace;font-size:.9rem;resize:vertical;line-height:1.6}textarea::placeholder{color:#3a3a28}textarea:focus{outline:none;border-color:#5a4e1a}.output-box{background:#0d0d08;border:1px solid #3a3a28;border-radius:6px;padding:12px 14px;min-height:64px;font-family:Courier New,monospace;font-size:1rem;font-weight:700;color:#ef9f27;letter-spacing:.12em;line-height:1.9;word-break:break-all}.output-placeholder{color:#3a3a28;font-weight:400;letter-spacing:0}.char-count{font-size:.65rem;color:#5a5040}.hint{margin-top:8px;font-size:.7rem;color:#5a5040;line-height:1.5}.app-footer{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#3a3828;text-align:center;padding-top:1rem;border-top:1px solid #2a2a1a}@media (max-width: 500px){.rotors-grid{grid-template-columns:1fr}}.pb-wrap{background:#0d0d08;border:1px solid #3a3a28;border-radius:8px;padding:12px 14px;-webkit-user-select:none;user-select:none}.pb-info-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;min-height:24px}.pb-stat{font-size:.65rem;letter-spacing:.08em;padding:2px 8px;border-radius:99px;font-weight:600}.pb-stat.free{background:#1a2a1a;color:#81c784;border:1px solid #2a4a2a}.pb-stat.used{background:#2a2210;color:#ef9f27;border:1px solid #4a3a18}.pb-stat.pending{background:#2a1a00;color:#ef9f27;border:1px solid #5a3a00;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pb-hint{font-size:.6rem;color:#4a4a38;letter-spacing:.05em}.pb-reset{margin-left:auto;background:transparent;border:1px solid #3a2a2a;border-radius:4px;color:#7a4a4a;font-family:Courier New,monospace;font-size:.6rem;padding:3px 8px;cursor:pointer;letter-spacing:.05em;transition:all .15s}.pb-reset:hover{background:#2a1a1a;color:#e57373;border-color:#5a3a3a}.pb-canvas-wrap{position:relative}.pb-svg{position:absolute;top:0;left:0;width:100%;pointer-events:none;overflow:visible;z-index:100}.pb-keyboard{display:flex;flex-direction:column;align-items:center;gap:6px}.pb-row{display:flex;gap:5px;justify-content:center}.pb-socket{width:34px;height:34px;border-radius:6px;border:1px solid #3a3a28;background:#141410;color:#5a5a48;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;letter-spacing:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.pb-socket:hover{background:#1e1e14;color:#c8a83a;border-color:#5a4e1a}.pb-socket.pb-free{color:#5a5a48}.pb-socket.pb-connected{background:#0a0a06;font-weight:800}.pb-socket.pb-pending{background:#2a1a00;border-color:#ef9f27!important;color:#ef9f27!important;box-shadow:0 0 8px #ef9f2766;animation:pulse .8s ease-in-out infinite}.pb-plug{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;border:2px solid #3a3a28}.pb-pairs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pb-pair-tag{font-family:Courier New,monospace;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:4px;border:1px solid;background:#0d0d08;cursor:pointer;letter-spacing:.05em;transition:opacity .15s}.pb-pair-tag:hover{opacity:.6}.rotor-radio-group{display:flex;gap:4px;justify-content:center;margin-top:2px}.rotor-radio{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid #3a3a28;background:#0d0d08;color:#5a5a48;font-family:Courier New,monospace;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .12s}.rotor-radio input[type=radio]{display:none}.rotor-radio:hover{border-color:#5a4e1a;color:#c8a83a;background:#1e1e14}.rotor-radio-active{background:#2e2a10;border-color:#ef9f27;color:#ef9f27;box-shadow:0 0 6px #ef9f2740}.rotor-radio-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}@media (max-width: 500px){.pb-socket{width:28px;height:28px;font-size:.65rem}.pb-row{gap:3px}}.wiring-box{background:#0d0d08;border:1px solid #3a3a28;border-radius:8px;padding:14px}.wiring-box-hdr{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #2a2a1a}.wiring-box-title{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#7a7060}.reset-btn{padding:5px 14px;background:transparent;border:1px solid #3a2a2a;border-radius:5px;color:#7a4a4a;font-family:Courier New,monospace;font-size:.8rem;letter-spacing:.05em;cursor:pointer;transition:all .15s;margin-left:auto}.reset-btn:hover{background:#2a1a1a;color:#e57373;border-color:#5a3a3a}.wr-row{margin-bottom:10px}.wr-row-label{display:flex;align-items:center;gap:8px;font-size:.65rem;letter-spacing:.1em;color:#7a7060;margin-bottom:6px;text-transform:uppercase}.wr-notch-badge{font-size:.6rem;padding:2px 7px;border-radius:99px;background:#2e2a10;color:#ef9f27;border:1px solid #5a4e1a;font-weight:700;letter-spacing:.05em}.wr-cells{display:flex;gap:2px;overflow-x:auto;padding:4px 0}.wr-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:26px;height:42px;background:#141410;border:1px solid #3a3a28;border-radius:4px;padding:3px;transition:all .12s}.wr-cell:hover{background:#1e1e14;border-color:#5a4e1a}.wr-cell-notch{background:#2a1a00;border-color:#ef9f27;box-shadow:0 0 6px #ef9f2733}.wr-src{font-family:Courier New,monospace;font-size:.65rem;color:#5a5a48;font-weight:600;margin-bottom:2px}.wr-dst{font-family:Courier New,monospace;font-size:.75rem;color:#ef9f27;font-weight:800}.wr-cell-notch .wr-dst{color:#ffc107;text-shadow:0 0 4px rgba(255,193,7,.3)}@media (max-width: 768px){.wr-cells{gap:1px}.wr-cell{min-width:22px;height:38px}.wr-src{font-size:.6rem}.wr-dst{font-size:.7rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,Courier,monospace;background:#1a1a14;color:#d4c89a;min-height:100vh;padding:2rem 1rem}#root{max-width:760px;margin:0 auto}