:root{--bg-color: #0b0f19;--panel-bg: rgba(17, 24, 39, .7);--border-color: rgba(255, 255, 255, .08);--border-focus: #06b6d4;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-bright: #ffffff;--primary: #06b6d4;--primary-hover: #0891b2;--primary-glow: rgba(6, 182, 212, .2);--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .15);--success: #10b981;--success-glow: rgba(16, 185, 129, .25);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .2);--font-sans: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 0 15px var(--primary-glow);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:var(--font-sans);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden;line-height:1.5}.glass-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.08) 0%,transparent 40%);pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;min-height:100vh}.code-font{font-family:var(--font-mono);color:var(--primary);word-break:break-all}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease,border-color .3s ease}.panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.panel-header h2{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.icon-accent{color:var(--primary)}.panel-body{padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .25s ease;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--text-bright);box-shadow:0 4px 15px #06b6d440}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:var(--text-bright)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-block{width:100%}.btn-sm{font-size:.8rem;padding:.4rem .8rem}.textarea-container{position:relative;margin-bottom:1rem}textarea{width:100%;background:#0a0f1e99;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 3rem 1rem 1rem;color:var(--text-main);font-family:var(--font-mono);font-size:.9rem;line-height:1.6;resize:vertical;outline:none;transition:border-color .25s,box-shadow .25s}textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.icon-btn-inline{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;transition:color .2s}.icon-btn-inline:hover{color:var(--danger)}.action-row{margin-bottom:1.5rem}.badge{font-family:var(--font-mono);padding:.25rem .6rem;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem}.badge-mti{background:var(--primary);color:var(--bg-color);box-shadow:0 0 10px #06b6d466}.badge-field-type{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;font-weight:600}.type-fixed{background:#6366f126;color:#a5b4fc}.type-variable{background:#ec489926;color:#f9a8d4}.tabs{display:flex;background:#0003;border-bottom:1px solid var(--border-color)}.tab-btn{flex:1;background:transparent;border:none;padding:1rem;color:var(--text-muted);font-family:var(--font-sans);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:.5rem;border-bottom:2px solid transparent}.tab-btn:hover{color:var(--text-bright);background:#ffffff05}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:#06b6d408}.tab-content-wrapper{position:relative}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b0f19cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center}.modal-content{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);width:90%;max-width:600px;box-shadow:0 25px 50px -12px #0009;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.1rem;font-weight:700}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.7rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-bright)}.modal-body{padding:1.5rem}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.modal-item{display:flex;flex-direction:column;gap:.25rem}.modal-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.modal-val{font-size:.95rem;font-weight:600;color:var(--text-bright)}.modal-raw-section{display:flex;flex-direction:column;gap:.5rem}.modal-raw-section textarea{background:#090d16;border-color:#ffffff0d;font-size:.85rem;color:#67e8f9}.dashboard-grid{display:grid;grid-template-columns:43% 54%;gap:3%;flex:1;align-items:start}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr;gap:2rem}}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.brand{display:flex;align-items:center;gap:1rem}.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--accent),var(--primary));border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--text-bright);box-shadow:0 0 20px #06b6d44d}.brand-text h1{font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.accent-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:.9rem;color:var(--text-muted);font-weight:300}.header-actions{display:flex;align-items:center;gap:1rem}.action-btn-link{color:var(--text-muted);font-size:1.5rem;transition:color .2s ease}.action-btn-link:hover{color:var(--primary)}.app-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);font-size:.8rem}.mode-toggle{display:flex;gap:0;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.mode-btn{padding:8px 18px;font-size:.85rem;font-weight:600;background:transparent;color:var(--text-muted);border:none;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:6px}.mode-btn:hover{color:var(--text-main);background:#ffffff0a}.mode-btn.active{color:var(--primary);background:var(--primary-glow)}.samples-section h3{font-size:.85rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.sample-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.sample-btn{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.sample-btn:hover{background:#6366f114;border-color:var(--accent);transform:translateY(-1px)}.sample-mti{font-family:var(--font-mono);font-weight:700;font-size:.95rem;color:var(--primary)}.sample-desc{font-size:.75rem;color:var(--text-muted);text-align:center}.mti-card{margin-top:1.5rem;background:var(--accent-glow);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);padding:1.25rem}.mti-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mti-card-header h3{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mti-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mti-field{display:flex;flex-direction:column;gap:.2rem}.mti-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mti-val{font-size:.9rem;font-weight:600;color:var(--text-bright)}.mti-card--error{border-color:var(--danger-border)!important;box-shadow:0 0 20px var(--danger-bg)}.metadata-card{margin-top:1rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.metadata-card h3{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.metadata-card ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.metadata-card li{font-size:.85rem;display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.05);padding-bottom:.4rem}.metadata-card li:last-child{border-bottom:none;padding-bottom:0}.info-card{display:flex;gap:.75rem;align-items:center;background:#ffffff05;border-radius:var(--radius-md);padding:1rem;margin-top:1.5rem;border-left:3px solid var(--accent)}.info-card i{color:var(--accent);font-size:1.1rem}.info-card p{font-size:.85rem;color:var(--text-muted)}.bitmap-container{margin-bottom:1.5rem}.bitmap-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bitmap-header-row.border-top{border-top:1px solid var(--border-color);padding-top:1.5rem}.bitmap-header-row h3{font-size:.95rem;font-weight:600}.bitmap-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.bit-cell{aspect-ratio:1;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;justify-content:center;align-items:center;font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:#4b5563;cursor:default;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative}.bit-cell.active-bit{background:var(--success-glow);border-color:var(--success);color:var(--success);font-weight:700;cursor:pointer}.bit-cell.active-bit:hover{transform:scale(1.08);box-shadow:0 0 12px #10b98166;z-index:2}.bit-cell .tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(4px);background:#1f2937;color:var(--text-bright);font-family:var(--font-sans);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 10px 15px -3px #00000080;transition:all .2s ease;z-index:10;border:1px solid rgba(255,255,255,.1)}.bit-cell .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.bit-cell.active-bit:hover .tooltip{opacity:1;transform:translate(-50%) translateY(0)}.legend{display:flex;gap:1rem;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:.4rem;color:var(--text-muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.active{background-color:var(--success);box-shadow:0 0 6px var(--success)}.dot.inactive{background-color:#374151}.bit-cell.common-bit{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);font-weight:700}.bit-cell.only-a-bit{background:#60a5fa26;border-color:#60a5fa;color:#60a5fa;font-weight:700}.bit-cell.only-b-bit{background:#34d39926;border-color:#34d399;color:#34d399;font-weight:700}.fields-table-wrapper{overflow-x:auto;margin:-1.5rem}.fields-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.fields-table th,.fields-table td{padding:.9rem 1.5rem;border-bottom:1px solid var(--border-color)}.fields-table th{background:#00000026;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.fields-table tr{transition:background-color .2s ease}.fields-table tr:hover:not(.no-data-row){background-color:#ffffff04;cursor:pointer}.fields-table td.field-num{font-family:var(--font-mono);font-weight:700;color:var(--primary)}.fields-table td.field-val-cell{font-family:var(--font-mono);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fields-table td.no-data{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-style:italic}.code-viewer-container{background:#090d16;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.code-header{background:#ffffff08;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.code-viewer-container pre{margin:0;padding:1.25rem;max-height:450px;overflow-y:auto}.code-viewer-container code{color:#67e8f9;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}.error-banner{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;color:#fca5a5;animation:slideInDown .3s ease}.error-banner-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.error-banner h4{font-weight:700;font-size:.95rem}.error-banner ul{list-style-position:inside;font-size:.85rem;display:flex;flex-direction:column;gap:.25rem}.compare-layout{display:flex;flex-direction:column;gap:24px;animation:fadeIn .3s ease}.compare-input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-input-panel textarea{width:100%;min-height:120px}.compare-actions{display:flex;gap:12px;justify-content:center}.compare-results{display:flex;flex-direction:column;gap:24px;animation:fadeIn .35s ease}.compare-mti-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-stats{display:flex;gap:32px;justify-content:center;padding:12px 0}.compare-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.compare-stat-num{font-size:2.2rem;font-weight:700;line-height:1;font-family:var(--font-mono)}.compare-stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media(max-width:768px){.compare-input-row,.compare-mti-row{grid-template-columns:1fr}.compare-stats{flex-wrap:wrap;gap:20px}}