html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#1f1f1f}*{box-sizing:border-box}.app-shell{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #edf0f5;padding:16px 24px;min-height:76px;display:flex;align-items:center}.app-header__inner{display:flex;align-items:center;gap:12px;width:100%}.app-header__title{margin:0!important;line-height:1.2!important}.app-content{padding:16px}.soft-card{border-radius:16px!important}.toolbar-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.toolbar-left,.toolbar-right,.family-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.column-chip{cursor:grab;-webkit-user-select:none;user-select:none}.column-chip.dragging{opacity:.45}.node-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.node-path{font-size:12px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrap-code{display:inline-block;white-space:normal;overflow-wrap:anywhere;max-width:100%}.avro-tree-table .ant-table-cell{vertical-align:top}.avro-tree-table .ant-table-row{cursor:pointer}.avro-tree-table .ant-table-row-selected>.ant-table-cell{background:#e6f4ff!important}.preview-json{margin:0;padding:16px;border-radius:12px;background:#fafafa;max-height:420px;overflow:auto;font-size:12px;line-height:1.5}.family-meta{font-size:12px}@media (max-width: 1100px){.toolbar-grid{grid-template-columns:1fr}}@media (max-width: 768px){.app-header{padding:14px 16px}.app-content{padding:12px}}