.avro-workspace{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.avro-workspace>.split-pane{flex:auto;min-height:0}.avro-workspace .workspace__stack>.workspace__pane{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-border-subtle), var(--shadow-sm);flex:50%;overflow:hidden}.avro-workspace .workspace__stack>.workspace__pane:first-child{flex:45%;max-height:none}.avro-panel{min-height:12rem}.avro-panel:has(>.hex-dump:not([open])){min-height:0}.avro-workspace .workspace__stack>.workspace__pane:has(.hex-dump:not([open])){flex:none}.output-panel{min-height:18rem}.avro-panel__example{letter-spacing:0;text-transform:none;min-height:1.9rem;font-size:.8125rem}.avro-panel__alert{background-color:var(--color-error-soft);border-bottom:1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border-subtle));color:var(--color-error);flex:none;align-items:baseline;gap:.4rem;margin:0;padding:.35rem .9rem;font-size:.75rem;display:flex}.avro-panel__alert>svg{flex:none;width:.85rem;height:.85rem;position:relative;top:.1rem}.avro-panel__note{background-color:var(--color-surface-2);border-bottom:1px solid var(--color-border-subtle);color:var(--color-secondary);text-overflow:ellipsis;white-space:nowrap;flex:none;margin:0;padding:.3rem .9rem;font-size:.75rem;overflow:hidden}.avro-panel .panel__meta{flex:auto;justify-content:flex-end;min-width:0}.hex-dump{flex-direction:column;flex:auto;min-height:0;display:flex}.hex-dump:not([open]){flex:none}.hex-dump>summary{color:var(--color-secondary);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;flex:none;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .9rem;font-size:.75rem;font-weight:600;display:flex}.hex-dump__body{flex-direction:column;flex:auto;min-height:0;margin:0;padding:0 .9rem .6rem;display:flex;overflow:auto}.hex-dump figcaption{color:var(--color-secondary);padding-bottom:.4rem;font-size:.6875rem;position:sticky;left:0}.hex-dump__body pre{font-family:var(--font-mono);white-space:pre;margin:0;font-size:.6875rem;line-height:1.65}.hex-line__offset,.hex-line__gutter{color:var(--color-secondary)}.hex-line__magic{color:var(--color-accent-strong);font-weight:600}.avro-problems{border-top:1px solid var(--color-border-subtle);flex-direction:column;flex:none;max-height:9rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.avro-problems li+li{border-top:1px solid var(--color-border-subtle)}.avro-problems button{box-shadow:none;color:var(--color-foreground);text-align:left;background:0 0;border:0;border-radius:0;align-items:baseline;gap:.5rem;width:100%;padding:.35rem .75rem;font-size:.8125rem;display:flex}.avro-problems button:hover:not(:disabled){background-color:var(--color-surface-2);box-shadow:none;border:0}.avro-problems button[aria-current=true]{background-color:var(--color-accent-soft)}.avro-problems__kind{color:var(--color-error);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:.6875rem;font-weight:600}.avro-problems li[data-severity=note] .avro-problems__kind{color:var(--color-secondary)}.avro-problems__message{flex:auto;min-width:0}.avro-problems__path{color:var(--color-secondary);font-family:var(--font-mono);flex:none;font-size:.6875rem}.metadata{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--color-border-subtle);flex:none;margin-bottom:.5rem;padding:.35rem .75rem;font-size:.8125rem}.metadata>summary{color:var(--color-secondary);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.metadata>summary>svg,.hex-dump>summary>svg{color:var(--color-muted);flex:none;width:.85rem;height:.85rem;transition:transform .12s}.metadata[open]>summary>svg,.hex-dump[open]>summary>svg{transform:rotate(90deg)}.metadata__count{color:var(--color-muted);letter-spacing:0;text-transform:none;font-weight:500}.metadata__table{border-collapse:collapse;width:100%;margin-top:.35rem;font-size:.8125rem}.metadata__table th,.metadata__table td{border-top:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;padding:.25rem .5rem}.metadata__table thead th{color:var(--color-secondary);border-top:0;font-weight:500}.metadata__table code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.75rem}.workspace-status__detail{color:var(--color-error);font-family:var(--font-mono);margin:.25rem 0 0;font-size:.75rem}.workspace-status__warnings{color:var(--color-warning);flex-direction:column;gap:.15rem;margin:.25rem 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.avro-view{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.avro-view[hidden]{display:none}@media (width>=768px) and (width<=1023px){.avro-panel__example,.avro-problems button,.metadata>summary{min-height:44px}}