.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tpl-select{flex:1;min-width:180px;height:38px;padding:0 10px;border:1.5px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font-size:13px;font-weight:600;outline:none;cursor:pointer}.tpl-select:focus{border-color:var(--primary)}.ord-group{display:flex;gap:4px;background:var(--card-alt);border-radius:9px;padding:3px}.ord-tab{padding:6px 12px;background:transparent;border:none;border-radius:7px;font-size:12px;font-weight:700;color:var(--sub);cursor:pointer;transition:background .15s,color .15s}.ord-tab.is-active{background:var(--card);color:var(--primary);box-shadow:0 1px 3px #0000001a}.tb-btn{height:38px;padding:0 12px;border:none;border-radius:9px;background:var(--card-alt);color:var(--sub);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.tb-btn:hover{background:var(--primary-muted);color:var(--primary)}.io-card{background:var(--card);border-radius:14px;padding:12px;box-shadow:0 2px 10px #00000012}.io-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.io-label{font-size:11px;font-weight:700;color:var(--sub);letter-spacing:1px;text-transform:uppercase}.io-hint{font-size:11px;color:var(--sub);opacity:.8}.mini-copy{font-size:11px;padding:3px 9px;background:var(--card-alt);border:none;border-radius:6px;color:var(--sub);font-weight:600;cursor:pointer}.mini-copy:hover{color:var(--primary);background:var(--primary-muted)}textarea.mono{width:100%;min-height:150px;border:2px solid var(--border);border-radius:10px;padding:10px 12px;font-family:Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;resize:vertical;outline:none;color:var(--text);background:var(--card);transition:border-color .2s}textarea.mono:focus{border-color:var(--primary)}textarea.mono::placeholder{color:var(--sub);opacity:.65}.dsl-err{display:none;margin-top:8px;font-size:12px;color:#d04848;font-family:Menlo,monospace;line-height:1.55;word-break:break-word}.action-bar{display:flex;gap:8px;max-width:560px;margin:0 auto 14px}.btn-primary{flex:1;padding:11px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-end));color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}.btn-primary.alt{background:var(--card-alt);color:var(--primary)}.btn-primary:active{filter:brightness(.9)}.btn-ghost{padding:11px 16px;border:none;border-radius:10px;background:var(--card-alt);color:var(--sub);font-size:14px;font-weight:600;cursor:pointer}.btn-ghost:active{background:var(--border)}.err-box{display:none;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:13px;line-height:1.55;word-break:break-word;font-family:Menlo,monospace;background:#d0484814;border:1.5px solid rgba(208,72,72,.35);color:#d04848}.err-box.is-warn{background:#f5a6231a;border-color:#f5a62366;color:#b5791a}[data-theme=dark] .err-box.is-warn{color:#e0a648}.result-card{background:var(--card);border-radius:14px;box-shadow:0 2px 10px #00000012;overflow:hidden;margin-bottom:14px}.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;background:linear-gradient(135deg,var(--primary),var(--primary-end));color:#fff}.result-title{font-size:15px;font-weight:700}.result-sub{font-size:11px;opacity:.9}.byte-strip{display:flex;flex-wrap:wrap;gap:3px;padding:12px 14px;background:var(--card-alt);border-bottom:1px solid var(--border);font-family:Menlo,monospace;font-size:12.5px;max-height:160px;overflow:auto}.bcell{padding:2px 5px;border-radius:4px;cursor:default;user-select:all;color:var(--text);transition:transform .1s}.bcell.unowned{color:var(--sub);opacity:.5}.bcell.hl{outline:2px solid var(--primary);transform:scale(1.12);z-index:1}.strip-empty{color:var(--sub);font-size:12px}.bcell.f0{background:#6c63ff29}.bcell.f1{background:#48c8ff2e}.bcell.f2{background:#4caf502e}.bcell.f3{background:#f5a62333}.bcell.f4{background:#e91e6329}.bcell.f5{background:#9c27b029}.table-wrap{overflow-x:auto}.field-table{width:100%;border-collapse:collapse;font-size:13px}.field-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--border);background:var(--card-alt)}.field-table td{padding:7px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.field-table tr:last-child td{border-bottom:none}.field-table tr.hl td{background:var(--primary-muted)}.c-name{font-weight:700;color:var(--text)}.c-type{color:var(--sub);font-family:Menlo,monospace;font-size:12px;white-space:nowrap}.ord-mini{margin-left:5px;font-size:10px;padding:1px 5px;border-radius:4px;background:var(--primary-muted);color:var(--primary);font-weight:700}.c-bytes code{font-family:Menlo,monospace;font-size:12px;color:var(--sub);word-break:break-all}.c-off{color:var(--sub);font-variant-numeric:tabular-nums;text-align:right}.empty-row{text-align:center;color:var(--sub);padding:24px 12px!important;font-size:13px}.val-input{width:100%;min-width:90px;padding:5px 8px;border:1.5px solid var(--border);border-radius:7px;background:var(--card-alt);color:var(--text);font-family:Menlo,monospace;font-size:12.5px;outline:none;transition:border-color .15s,background .15s}.val-input:focus{border-color:var(--primary);background:var(--card)}.auto-tag{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--card-alt);color:var(--sub);font-weight:700}.crc-val{font-family:Menlo,monospace;font-size:12px;color:var(--text)}.crc-ok{color:#4caf50;font-weight:700}.crc-bad{color:#d04848;font-weight:700;font-size:11px}.modal-mask .modal{max-width:540px}.hfld{display:grid;grid-template-columns:108px 1fr;gap:5px 10px;padding-left:11px}.hfld-k{font-size:11px;font-weight:700;color:var(--primary);font-family:Menlo,monospace;background:var(--primary-muted);border-radius:5px;padding:3px 4px;text-align:center;align-self:center}.hfld-v{font-size:12px;color:var(--sub);align-self:center;line-height:1.45}@media(max-width:600px){textarea.mono{font-size:16px;min-height:130px}.btn-primary,.btn-ghost{min-height:48px}.val-input{font-size:16px}.field-table th,.field-table td{padding:7px 8px}.toolbar{gap:6px}button,a{touch-action:manipulation}}
