.decoder-output{font-size:.85rem}.pdu-notices{margin-bottom:var(--spacing-lg)}.pdu-notice{background-color:#e8dcc9;border-left:3px solid var(--primary-color);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);display:flex;gap:var(--spacing-md);align-items:flex-start}.pdu-notice:last-child{margin-bottom:0}.notice-icon{font-size:1.2rem;line-height:1;flex-shrink:0}.notice-text{color:var(--text-color);line-height:1.5;font-size:.85rem}.decoder-output h2{color:var(--primary-color);font-size:1.3rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color);letter-spacing:.05em}.pdu-section{margin-bottom:var(--spacing-lg)}.pdu-section h3{color:var(--text-color);font-size:1rem;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--code-bg);border-left:3px solid var(--primary-color);border-radius:var(--radius-sm)}.pdu-breakdown{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);background-color:var(--code-bg);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:Courier New,Courier,monospace;font-size:.85rem;flex:1}.pdu-breakdown-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);align-items:stretch}.pdu-breakdown-row:last-child{margin-bottom:0}.pdu-breakdown-label{font-weight:600;color:var(--text-color);min-width:90px;padding:var(--spacing-md);background-color:var(--code-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.85rem;flex-shrink:0;display:flex;align-items:center}.pdu-field{background-color:var(--card-bg);border:1px solid var(--color-header);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:help;transition:all .2s;color:var(--color-header);font-weight:600;word-break:break-all;position:relative}.pdu-field-header,.pdu-field-parameter,.pdu-field-content,.pdu-field-tlv{border-color:var(--color-header);color:var(--color-header)}.pdu-field-error{border-color:var(--danger-color)!important;color:var(--danger-color)!important;background-color:#ffebee;animation:pulse-error 1s ease-in-out}@keyframes pulse-error{0%,to{box-shadow:0 0 #c6282800}50%{box-shadow:0 0 0 4px #c6282833}}.encoding-selector{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--code-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.encoding-selector label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-color)}.encoding-dropdown{width:100%;max-width:300px;padding:var(--spacing-sm);font-size:.85rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--card-bg);color:var(--text-color);cursor:pointer;transition:border-color .2s;font-family:Courier New,Courier,monospace}.encoding-dropdown:hover{border-color:var(--primary-color)}.encoding-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #8b45131a}.pdu-field:hover{background-color:var(--color-header);color:#fff8e7;transform:translateY(-1px);box-shadow:0 2px 4px #3e272333}.pdu-field-header:hover,.pdu-field-parameter:hover,.pdu-field-content:hover,.pdu-field-tlv:hover{background-color:var(--color-header)}.pdu-field-error:hover{background-color:var(--danger-color)!important;color:#fff8e7!important}.pdu-field:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background-color:#3e2723f2;color:#fff8e7;border-radius:var(--radius-sm);white-space:nowrap;font-size:.8rem;font-weight:400;pointer-events:none;opacity:0;transition:opacity .1s ease-in;z-index:1000;margin-bottom:var(--spacing-sm);border:1px solid var(--primary-color)}.pdu-field:hover:before{opacity:1;transition-delay:.2s}.pdu-field-long{flex:1 1 100%;min-width:100%}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);column-gap:var(--spacing-lg)}.field-grid-single{display:grid;gap:var(--spacing-xs)}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.address-column h4{font-size:.9rem;color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:600}.field{display:grid;grid-template-columns:180px 1fr;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-color);align-items:baseline;gap:var(--spacing-sm)}.field-full-width{grid-column:1 / -1}.field-label{font-weight:600;color:var(--secondary-color);font-size:.85rem}.field-value{font-family:Courier New,Courier,monospace;color:var(--text-color);word-break:break-all;font-size:.85rem}.mono{font-family:Courier New,Courier,monospace}.message-content{display:grid;gap:var(--spacing-md)}.message-text,.message-hex{background-color:var(--code-bg);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.message-text strong,.message-hex strong{display:block;margin-bottom:var(--spacing-sm);color:var(--secondary-color);font-size:.85rem}.message-text pre,.message-hex pre{margin:0;white-space:pre-wrap;word-break:break-all;font-size:.85rem}.hex-dump{font-family:Courier New,Courier,monospace;font-size:.8rem;line-height:1.4}.hex-dump-container{display:flex;gap:1rem;font-family:Courier New,Courier,monospace;font-size:.8rem;line-height:1.6}.hex-dump-column{-webkit-user-select:text;user-select:text;flex-shrink:0}.hex-dump-column pre{margin:0;padding:0;white-space:pre;font-family:inherit;font-size:inherit;line-height:inherit}.hex-column{color:var(--primary-color)}.ascii-column{color:var(--secondary-color);border-left:2px solid var(--border-color);padding-left:1rem;justify-self:start}.hex-line{display:flex;gap:2rem}.hex-bytes{font-family:Courier New,Courier,monospace;color:var(--primary-color)}.hex-ascii{font-family:Courier New,Courier,monospace;color:var(--secondary-color)}.optional-param{background-color:var(--code-bg);padding:.8rem;border-radius:6px;margin-bottom:.6rem;border:1px solid var(--border-color)}.optional-param .field{border-bottom:none;padding:.2rem 0}.raw-hex{background-color:var(--code-bg);padding:.8rem;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto;border:1px solid var(--border-color);word-break:break-all;white-space:pre-wrap}.udh-section{background-color:#f0f9ff;border:2px solid #3b82f6;border-radius:6px;padding:1rem;margin-bottom:1rem}.udh-section h4{color:#1e40af;font-size:1rem;margin-bottom:.8rem;font-weight:600}.udh-elements{display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem}.udh-element{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.8rem}.udh-element .field{margin-bottom:.4rem}.udh-element .field:last-child{margin-bottom:0}.delivery-receipt-section{background-color:#f0fdf4;border:2px solid #22c55e;border-radius:6px;padding:1rem;margin-bottom:1rem}.delivery-receipt-section h4{color:#166534;font-size:1rem;margin-bottom:.8rem;font-weight:600}.receipt-fields{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.8rem}.receipt-fields .field{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.receipt-fields .field:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}@media(max-width:768px){.field-grid{grid-template-columns:1fr}.address-grid{grid-template-columns:1fr;gap:1rem}.field{grid-template-columns:1fr;gap:.2rem}.field-label{font-size:.8rem}.hex-line{flex-direction:column;gap:.3rem}}