.tool-main{flex-direction:column;flex:1;width:100%;max-width:100%;padding:0;display:flex;overflow:hidden}.tool-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex}.tool-header__title{flex-direction:column;gap:.25rem;display:flex}.tool-title{color:var(--color-text-title);margin:0;font-size:1.3rem;font-weight:700}.tool-subtitle{color:var(--color-text-muted);margin:0;font-size:.85rem}.sn-workspace{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.5rem 2rem}.sn-input-row{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.sn-mode-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;flex-shrink:0;display:flex;overflow:hidden}.sn-mode-btn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.45rem .875rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:background .15s,color .15s}.sn-mode-btn:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.sn-mode-btn--active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.sn-mode-btn--active:hover{background:var(--color-accent-hover-bg);color:var(--color-accent-hover-text)}.sn-input-wrap{flex:1;min-width:180px;position:relative}.sn-input{background:var(--color-surface-input);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:6px;outline:none;padding:.55rem 2.25rem .55rem .875rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.95rem;transition:border-color .15s}.sn-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-bg)}.sn-input::placeholder{color:var(--color-text-muted);font-style:italic}.sn-clear-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.2rem .25rem;font-size:1.1rem;line-height:1;transition:color .15s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.sn-clear-btn:hover{color:var(--color-text-primary)}.sn-example-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.5rem .875rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.sn-example-btn:hover{background:var(--color-surface-raised);color:var(--color-text-primary);border-color:var(--color-accent-border)}.sn-error-bar{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);border-radius:6px;margin-top:.75rem;padding:.6rem .875rem;font-size:.85rem}.sn-warn-banner{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning);border-radius:6px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.6rem .875rem;font-size:.85rem;line-height:1.5;display:flex}.sn-placeholder{text-align:center;color:var(--color-text-secondary);padding:3.5rem 1rem}.sn-placeholder__icon{opacity:.4;margin-bottom:.75rem;font-size:2.5rem;line-height:1}.sn-placeholder__text{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.9rem}.sn-examples-hint{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.sn-hint-label{color:var(--color-text-muted);flex-shrink:0;font-size:.78rem}.sn-hint-chip{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent);cursor:pointer;border-radius:4px;padding:.3rem .6rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem;transition:background .15s,border-color .15s}.sn-hint-chip:hover{background:var(--color-accent-bg);border-color:var(--color-accent-border)}.sn-stats-bar{background:var(--color-border);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;gap:1px;margin-top:1.25rem;display:flex;overflow:hidden}.sn-stat{background:var(--color-surface);flex-direction:column;flex:1;align-items:center;gap:.2rem;min-width:100px;padding:.75rem 1rem;display:flex}.sn-stat__value{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:1rem;font-weight:700;line-height:1.2}.sn-stat__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.sn-stat--accent .sn-stat__value{color:var(--color-accent)}.sn-stat--success .sn-stat__value{color:var(--color-success)}.sn-stat--neutral .sn-stat__value{color:var(--color-text-primary)}.sn-type-banner{border-radius:6px;align-items:center;gap:.6rem;margin-top:.75rem;padding:.55rem .875rem;font-size:.82rem;font-weight:500;display:flex}.sn-type-banner__icon{font-size:1rem;line-height:1}.sn-type-banner--private{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.sn-type-banner--public{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.sn-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:1.25rem;overflow:hidden}.sn-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.625rem;margin:0;padding:.6rem 1rem;font-size:.75rem;font-weight:600;display:flex}.sn-section-badge{text-transform:none;letter-spacing:0;color:var(--color-text-muted);align-items:center;gap:.25rem;font-size:.7rem;font-weight:400;display:flex}.sn-detail-grid{flex-direction:column;display:flex}.sn-detail-row{border-bottom:1px solid var(--color-border-faint);align-items:center;gap:1rem;padding:.55rem 1rem;display:flex}.sn-detail-row:last-child{border-bottom:none}.sn-detail-row:hover{background:var(--color-surface-raised)}.sn-detail-label{color:var(--color-text-secondary);flex-shrink:0;min-width:170px;font-size:.8rem}.sn-detail-value{color:var(--color-text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;cursor:pointer;border-radius:3px;padding:.1rem .25rem;font-size:.875rem;transition:color .1s}.sn-detail-value:hover{background:var(--color-accent-bg);color:var(--color-accent)}.sn-detail-value--copied{color:var(--color-success)!important;background:var(--color-success-bg)!important}.sn-detail-value--network{color:var(--color-accent)}.sn-detail-value--broadcast{color:var(--color-warning)}.sn-mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.sn-binary-wrap{flex-direction:column;gap:.4rem;padding:.875rem 1rem;display:flex;overflow-x:auto}.sn-binary-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.sn-binary{color:var(--color-accent);letter-spacing:.08em;white-space:pre;word-break:break-all;-webkit-user-select:all;user-select:all;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.82rem;line-height:1.6}.sn-binary .sn-bin-host{color:var(--color-warning);opacity:.7}.sn-bin-legend-net{color:var(--color-accent);font-size:.85em}.sn-bin-legend-host{color:var(--color-warning);opacity:.7;font-size:.85em}.sn-binary-octets{color:var(--color-text-faint);letter-spacing:0;gap:0;font-size:.68rem;display:flex}.sn-binary-octets span{flex:1;min-width:60px}.sn-table-wrap{overflow-x:auto}.sn-table{border-collapse:collapse;width:100%;font-size:.8rem}.sn-table thead th{background:var(--color-surface-raised);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem .875rem;font-size:.7rem;font-weight:600}.sn-table tbody tr{border-bottom:1px solid var(--color-border-faint)}.sn-table tbody tr:last-child{border-bottom:none}.sn-table tbody tr:hover{background:var(--color-surface-raised)}.sn-table td{color:var(--color-text-primary);white-space:nowrap;padding:.45rem .875rem}.sn-table__num{color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums}.sn-table-truncate-note{color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border-faint);background:var(--color-surface-raised);margin:0;padding:.5rem 1rem;font-size:.75rem}.sn-results{padding-bottom:2rem}@media (width<=640px){.sn-workspace{padding:1rem}.sn-input-row{flex-wrap:wrap}.sn-mode-toggle{order:-1;width:100%}.sn-mode-btn{text-align:center;flex:1}.sn-input-wrap{flex:200px;min-width:0}.sn-stats-bar{flex-wrap:wrap}.sn-stat{flex:calc(50% - 1px);min-width:0}.sn-detail-row{flex-direction:column;align-items:flex-start;gap:.2rem}.sn-detail-label{min-width:0;font-size:.72rem}.sn-binary{font-size:.7rem}.sn-binary-octets{display:none}}@media (width<=400px){.sn-stat{flex:100%}}