.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}.pb-hidden{display:none!important}.pb-workspace{flex-direction:column;flex:1;display:flex;overflow:hidden}.pb-input-panel{border-bottom:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex}.pb-input-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.pb-input-label{color:var(--color-text-secondary);align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.pb-input-label__hint{color:var(--color-text-muted);font-weight:400}.pb-input-toolbar__actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pb-sample-label{color:var(--color-text-muted);margin-right:.15rem;font-size:.75rem}.pb-sample-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.15rem .5rem;font-size:.72rem;transition:background .15s,color .15s}.pb-sample-btn:hover{background:var(--color-accent);color:var(--color-accent-on);border-color:var(--color-accent)}.pb-input-areas{gap:0;display:flex}.pb-input-area{flex-direction:column;flex:1;display:flex;position:relative}.pb-input-area+.pb-input-area{border-left:1px solid var(--color-border)}.pb-input-area-label{color:var(--color-text-muted);background:var(--color-surface);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.04em;padding:.35rem .75rem;font-size:.72rem;font-weight:600}.pb-input-textarea{resize:vertical;background:var(--color-surface);width:100%;min-height:120px;max-height:200px;color:var(--color-text-primary);border:none;outline:none;padding:.75rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.5}.pb-input-textarea::placeholder{color:var(--color-text-muted)}.pb-input-textarea:focus{box-shadow:inset 0 0 0 1px var(--color-accent)}.pb-drop-zone{position:relative}.pb-drop-overlay{background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface) 90%);border:2px dashed var(--color-accent);color:var(--color-accent);z-index:10;pointer-events:none;opacity:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.pb-drop-zone.pb-dragging .pb-drop-overlay{opacity:1}.pb-format-badge{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);text-transform:uppercase;letter-spacing:.03em;border-radius:3px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.pb-error{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent);border-top:1px solid color-mix(in srgb, var(--color-danger) 25%, transparent);padding:.5rem 1rem;font-size:.8rem;display:none}.pb-error:not(:empty){display:block}.pb-output-panels{flex-direction:column;flex:1;display:flex;overflow:hidden}.pb-stats-bar{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1rem;padding:.45rem 1rem;font-size:.75rem;display:flex}.pb-stats-bar:empty{display:none}.pb-stat-value{color:var(--color-text-secondary);font-weight:600}.pb-tree-scroll{flex:1;padding:.75rem 1rem;overflow:auto}.pb-tree{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem;line-height:1.7}.pb-node{border-left:1px solid var(--color-border);padding-left:1.25rem}.pb-node-row{cursor:default;border-radius:3px;align-items:baseline;gap:.5rem;padding:.1rem .25rem;display:flex}.pb-node-row:hover{background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.pb-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;width:1em;display:inline-flex}.pb-toggle:hover{color:var(--color-accent)}.pb-field-num{color:var(--color-accent);flex-shrink:0;font-weight:700}.pb-field-name{color:#a78bfa;flex-shrink:0;font-weight:600}.pb-wire-type{text-transform:uppercase;border-radius:3px;flex-shrink:0;padding:.05rem .35rem;font-size:.68rem;font-weight:600}.pb-wire-varint{color:#34d399;background:#34d39924}.pb-wire-i64{color:#60a5fa;background:#60a5fa24}.pb-wire-len{color:#fbbf24;background:#fbbf2424}.pb-wire-i32{color:#f472b6;background:#f472b624}.pb-wire-sgroup,.pb-wire-egroup{background:color-mix(in srgb, var(--color-text-muted) 14%, transparent);color:var(--color-text-muted)}.pb-value{color:var(--color-text-primary);word-break:break-all}.pb-value-string{color:#34d399}.pb-value-number{color:#60a5fa}.pb-value-bytes{color:var(--color-text-muted);font-size:.72rem}.pb-value-bool{color:#fbbf24;font-weight:600}.pb-interpretations{color:var(--color-text-muted);margin-top:.1rem;padding-left:1.25rem;font-size:.72rem}.pb-interp-row{gap:.5rem;padding:.05rem 0;display:flex}.pb-interp-label{color:var(--color-text-muted);min-width:6em}.pb-interp-value{color:var(--color-text-secondary)}.pb-placeholder{text-align:center;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.pb-placeholder-icon{opacity:.3}.pb-placeholder-title{color:var(--color-text-secondary);font-size:.95rem;font-weight:600}.pb-placeholder-hint{max-width:28rem;font-size:.8rem;line-height:1.5}.pb-children-collapsed{display:none}@media (width<=700px){.pb-input-areas{flex-direction:column}.pb-input-area+.pb-input-area{border-left:none;border-top:1px solid var(--color-border)}.pb-input-toolbar{flex-direction:column;align-items:flex-start}}[data-theme=light] .pb-field-name{color:#5b21b6}[data-theme=light] .pb-wire-varint{color:#065f46;background:#d1fae5}[data-theme=light] .pb-wire-i64{color:#1e40af;background:#dbeafe}[data-theme=light] .pb-wire-len{color:#92400e;background:#fef3c7}[data-theme=light] .pb-wire-i32{color:#9d174d;background:#fce7f3}[data-theme=light] .pb-value-string{color:#065f46}[data-theme=light] .pb-value-number{color:#1e40af}[data-theme=light] .pb-value-bool{color:#92400e}