.tool-widget[data-v-c77603cf]{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--color-bg);margin-bottom:var(--space-8);position:relative}.field[data-v-c77603cf]{margin-bottom:var(--space-5)}.field__label[data-v-c77603cf]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2);display:block}.field__hint[data-v-c77603cf]{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-tertiary)}.field__input[data-v-c77603cf]{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition)}.field__input[data-v-c77603cf]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.field__input--error[data-v-c77603cf]{border-color:#dc2626}.field__copy-btn[data-v-c77603cf]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.field__copy-btn[data-v-c77603cf]:hover{color:var(--color-primary);border-color:var(--color-primary)}.results[data-v-c77603cf]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.result-row[data-v-c77603cf]{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex}.result-row[data-v-c77603cf]:last-child{border-bottom:none}.result-row__key[data-v-c77603cf]{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0}.result-row__val-wrap[data-v-c77603cf]{align-items:center;gap:var(--space-2);min-width:0;display:flex}.result-row__val[data-v-c77603cf]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);word-break:break-all;text-align:right}.octet-table[data-v-c77603cf]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.octet-table__row[data-v-c77603cf]{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid}.octet-table__row[data-v-c77603cf]:last-child{border-bottom:none}.octet-table__row--header[data-v-c77603cf]{background:var(--color-bg-secondary)}.octet-table__cell[data-v-c77603cf]{padding:var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary);border-right:1px solid var(--color-border)}.octet-table__cell[data-v-c77603cf]:last-child{border-right:none}.octet-table__cell--value[data-v-c77603cf]{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.octet-table__cell--binary[data-v-c77603cf]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary)}.error[data-v-c77603cf]{font-size:var(--text-sm);color:#dc2626;margin-top:var(--space-2)}.toast[data-v-c77603cf]{bottom:var(--space-8);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:200;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.restore-banner[data-v-c77603cf]{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex}.restore-banner__dismiss[data-v-c77603cf]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;flex-shrink:0}.restore-banner__dismiss[data-v-c77603cf]:hover{background:var(--color-subtle);color:var(--color-text)}
