.decoder-container{color:#e0e0e0;background:#1a1a1a;max-width:1400px;min-height:100vh;margin:20px auto;padding:20px;font-family:monospace}h1{color:#fff;border-bottom:2px solid #444;margin-bottom:20px;padding-bottom:10px}h2{color:#fff;margin:30px 0 20px;font-size:1.5em}.controls{z-index:100;background:#1a1a1a;border-bottom:2px solid #444;align-items:center;gap:20px;margin-bottom:20px;padding:10px 0;display:flex;position:sticky;top:0}.generate-btn{color:#000;cursor:pointer;background:#4a9eff;border:none;padding:10px 20px;font-family:monospace;font-size:14px;font-weight:700}.generate-btn:hover{background:#6cb3ff}.generate-btn:disabled{color:#666;cursor:not-allowed;background:#333}.status{color:#888}.status.success{color:#4aff4a}.status.error{color:#ff6b6b}.row{gap:20px;display:flex}.col{flex-direction:column;flex:1;display:flex}label{color:#aaa;margin-bottom:5px;display:block}textarea{color:#e0e0e0;resize:vertical;box-sizing:border-box;background:#0a0a0a;border:1px solid #444;width:100%;height:530px;padding:10px;font-family:monospace;font-size:12px}textarea:focus{border-color:#4a9eff;outline:none}textarea::placeholder{color:#555}.decoded-textarea{white-space:pre;background:#0a0a0a;overflow-x:auto}.stages-section{border-top:2px solid #444;margin-top:40px;padding-top:20px}.stages-list{flex-direction:column;gap:15px;display:flex}.stage-card{background:#0f0f0f;border:1px solid #444;border-radius:4px;gap:15px;padding:15px;display:flex}.stage-card:hover{border-color:#4a9eff}.stage-number{color:#000;background:#4a9eff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.stage-content{flex:1}.stage-name{color:#fff;margin-bottom:5px;font-size:1.1em;font-weight:700}.stage-description{color:#888;margin-bottom:10px;font-size:.9em}.stage-io{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:10px}.io-row{align-items:flex-start;gap:10px;display:flex}.io-label{color:#666;flex-shrink:0;width:50px}.io-value{white-space:pre-wrap;word-break:break-all;background:#0a0a0a;border-radius:3px;flex:1;max-height:300px;padding:5px;font-size:.9em;overflow:auto}.io-value.input{color:#fc6}.io-value.output{color:#6cf}.io-arrow{color:#666;text-align:center;margin:5px 0;font-size:1.2em}@media (width<=768px){.row{flex-direction:column}textarea{height:300px}.stage-card{flex-direction:column}.stage-number{align-self:flex-start}}.tabs{gap:5px;margin-bottom:10px;display:flex}.tabs button{color:#888;cursor:pointer;background:#333;border:none;padding:8px 16px;font-family:monospace;font-size:12px}.tabs button:hover{color:#fff;background:#444}.tabs button.active{color:#000;background:#4a9eff}.tabs button:disabled{color:#555;cursor:not-allowed;background:#222}.categories-view{background:#0a0a0a;border:1px solid #444;height:530px;padding:10px;overflow-y:auto}.category-section{margin-bottom:15px}.category-section h4{color:#4a9eff;border-bottom:1px solid #333;margin:0 0 8px;padding-bottom:4px;font-size:13px}.category-fields{flex-direction:column;gap:4px;display:flex}.field-row{gap:10px;font-size:11px;line-height:1.4;display:flex}.field-name{color:#fc6;flex-shrink:0;min-width:120px}.field-value{color:#6cf;word-break:break-all}.encoded-info{color:#666;margin-top:5px;font-size:11px}.analysis-summary{border-top:2px solid #444;margin-top:30px;padding-top:20px}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;display:grid}.summary-item{background:#0f0f0f;border:1px solid #333;border-radius:4px;padding:10px}.summary-item label{color:#666;margin-bottom:4px;font-size:11px;display:block}.summary-item span{color:#4a9eff;font-size:13px}.summary-item.warning span{color:#ff6b6b}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a1a;font-family:monospace}.app{min-height:100vh}